2011-01-01から1年間の記事一覧
【演習1】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>基礎演習A01</title> </head> <body> <section> <h1>日記</h1> <time datetime="2011-05-03" pubdate="pubdate">2011年5月3日</time> <p>今日は春休みに旅行先をピックアップした。</p> <p>別府温泉<br>大分県別府市</p> </section> </body> </html> 【演習2】 !DOCTYPE HTML>
とてもシンプルなグリッドレイアウト とてもシンプルなグリッド。24時間ネット上で楽しめるデジタル動物園ということで、上段真ん中にライブ中継のスペースがある。その他、それぞれ全動物もライブ中継を通じて動く姿をネットで見れるらしい。残念ながら、一…
なんとか作ってみました。 画像処理に非常に非常に時間がかかりました。 その他もろもろ、デザインができない、表示がうまくされないなど悩みましたが、とても勉強になりました。とりあえず形になって良かった。 これからも随時修正・追加していきたいと思い…
金曜日、なかなかできずとてもあせったけれど、なんとかできてよかった。 可変幅にしてみると、とてもおもしろい。 とても勉強になった。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>グリッドカラムレイアウト</title> <link rel="stylesheet" href="css/base.css"> </head> <body> <section id="container"> <header> <h1><img src="img/common/logo01.png"></a></h1>
わかりやすいサイト
<html> <head> <meta charset="UTF-8"> <title>受講生課題</title> </head> <body> <section> <h1>聖徳太子にルビを表示</h1> <p> <ruby> 聖徳<rp>(</rp><rt>しょうとく</rt><rp>)</rp> 太子<rp>(</rp><rt>たいし</rt><rp>)</rp> </ruby> </p> </section> </body> </html>
●例題form01 <html> <head> <meta charset="UTF-8"> <title>12月18日復習課題：リストボックスメニュー</title> </head> <body> <h2>商品の選択</h2> <form> <select name="product" size="5"> $value){ print "</select></form></body></html>
jQuery タブ（切り替えパネル） 【cssについて】 outline: none; または overflow: auto; ・・・タブをクリックしたときに出るタブ周りの点線を消す。必ずdisplay: block; とセット。overflow: auto;の方が最近は使われている。 cursor: pointer; ・・・カー…
PHP フォーム復習 授業で教わったものを、復習のため再度入力してみたが、きちんと理解できておらず。 何も見ずに入力することはまだまだ不可能。。。【繰り返し機能 (for,count)】 <html lang="ja"> <head> <meta charset="UTF-8"> <title><?php print($title); ?></title> </head> <body> <h1></h1></body></html>
【課題001】 1500円の商品に消費税込みの金額を明示するには、いくらと書けばよいかPHPで表示させなさい。 消費税込1575円です。 <$price = 1500; $total = $price*1.05; print "消費税込".(int)$total."円です。"; ?> 【課題002】 「あなたは、山田一郎です…
シンプルなデザイン テキストがほとんどなく、今までの作品を表示しているのみといったデザインだけど、とてもわかりやすく、作品自体がカラフルな色で、きれいに並べられているせいか、まとまったレイアウトに見える。 テキストでの説明がないけれど、作品…
2カラムリキッド <html> <head> <meta charset="UTF-8"> <title>2カラムリキッド</title> <style type="text/css"> </meta></head></html>
パンダカフェカンプ、提出したもののみんなとのレベルの違いに恥ずかしくなった。 私のデザインは単調で全体的に工夫が足りない。あらためて見てみると、行きたいと思わせる要素がない。 まだまだ勉強不足。ペンツールも勉強不足。 検証って大事だなあ。。。…
今回の復習もとても時間がかかった。。。以前習ったおみくじのランダム定数を使った。 ちょっとしたミスでなかなかうまく動かず、形になるまで相当時間がかかった。 でもこれは色々と応用したいので、理解ができてよかった。 （下のキャラクターは現在発売中…
3カラム可変幅レイアウト 【作成時注意】 container・・・width:100%、overflow:auto を設定。 wrapper・・・width:100%、float:left、margin-rihgt:-200px （sidebar2の設置場所確保） を設定。 content・・・width:100%、float:right、margin-left:-200px …
インパクトのあるサイト とても個性的なサイト。右側のお弁当は動かず、左側のみで内容表示。 メニューアイコンが作成者自身で、クリックすると「ポヨヨヨン」と動くのもこのサイトにあっていておもしろい。 フラッシュがたまにでてくるのも味があっておもし…
パンダカフェのデザインを再度考えなおし、カンプ作成。 今までは、与えられたサイトをhtmlやcssで作成したけれど、いざ自分でデザインから起こすとなるととても難しいなあ、と思った。 でも作成してみないことには始まらないということも今回感じた。 クラ…
jQuery アコーディオンパネル ※http://docs.jquery.com/Downloading_jQuery のCurrent ReleaseからMinifiedをダウンロード。下記のindex.htmlと同フォルダに更に「js」フォルダを作成し保存。 （通常、jQueryの設定は外部のライブラリーやリンクを使って問題…
ActionScriptが理解できていないので、以前にさかのぼり練習中。 ちょっとづつ理解できてきたかな。。。 パスに沿って移動をインターネットで調べた方法はできなかったけれど、先生に聞いたら簡単にできた。 非常に時間がかかったけれど、タイムラインで入れ…
dt,dd 横並び dtに float:left; を設定。 ddは何も設定しなくていい。 ActionScript 日付取得（アナログ時計） 【フレームアクション】 this.onEnterFrame = function(){ var date_obj = new Date(); byo_mc._rotation = date_obj.getSeconds()/ 60 * 360; f…
｢KENT-WEB｣からASUKA BBSの掲示板用cgiとpostmailのcgiをダウンロードし、@pageにアップロード。パーミッションの設定。 返信用メールアドレスの設定（postmail）。 時間を取得（時・分・秒）
dt,ddの横並びを作成しました。 <html lang="ja"> <head> <meta charset="utf-8" /> <title>dl横並び</title> <style type="text/css"> <!-- body{ line-height: 1.5; } h2{ color: #00C; } dt{ float: left; font-weight: bold; } dd{ margin-left: 120px; } --> </style> </head> <body> <h2>南紀白浜について</h2> <dl> <dt>場所は…</dt></dl></body></html>
ActionScriptがいまひとつ理解していないので、はじめから復習をした。 やっとなんとなく理解ができはじめた。 うーん、まだみんなに追いつかない。 あせる・・・（汗）
横スライドのサイト 中央より下が今までの仕事の内容で、クリックするとカラーになり拡大。横スライドする。 シンプルなサイトで非常にわかりやすい。 トップページの色もセピア色でおしゃれで、マウスオーバーの部分のみカラーというのもさらに目だっていい…
減速スライド ◆横スライド ◆縦スライド 先生のブログを見ながら作成しました。 何も見ないで作成できる日がくるのだろうか・・・ その日を夢見て、みんなよりかなり遅れているActionScriptを勉強しなければ。。。
パンダカフェのデザインを考えてみました。
先週の授業でならったスライドショーを作成しました。 全然アレンジはしていないのですが、できてうれしいです。
レトロ風で縦にも横にもスライドするサイト 多分背景が1枚で、縦にも横にもスムーズに移動する。ところどころライトボックスらしきものがつかわれている。ずっと動画でレトロな映画風でとてもセンスが良く、ゆったりした気分になれるサイトだと思う。配色も…
jimdoの草稿のブログタイトルが変更できない！なんで？ 先日はできたのに。。 なので、更新ができない。はて？
