無料ホームページ作成マニュアル
無料ホームページ作成マニュアル>レイアウトを決めよう!

◆レイアウトを決めよう!

文字と画像を覚えたら、あとはアイコンの画像と文字入れを使ってプロフィールを入力するのみ!
…なんですが サンプル ではプロフィールが真ん中に来ていて、綺麗に並んでますよね?
スペースを駆使して作る事も出来ますが、めんどくさいし文字がどうしてもずれてしまう場合もあります。
これは表(テーブル)というレイアウトを綺麗に見せるマスを使っているんです。

◆表

判りやすく枠線を表示させるとこうなっています。

名前 クロ
性別
誕生日 秘密
性格 めんどくさがり屋(その割に凝り性)
血液型 B型
好きなもの 平和
嫌いなもの ノーテン
一言 白馬に乗った王女様、待ってます。

これは必要最低限ではないかもしれませんが、これを使えるかどうかでホームページの見栄えがまったく変わってきます。
こんなページ も簡単に作れます。(「Invisible Green」 さんに素材をお借りしています。)
是非マスターしておきましょう。

◆各部の名称

       
       
       
全体を
表(テーブル)
というのに対し、
セル      
       
       
一つのマスを
セルと呼びます。
       
       
       
横に並んだマスが
     
       
       
縦に並んだマスは

と呼びます。

上の自己紹介は、8行×4列の表を使ってセルに紹介文を書いている、という訳です。

表は各ソフトでクセがありますので、個別に説明します。

◆トップページヘ
無料HP作成マニュアル
◆作成初級編
作ってみよう!
基本設定をしよう!
文字を入力しよう!
画像を貼ってみよう!
レイアウトを決めよう!
【alphaEDIT】
【Dreamweaver】
【Homepage Builder】
【Homepage Mnager】
【FrontPage Express】
リンクを貼ろう!
<<Back【画像を貼ってみよう!】
Next>> 【alphaEDIT】
【Dreamweaver】
【ホームページ・ビルダー】
【ホームページマネージャー】
【フロントページエクスプレス】
【無料ホームページ作成マニュアル】