■Web作成のワークスタイル
私のWebデザインの5つの行動について。
私はホームページ作成作業を「コンテンツ作成」と「Webデザイン」の2つに区別しています。
ここでは「Webデザイン」を5つの行動に細分化して説明します。
■5つの行動を繰り返す
「Webデザイン」は大きく5つの行動を単純に繰り返すことでおこないます。
(1)全体のイメージ創り (Webデザイン)
ページ全体のテーブル構成の決定、統一色(テーマ色)の決定、、簡単なアソビを大雑把に決めます。
初期設計の段階で各ページデザインを決めていれば残りの作業はイメージをHTML化するだけとなります。
(2)テキスト入力 (コンテンツ作成)
メモ帳などのテキストエディタやHTMLソースに文章を書き込みます。
まだタグのことなどは考えずにひたすら平打ちで書き溜めます。
(3)HTML化 (コンテンツ作成)
HTMLソースやテンプレートにコピー&ペーストします。
ここでの作業はテキストの改行位置<br>や水平線<hr>の挿入など、読みやすさを意識した作業を行ないます。
(4)画像配置 (Webデザイン)
自分の中のイメージに従い加工した画像を貼り付けます。
単純に<img>タグを使う場合、<position>を使う場合に分かれます。
(5)テキスト配置 (Webデザイン)
画像配置と同じ要領で文章を好きな場所に配置します。
見出しテキストの色決め、<div></div>でブロック化し位置指定<position>、
水平線<hr>で区切りを入れたりします。
以上の5項目を(1)〜(5)の順で行い再び(1)へ戻ります。
この(1)〜(5)の作業の流れをを2〜3回ほど繰り返すとWebページが1枚仕上がります。