loading
 読み込み中...
ウェブの触手-日々の生活に新たなスパイスを-
アイキャッチ画像
Home > [ウェブデザイン] > 【CSS】CSSから始めたのでテーブルレイアウトが苦手
この記事は約3分で読めます。
この記事は最終更新日から5年以上経過しているため現状にそぐわない可能性もあります。

【CSS】CSSから始めたのでテーブルレイアウトが苦手

投稿日:2009.6.29

素人web屋の始まりは HTMLや CSS、テーブル、タグなどの用語を覚えることから、でした。

↓↓↓簡単にサイトが作れる次世代ツール↓↓↓

SIRIUSレビューイメージ画像

CSSを知る、学ぶ

それまでの勤務先のホームページはどこかの個人に作ってもらったものらしく
言っちゃあ悪いですが、見た目はしょぼく
「融通の効かない」ホームページだったんです。

その人が ホームページ制作から離れることになって
結局どこかのホームページ制作会社に頼んで
ページ修正をしてもらわなければならなくなり、
とあるホームページ制作会社に依頼したそうな。

元々融通が利かない「作り」な上、つぎはぎだらけで修正を続けたものだから
修正作業も次第に限界が近づいてきたんです。

簡単に言えば、契約していたホームページ制作会社も
「素人まるだしのコードで作られたページの修正はできることなら面倒なのでやりたくないけど、金をもらえるからやってあげる」的な仕事ぶりになりつつあったというわけ。

だからちょっとした直しを頼むのにも確実に金が発生するし
その日のうちに修正完了なんてこともなかったんです。

その連絡担当を任されていたのが私でした。

電話で指示してても相手にやる気がないのが見え見えで
やっててホントアッタマ来てました。

ならば自分でやったほうが早いかと思って始めたホームページ制作の勉強。

もともとパソコンは嫌いではありませんでした。
それに画像編集の勉強もしたいところだったので
「半年ください」といって
自社のホームページをイチから作り直すことにしたんです。

そして web素人なりに研究した結果、
ホームページ制作ソフトは DreamWeaver を選択しました。

アプリの使い方から HTMLまでゼロから猛勉強しましたよ。
その過程でレイアウトデザインを「テーブル」でやるか「CSS」でやるかの選択に迫られることになったんです。

どちらにしても内容がまだ全然わからなかったことや
いっぺんに両方覚えることは無理だったので、
「これからの時代は構造は HTMLでレイアウトは CSSがトレンド」という響きにひかれ、
CSSの勉強を始めました。

ところがこの CSSが曲者(くせもの)で、
ブラウザによって、また同じブラウザでも
バージョンの違いによって挙動が異なるということを後で知ったんです。

最初はハックなどを使ってかっこつけていたんですがが段々面倒くさくなり、
今では優等生的な CSSでなんとかレイアウトを考えられるほどにはなりました。

このように私はテーブルレイアウトの HTMLを一切知らず、
CSSでしかレイアウトができないんです。

そこへきて最近は Eコマース運営会社のサーバーを借りて
オンライン通販のページも担当することになったんですが、
このテンプレートのページ構成が完全なテーブルレイアウト!

CSSであれば、余白をこれだけとって左フロートにして、
リストはブロック要素扱いにして……などとさくっといけるところなんですが、
HTMLの中に直接書き込むテーブルレイアウトだと
どう書くべきなのかいちいちネットで調べながら書かなくてはなりません。

 

会社のホームページは完全 CSSレイアウトで XHTML1.0 transitional に基づいた構成です。
一方、オンラインショップは HTML4.01準拠のテーブル構造。

頭の切り替えがとても大変で時々こんがらがってきちゃいます。

唯一テーブルレイアウトの利点と言えばブラウザを選ばないってことぐらいでしょうかね。

記事はお役にたてましたか?

記事にご興味をもっていただけましたら
下のソーシャルボタンで共有していただけると嬉しいです^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

スポンサーリンク

おススメTCDテーマ

WordPressテーマ「FOCUS (TCD030)」

コメント(0件)

コメントをどうぞ

入力いただいたメールアドレスは公開されません。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

先頭へ