配置について
■ ポイント
・サイト全体／各ページの揃え方のルール作り同じサイト／ページ内でさまざまなタイプの配置を用いると、ばらついた印象を与えてしまうことがあります。
ルールを設けてそれに沿って制作することで、整った印象の読みやすいサイト／ページにすることができます。
・ガイドとなる線／枠の設定
ガイドとなる線や枠を定め、そこを基準にテキストや画像を配置することで、その後の編集・追加の際の指針となります。
■ 関連ツール：ホームページメーカーの編集ツールの活用
 |
テーブル |
複数の項目を整理して表示させることができます。
【例】
受付時間 平日10:00～18:00
電話 03-3544-8899
メールアドレス hp-maker@dyn.co.jp
▼
| 受付時間 | 平日10:00～18:00 |
|---|---|
| 電話 | 03-3544-8899 |
| メールアドレス | hp-maker@dyn.co.jp |
■テーブルプロパティの設定について
| 1行目／1列目 | 1行目／2列目 |
|---|---|
| 2行目／1列目 | 2行目／2列目 |
| 3行目／1列目 | 3行目／2列目 |
行：上から下までのセルの数
列：左から右までのセルの数
テーブルヘッダ：網掛けなどの強調部分
幅：表の横幅(単位はピクセル)
【※上記の表の設定…行：3／列：2／テーブルヘッダ：初めの行のみ／幅：240】
 |
横罫線 |
記事内などで文章／コンテンツの区切りをつける際などに使用します。
【例】
電車でお越しの場合
東京メトロ日比谷線「築地」駅下車 徒歩7分
東京メトロ有楽町線「新富町」駅下車 徒歩8分
バスでお越しの場合
東京駅八重洲口より都バス(深川車庫行)利用約15分「聖路加病院前」下車
▼
電車でお越しの場合
東京メトロ日比谷線「築地」駅下車 徒歩7分
東京メトロ有楽町線「新富町」駅下車 徒歩8分
バスでお越しの場合
東京駅八重洲口より都バス(深川車庫行)利用約15分「聖路加病院前」下車
