■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枚仕上がります。