巨大なWebサイトでもはじめは１枚のWebページからはじまります。ここではトップページを作ります。

---

では実際に手書きを始めます。さっそくテキストエディタを開いてください

■テキストエディタの選別

WINDOWSであればメモ帳（標準装備）シェアウェアであれば秀丸がオススメです。
※シェアウェア・・・有料のオンラインソフト（ちなみに私は両方使い分けています。）
※ここでは「メモ帳」で統一します。

■メモ帳を開き次のソースを貼り付けてください。



■次はレイアウト（Webデザイン）を考えます

Webデザインと言っても基本はやっぱり紙ベースです。大体で良いのでさっと書くことからはじめます。 ここでは、とりあえずシンプルなWebページをつくってみましょう。 「写真やロゴなどの画像が真ん中に１つ、 下にコンテンツへの入口が縦に並ぶ」という シンプルな構成で実際につくってみましょう。 （このページのサンプルを付録につけます）

■imgタグの書き方

画像を貼り付けてみましょう
タグを書く前にwebフォルダにimage.jpgを入れておきます。

好きな画像を使用してもＯＫです。
（ファイルの名前は「image.jpg」にしてください）

また、その場合は画像の大きさを調べてwidth="" とheight=""を変更してください。
（画像ファイルを右クリック→プロパティ→概要）



■改行の書き方
Webページでは改行したい時に「改行します」と宣言しなければなりません。
主に見易さ、読みやすさの為に頻繁に使用する「改行」と「段落」の説明をします。


■今日つくったソースリスト

以上でトップページの完成です。 まだ画像と文字だけの何のひねりもない
１枚のトップページですが、 ここからどのように変わっていくのか？一緒に体験していきましょう。

◆この章でつくったソースリストです

←　「はじめに」に戻る

「リンクを貼る」に進む →