WADA-blog（わだぶろぐ）
ニッチテーマでサイトを企画・制作し広告収入で暮らすミニサイト作り職人だった（←引退しました）自由人わだのブログ。製品レビューに小型バイク、セルフリノベ、家庭菜園、IoTまで好奇心のおもむくまま。
とある一日の記録～日記

［1日更新］HTMLコーディングの準備作業

写真この記事だけ書いたら、今日は寝ようと思う。

とりあえず、明日目が覚めたらすぐHTMLコーディングに入れるよう、少し準備作業だけやっておくことにした。

まず、これまでの構成案は、画像編集ソフトFireworksで「絵」として書いてしまっているので、大きさやスペースを調整。

そのため、「ガイド」を何本もひっぱって、ピクセル単位で小見出しや枠を動かしてゆく。

写真

黄緑色の線が「ガイド」。
メニューで「ガイドに吸着」を選択しているので、これを使うと、画像やテキストなど動かしやすい。

次に、パワーポイントにこの構成案を貼り付けて、スタイルシートで配置や大きさ、色などを指定する際に、なんていうID名・CLASS名にするかを書き込んでゆく。

写真

写真

普段はここまではやらず、HTML書きながら適当に決めてゆくんだけど、今回は、数ヶ月後にMT化することを考えているので、その時にすぐ思い出せるよう、なんちゃって設計図として残しておくことにした。

このあたりの作業をしっかりやってからHTMLコーディングに入ると、途中で幅や余白・マージンなどをいくつにすればいいのかわからなくなり、何度もブラウザに表示させながら修正したり・・・という手間が省け、スムーズに最後までいける。

ということで、今日はここまで。
明日外出までに全ページのコーディングを終わらせたいな。

いや、明日は平日だからお仕事しなくちゃだめか。
どっかで暇を見つけてちょこちょこ進めていこう。