トップページの作り方8.トップページのコーディングを行う

8.トップページのコーディングを行う

各部品を切り出し、トップページのHTMLを作成します。

デザインが決まり、ここでようやくHTMLファイルを作成します。
コーディングの手順は下記のような流れでコーディングします。

[コーディングの手順：テーブルコーディング]

• １．新しくhtmlファイルを作成する
• ２．最も大きなテーブルを作成する
• ３．各領域にテーブルが入るようにテーブルを分割する
• ４．分割された部分にさらに１つのテーブルを入れる
• ５．用意した画像や文章を入れる
• ６．CSS（スタイルシート）でマージンや文章の間隔、色などを設定する
• ７．必要なリンクを張り付ける
• ８．オンマウスした際にボタンの色が変わるなどのアクションをつくる
• ９．ページの情報（メタタグやタイトルタグなど）を入れ込む

テーブルコーディングの手法については、次回詳細を解説していきます。。

[コーディングの手順：CSSコーディング]

• １．新しくhtmlファイルを作成する
• ２．<div>タグによって最も大きなボックスを作成する．
• ３．検索エンジンやテキストブラウザに読ませたい順序で用意した内容を入れ込み、タグをマークアップする
• ４．デザインしたものと同じになるようにCSSで各領域の設定を行う。
• ５．必要なリンクを張り付ける
• ６．オンマウスした際にボタンの色が変わるなどのアクションをつくる
• ７．ページの情報（メタタグやタイトルタグなど）を入れ込む