テーブル全体の幅の整合性をチェック
さて、これで各パーツのデザインは終了しました。
ただ、ここで一つ問題があります。
ホームページビルダーは、値段もお手ごろで比較的使いやすいソフトなのですが、いろいろと問題があります。
その一つが、テーブルの幅の整合性がうまく表示されないということです。
例えば、私たちが作っているホームページの幅は、760pxです。
１行目や２行目は、１列しかないので760pxに変更すれば問題ないのですが、３行目を左から右に横断的に見ていくと、４つに分解することができます。
これら４つの値の合計が760pxにならないといけないのですが、これがよくずれていることが多いのです。
４つを足すと760pxを超えており、サーバーに転送してブラウザで表示すると、一部が横にはみ出てしまったりすることがよくあります。
反対に、760pxより小さくて一部が小さく固まってしまったりすることがあるのです。
少し難しいと思うのですが、各セルの幅や高さと全体の整合性をうまく取る必要があるのです。
ですから、ホームページビルダーのプレビュー機能をクリックして、実際にブラウザで見るとどのように見えるのかをチェックしながら、全体のバランスを整えていく必要があります。
試しにに、今作っているホームページをプレビュー機能でチェックしてみます。
↓プレビューする方法
↓今作っているホームページをプレビューした写真
上の画像が、今作っているホームページをプレビューしたところなのですが、２行目と６行目が左に固まってしまっていますよね。
これは、なぜか、２行目、５行目、６行目の幅が115pxになってしまっているからなのです。
５行目には、何も文字が写真がないので、わかりませんが、ＨＴＭＬソースを見ると115pxになってしまっています。
ですから、それらの幅を760pxに広げてやる必要があるのです。
次のステップで、ＨＴＭＬソースを編集して、幅を広げましょう。
Search
サイト内を検索することができます。
Links
Ｗｅｂ製作おすすめ本
↓ホームページビルダーの使い方の基本をおさえたい方におすすめの本です。
↓できるシリーズのスタイルシート版です。スタイルシートの基本を押さえておきたいおすすめの本。
↓ホームページビルダーで満足できなくなったら、プロが使うソフトであるドリームウィーバーに乗り換えましょう。
↓おすすめのエックスサーバー！月額１，０５０円で１GB+マルチドメイン
↓とりあえずという方のためにおすすめのレンタルサーバーが月額２６３円からのロリポップ！
