« 日記風に雑感を | トップページ | 安物買いの銭失いかも »

2012.08.09

それで HTML と格闘してしまったわけで

 具体的なことは、まだ書けない。クライアントの OK をもらっていないからね。
 でも、先月からとあるサイトのリニューアルの手伝いをしている。ほんとうは全面的にリニューアルしたいんだが、予算のこともあって、まずトップページをということになった。

 以前なら、とりあえずイメージをサクッと HTML で書いてしまって、それから徐々に仕上げていく形で進めることが多かった。けど、今回はデザインをきちんと決めて、それをそのまま HTML & CSS で作るというやり方にしてみた。
 なんていえばいいのか、この方が細かなところまできちんと把握してからコーディングすることができるからいいんじゃないかなということだ。クライアントによっては、以前の方法の方がしっくりといくところもあるかもしれない。
 けど、これからはこのやり方でやっていくつもり。

 まず Keynote でイメージデザインを作り、それをベースにそのままコーディングしていくことになる。
 これ、やってみるとよくわかるんだが、Keynote って、とても使いやすくて、こういう作業にはぴったりかもしれない。

 おかけでデザインの OK はすんなりといただくことができたので、昨日からうんうんと唸りながらコーディングしていた。
 全体を仕上げるのは、さほど時間がかからない。まぁ、HTML5 と CSS3 でのコーディングにはもう慣れたし、ある程度、がっしりとページを組み上げてしまうことにも抵抗はなくなった。
 今回手こずったのがメニューだ。いわゆるグローバルメニューというやつね。

 一番上の階層の部分はリンクボタン全体をグラデージョンを施した帯で作成する予定だった。
 その下にもいくつか階層があったりして、構造的には ul と li が入れ子になっていく。
 で、その一番上の階層の帯状のところは画像を貼りつけて、なんて簡単に考えていたんだけど、これがなかなかできそうでできない。階層がひとつだけだと、マウスオーバーで画像が入れ替るなんて簡単なんだけどね。これが下の階層もあったりすると、どうやって画像を貼ればいいのかさっぱりわからない。
 ということで、昨日の夜、さんざんやったんだが、まったく目処が立たず、諦めて酒呑んで寝てしまった。

 でも仕上げなきゃいけないので、今日は起きたらそのままデスクに直行。海へも行かず、食事もせず Web であれこれ調べながら、昼前にはなんとか作り上げることができた。CSS3 だけじゃ無理で、jQuery でなんとか想定通りものにできた。
 あとはページ組んでいくだけなので、おにぎり頬張りながら、シコシコとコーディングしていき昼過ぎには完成。
 無事にクライアントの OK いただきました。

 それにしてもちょっと疲れたなぁ。
 まさに午前中は格闘という表現がぴったりの感じで仕事しちゃったからね。
 とりあえずクライアントの OK が出たら、改めて詳細は書くつもりでいる。
 さてと、今日はのんびりと呑みますか。って、呑んでばっかりかも。

|

« 日記風に雑感を | トップページ | 安物買いの銭失いかも »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/476084/46637124

この記事へのトラックバック一覧です: それで HTML と格闘してしまったわけで:

« 日記風に雑感を | トップページ | 安物買いの銭失いかも »