WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:DIVタグで位置を指定してのデザイン構成&作成ソフトについて

0:[投稿] ゆり [2004/03/09 15:52 ][環境:/ ?]

趣味でいくつかサイトを立ち上げているものです。
この度初めて知人からサイト作成の仕事を頼まれました。
途中まで作成してあるものを渡されたのですが、
ソースを見ると全てのパーツがDIVで位置を指定して作られています。
製作者がどれほどのスキルをお持ちかは全くわからないのですが
ホームページビルダーで作られているようです。
私は普段Dreamweaverを使っており、
ページはある程度TABLEで区切るなどして
中身の文章などはスタイルシートでデザインやスペースを指定するやり方をしておりました。

ビルダーを使っているとついDIVタグを使いがちになるのか、
もし確信的にDIVタグを多用しているなら、
DIVタグで位置を指定してのデザイン構成は
プロとしてWEB作成する際、主流なのでしょうか。
教えて下さい。

好きに作ってよいと言われてはいるので
自分のやり方でやるつもりですが、
どなたかが途中まで作ってあるものを
プロではない自分が修正する勇気がなく
質問した次第です。
宜しくお願いいたします。


1:[回答] … [2004/03/09 17:15 ]

テーブルにしろ,DIVにしろ,絶対配置にしろ,乱用すればアクセス性が損なわれます。

・divを使うということ
 http://members.jcom.home.ne.jp/jintrick/Personal/css_div.html
・HTMLの要素・汎用のブロック要素(div)
 http://members.jcom.home.ne.jp/pctips/www/Element/div.html
・DIV病
 http://www.fromdfj.net/html/divsyndrome.html
・テーブルに必要とされる配慮
 http://www.shiba.tao.go.jp/sien/barrierfree/minna/point6.htm
・テーブルの線形化
 http://www.zspc.com/documents/wcag10-tech/html-techniques/index.html#tables
・スタイルシートによる配置とうまく変換されるタグ付け
 http://www.zspc.com/documents/wcag10-tech/css-techniques/index.html#style-transform-gracefully

>ソースを見ると全てのパーツがDIVで位置を指定して作られています。
多分「どこでも配置モード」で制作したのでしょう。
http://www.mars.dti.ne.jp/~fuming/authoring/hpbuilder/dokodemo-mode.htm
http://www.mars.dti.ne.jp/~fuming/authoring/neo_wysiwyg.htm#hbp8doko


2:[回答] あ [2004/03/10 00:42 ]

プロかどうかは兎も角、tableでのレイアウトは個人的にいただけません。
(tableで囲われているのが“表”なら分かりますけど)
レイアウトはCSSで表現すれば良い訳で、わざわざtableを用いる必要がない。
必要な要素を適宜にあて、CSSでレイアウト構成されているPageはプロだなと私の目には映ります。


3:[回答] … [2004/03/10 01:39 ]

テーブルレイアウトを CSS に置き換える云々については,
『そろそろスタイルシートで』という記事が参考になります。
http://w3j.org/articles/cssready/


4:[完了] ゆり [2004/03/25 11:40 ]

…さん、あさん、ありがとうございました。
「どこでも配置モード」というのがあったのですね。
リンク先も非常に参考になりました。
私も綺麗なソースを見ると感動してしまいますが、
自分ではなかなか追いつけないのが現状です。
本当にありがとうございました

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World