セルの分割と結合
６行のテーブルができましたが、よく見るとこれから作ろうとしているホームページは、左にサイトメニューがありますので、縦を２列に分割しなくてはなりません。
下の写真を見れわかると思うのですが、３行目が３列、４行目が２列に分割されています。
↓３行目が３列、４行目が２列に分割されていることを確認してください。
ですから、テーブルの３行目を３分割、テーブルの４行目を２分割にしなければなりません。
まず、テーブルの３行目の中をクリックして、３行目だけを指定します。
３行目だけがピンク色で囲まれればＯＫです。
その状態で、上部メニューの「セルの横分割」ボタンをクリックします。
↓セルの横分割ボタン
すると、３行目が２つに分割されると思います。
そのままで、もう一度「セルの横分割」ボタンをクリックして、３つに分割してください。
これで、３行目を分割することができたので、同様の方法で、４行目を２分割してください。
↓ここまでの解説を動画で見ることができます。
さらに、少し細かいのですが、左サイドメニューとメインのコンテンツの間に区切り線が入っています。
↓区切り線を確認してください。
区切り線を入れるために、一つセルが必要ですので、３行目と４行目にあと１列追加する必要があります。
まず、３行目の一番左のセルでクリックして指定し、その状態で「セルの横分割」ボタンをクリックして、さらに１列増やします。
これで、３行目は４列になったと思います。
さらに、４行目の左のセルをクリックして指定し、「セルの横分割」ボタンをクリックしてさらに１列増やします。
これで、４行目は３列になったと思います。
ただ、区切り線は、３行目と４行目にまたがって配置されていますので、３行目の左から２番目のセルと４行目の左から２番目のセルを結合する必要があります。
ですので、３行目の左から２番目のセルをクリックして指定した状態で、「下のセルと結合」ボタンをクリックします。
↓「下のセルと結合」ボタンを確認。
これでは、３行目と４行目の左から２番目のセルが結合されたと思います。
↓ここまでの解説を動画で見ることができます。
これでレイアウトが完成しました。
次は、テーブル全体を真ん中に寄せる設定をします。
Search
サイト内を検索することができます。
Ｗｅｂ製作おすすめ本
↓ホームページビルダーの使い方の基本をおさえたい方におすすめの本です。
↓できるシリーズのスタイルシート版です。スタイルシートの基本を押さえておきたいおすすめの本。
↓ホームページビルダーで満足できなくなったら、プロが使うソフトであるドリームウィーバーに乗り換えましょう。
↓おすすめのエックスサーバー！月額１，０５０円で１GB+マルチドメイン
↓とりあえずという方のためにおすすめのレンタルサーバーが月額２６３円からのロリポップ！
