卒業制作中！

最近はすっかり、週1ペースの更新となってしまってます。
この10日間は次のようにすごしていました。

<10/1～10/6>
どんなサイトにするか考える。犬のダイエット専門クリニックの案内サイトにすることに決める。
↓
犬のダイエットに関する情報をWebで調べて、どんなコンテンツを持ったサイトするか考える。制作すべきコンテンツはトップページも含めて4つ。
集めた情報を元に、とりあえず文章にして、いくつかのまとまりは簡単にHTMLファイルにする。
紙に書きながら、サイトのデザインを考える。

<10/7>
サイトマップとディレクトリマップを作成。

<10/8>
紙に書いたデザイン画を元に、画像ソフトで作成。トップページと、コンテンツ1を作成する。

<10/9>
残り3つのコンテンツのサイトデザイン作成はとりあえず後にして、トップページを制作しはじめる。

<10/10>
色々不備がありつつも、強引にトップページを制作し終える。

<10/11 今朝>
コンテンツ1に必要な画像を作成し、切り出す。やっぱり不備が見つかって、トップページを再調整。


計算間違えていただとか、タグが足りないとか、ブラウザの違いにてんやわんやで、3歩進んで2歩下がるというカンジです。ああ、歩みが遅い。
・・・お、終わるのコレ？

で、できた～～～～

な、なんとか、サイトを作成し終えた～～。
9月中の公開は間に合わなかったけど、10月1日のアップデートということで、ギリギリセーフということで！
一応、XHTML+CSSを目標に頑張ってみたのだけれども、いろいろと間違っていそうだなあ。

鶴川駅前案内板
http://park.geocities.jp/tsurukawa_annaiban/index.html

作り終えてみれば、たった10ページそこらなのだけれども、なんだかすごく時間がかかってしまった。
自分の技量の無さが原因ではあるのだけれども。メニューが横並びにならないとか、PaddingがIEだと変な感じになるとか、なにか不具合が起こるたびに1時間ぐらいはうんうん悩んでたからな～。

それでも、もっとああしておけば効率的にやれたのではないかと思ったのは、次のとおり。

■サイトのページ構成をキチンと決めずに取り掛かってしまった。
■各コンテンツのデザインをあいまいだったため、いざDreamweaverで作成し始めたらデザインが決まっていない箇所がボロボロ出てきてまい、その場その場で決めてしまった。そのため、コンテンツ同士のデザイン的な統一に苦しんだ。
■CSSの作成やdivなどの各タグ付けも、その場その場で決めてしまっていたため、後半にになると使い回しができなくなってしまい、余計なタグが増えてしまった。


・・・なんかこうして書き出してみると改めて、

決めてから取り掛かれよ！」

と自分自身に叫びたい気分になってきた・・・。
終わってから思うことは・・・ホント効率が悪すぎた。

今回の反省をキチンと生かして、卒業課題制作はもっと効率よくやるぞ～！

alt属性とtitle属性の違いに、てんやわんや

サイト作成をするときは、複数のブラウザで表示を確認するのがよいということで、主にIEとfirefoxで確認を撮っている。
今日は、参考書とにらめっこしながらイメージマップにホットスポットを設定したのだけれど、、、思わぬところでつまづいた。
alt属性に説明文を入れて、表示を確認してみたのだが、なぜかfirefoxでは表示されない。あれれ、なぜ？？と思い、Netscapeでも確認してみたが、やっぱり表示されない。
参考書でも、それらしいことが書いてある箇所が見つからない。

firefoxとNetscapeが同じ表示のときは、IEを疑え！

CSSを勉強し始めてから覚えた教訓が頭をよぎったため、ネットで調べてみたところ、「Web標準普及プロジェクト」というサイトに説明があった。

「img要素でalt属性の内容がポップアップしない」http://www.mozilla.gr.jp/standards/webtips0024.html


そうか、alt属性は画像を表示されない場合の代替テキスト指定のためのものであって、ツールチップを表示するためにはtitle属性なのか～。
ものすごく納得した。
調べるまでに随分時間をとられてしまったけれども、スッキリできてよかった。

それにしてもIE・・・困ったチャンだなもう～

サイト作成をちまちま進める

金土とすっかり遊んだため、今日は一日Webサイト作成に集中した。
コンテンツは大きく分けて、「お店を探す」と「エリアマップ」の2つだ。「お店を探す」に関連するページの7割くらいは、CSSに連動させた。
残り3割はまったく手をつけていないのだけれども、とりあえず後回しして、「エリアマップ」にとりかかる。
イラストレーターで、総合マップを1枚+エリア別5枚を作成。GIFファイルに変換して・・・力尽きた。
この画像にイメージマップを設定する予定だ。

デジハリオンラインの卒業課題の提出日が10/18だということが発表された。詳細については3週間前くらいに発表されるようだから、10月はそちらにかかりきりになる。
だからこそ何とか、このサイトは9月中の公開にこぎつけたい！

遊びまくった！

金曜日は新宿で飲んで、翌日は富士急ハイランドに行った。
普段はインドア気味のため、今週末はものすごくアクティブだ！ハイな気分で2日間を楽しんだ。

2～3年ぶりにフジヤマに乗って知ったこと。
76メートルからの急降下では、叫び声も出ません。
あの急降下のたびに、心臓が止まる感覚を想像することができるなあ。やっぱりすごい！

にしても、いまだにCaplio R4を使いこなせない。
出来上がった写真は、手ぶれにもほどがあると叫びたくなるような。すさまじいブレブレ写真だらけで、ディスプレイでアップ画像を見て青ざめた。
どうしよう、これ友達に送るんですけど・・・。


観覧車。左が手ぶれ、右は比較的よいカンジ。

はい、悪いのは撮影者です。わかっております。
スローシンクロモード、使いこなせれば夜の写真はコッチのほうがよいとは思うんだけれども、腕が上がるまでは普通にフラッシュたいて撮ろうと痛感した。
旅行写真だけは、失敗しちゃいけないもんな～（＞＜）