- ベストアンサー
テーブル、CSSレイアウトの詳しい解説書、サイトを探しています。
現在ホームページ制作会社につとめて数カ月になるものです。 テーブルレイアウトやCSSレイアウトについて詳しく解説しているサイト、書籍を紹介してください。 特にテーブルレイアウトについては情報が少ないので詳しいコツを知っている方はこの場で書き込んでもらってもかまいません。 ※現在困っていること 基本的なレイアウトはできるのですが、数ピクセル単位でイメージが微妙にズレる事が多いです。 なお、先に謝っておきますが、テーブルをレイアウトに使うのは本来の使い方じゃないのは承知しています。しかしクライアントのニーズに答えるため、現在は使わざるをえません。申し訳ないですが、そのへんのツッコミはご勘弁いただけるとありがたいです。 よろしくお願いいたします。
- taro707
- お礼率35% (144/404)
- HTML
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こちらから（参考サイト↓）フリーソフトの「Ｌｕｎａｒ」をダウンロード。 エディターと併用してみてはいかがでしょうか？
その他の回答 (2)
- kaiu
- ベストアンサー率20% (65/315)
リファレンス代わりに重宝するかと。 ■本・・・ ○○大全シリーズが出ていたら ■サイト・・・ http://www.hajimeteno.ne.jp/html32/index.html http://www.htmq.com/index.htm http://www.tagindex.com/ >※現在困っていること 最初にbody部をcolspanで細かく分けてしまっては いかがですか（エクセルで列を細かく分ける様な イメージ）。
- UsadaYusuke
- ベストアンサー率43% (55/126)
HTMLやCSSの基本をだいたい網羅したサイトとしてお勧めなのは「とほほのwww入門」です。 「あ、あれなんだっけ・・」と思ったときに重宝してます。
関連するQ&A
- CSSレイアウトってなぜこんなに難しいのか？
個人事業で、WEBデザインの仕事をしています。 恥ずかしいですが、ずーっと、テーブルレイアウトでのみHP作成してきました。 文字を整えたり、種類をまとめたりだけ、CSSを使ってました。 先日初めて、クライアントから「そろそろテーブルレイアウトはやめてくれ」と、 ダメだしを食らいました。 独学でDreamweaver MX 2004を一から学んで、仕事やって来ましたが、 ちょっと恥ずかしい質問ですが、 CSSレイアウトってなぜ、こんなに難しいのでしょうか？？ みなさん、テーブルレイアウトと比べて異常に難しく感じませんか？ 今の調子ではＨＰ作成の仕事が請けられなくなっています。（涙） 例えば、テーブルレイアウトって、自由にドキュメントで確認しながらデザインできますよね。 でも、CSSレイアウトって、コードで全部書き出しますので、 ちょっとサイズや項目や要素を変更するだけでも、どのdiv?、どのクラス？のタグにそれを指定したかとか、 複雑になり解らなくなってしまい、ちょっと変更するだけでも凄い時間がかかってしまいます。 ■もしかして私、CSSレイアウトの学び方、作り方を間違ってるのでしょうか？ ■今まで2～3冊位、Dreamweaverの本で、CSSレイアウトを勉強してますが、 いっこうに進歩しません。（ここに本の題名書き出すとマズイですよね？） ★CSSレイアウトが解り易く学べる、勉強本を教えて頂けますでしょうか。 ■もしかして、DreamweaverでCSSレイアウトをするから難しいのでしょうか？ HPビルダーとかなら、もっと簡単に出来るのでしょうか？ ■今、私ができるCSSレイアウトの限界は、一番大まかな囲いの、 #header #side #main #footerを、#contentの中に入れて、 その中の各々の要素は、今までとおり、テーブルでレイアウトする。 （メニューや、商品スペック、写真並べなども、テーブルで。） それが精一杯ですが、これで通用するのでしょうか？ HPデザイナーとして、恥ずかしい質問ですが、 ご教授どうぞ宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- tableによるレイアウトorCSSによるレイアウト
現在HPをリニューアルしようとしております。 現状はホームページビルダーでテーブルを多用してレイアウトしておりました。 洋服関係のネットショップなのでかなり見た目ごちゃごちゃした感じで作っています。 また、「生きているサイト」を意識して頻繁に少々のレイアウトや内容の更新をしております。 ＊商品はコンスタントに更新してます。 このたび、dreamweaverでhtml＋CSSでブロック要素のまわり込みでレイアウトして作りかけています。 がしかし、参考に他のサイトのソースを多数見ていくとレイアウト自体はテーブル(html)で行っているサイトが多く現在、レイアウト自体をテーブル( html)orCSSでコントロールする方法が良いか迷っております。 html＋CSSでブロックコントロールしていく方法を多方面推奨しているようなのですがブラウザやブラウザバージョンにより崩れたり・・・とういう事は理解できております。 そこでお教え頂きたいのですが・・・ ●今後CSSがスタンダードになるとは思いますが現状、web製作の現場ではTABLEによるレイアウトとCSSによるレイアウトどちらがスタンダードでしょうか？ ●また、CSSの場合、<div>のまわり込みでレイアウトを決めて<div>内のレイアウトはどのようにすればフレキシブルに内容や画像を取り扱えるでしょうか？ ●その他、お気づきの点があればご意見ヨロシクお願い致します。
- ベストアンサー
- HTML
- ホームページビルダーでcssレイアウトは可能ですか？
Web制作初心者です。 Htmlのtableでトップページ全体をレイアウトすると、読み込みが遅くなるそうですが、ホームページビルダー9を使っているため、レイアウトを作るのは簡単にすみ、いままでtableで作成してきました。 今度、新たにサイトを作るのですが、cssでレイアウトを作りたいと思います。そこで、ホームページビルダー9はcssでtableのようなレイアウトを作ることは可能なのでしょうか？ tableの場合は、「表の挿入」を選んで、「行の追加」や「列の追加」、「選択セルの結合」とかでどんどん表を作っていって、セルに画像追加や文字を書いていました。 こういうのはcssでは（ホームページビルダー上では）どのようにするのでしょうか？ あと、tableを作って、その下にもtableを追加していくと、ページをプレビューした場合、下のほうに行くにつれてそれぞれの表がズレていきます。cssではズレないようにできるのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- ＣＳＳでのレイアウトについて
私は現在サイトを開設しているのですが、一から独学でHTMLを学んで分からない事があれば調べて作成してきました。 使用しているのはHTML、CSS、JavaSceript、SSIです。 見た目は自信あります。ただある程度知識がある方がソースを見たら”全然分かってないだろうな”というのがすぐにバレるぐらい酷いです。 調べて分かった事は積極的に取り入れてきました。 以前はHTMLのみで作成していたんですが、外部ファイルを使いJavaScriptやCSSをまとめています。以前に比べだいぶ簡潔なソースになり、汎用性も上がったと自負しています。 ただレイアウトは依然tableレイアウトです。 その為レイアウトをいじろうと思うと全てのファイルを修正しなければなりません。ファイル数は100を超えてます。 そこで詳しい方にお聞きしたいのですが、 ・tableレイアウトからCSSでのレイアウトに移行するのは難しい事ですか？ レイアウトって聞くだけで避けてきたので、いざ移行してみて今まで作成してきたデザインが崩れるのではないかと不安になってきます。 ・下記のサイトのようなレイアウトを最近結構見かけます。 http://www.yamaga-fc.com/ 私もいづれこのようなレイアウトにしたいのですが、これは何というレイアウトでしょうか？ 検索してもこのようなレイアウトの作り方が掲載されてるサイトが見つからなくて困ってます。 ヘッダーとフッターが100％。真ん中が80％ぐらいのレイアウト。 ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。
- ベストアンサー
- CSS
- CSSレイアウトで背景印刷ができない。
CSSレイアウトで外注さんに制作していただいたのですが、画像のみのサイトな為、印刷したら白い紙しかプリントされません。 強制的に背景まで印刷するような、JavascriptもしくはCSSの記述はありませんでしょうか？ 外注さんに「それならテーブルでくむしかない」といわれております。 誰か助けてください。。。
- 締切済み
- その他([技術者向] コンピューター)
- CSSでテーブルのように画像を均等表示させるには？
お世話になります。CSS初心者です。 もしかしたらweb制作者様にとっては簡単なことかもしれませんが、いろいろ調べてもよく理解できなかったので、どうか教えてください。 添付画像のようなレイアウトでサイト制作しています。 このように#rightbox内に10の画像を均等に表示させたいと思っています。 かつてテーブルタグといったものが使われていましたが、現在テーブルは推奨できないということで、外部CSSファイルでレイアウト表示させたいと考えています。 このようなレイアウトで表示させる場合、どのようなCSSの記述が好ましいでしょうか。 参考書などで調べたところ<ul>と<li>要素を使用するのが一般的だということでしたが、正直よく分かりませんでした。どうかご教授お願いします。 ちなみにこの画像のリストはクリックするとThickboxで大きな画像が表示されるようにしたいです。
- ベストアンサー
- HTML
- テーブルレイアウトのデメリットとCSSのメリット
私は現在フリーランスのデザイナーをやっていますが、メインはDTPと商品撮影で、Webは余り得意じゃありません。 私がHP作成を覚えた頃はDreamweaver4で、未だにテーブルレイアウトで作成しています。 CSSも覚えようと本を買って勉強したのですが、どうにもメリットが感じられず現在に至ります。 ※恥ずかしながらHTMLもまともに読めません。 そこで質問なのですが、テーブルレイアウトはそんなにダメなのでしょうか？ 私が作るページは小規模の店舗相手が多いので多くても5ページくらいのサイトになります。 なのでデザインを変えるときはゼロからやっても何の苦にも思いません。 100ページとかのサイトばかり作ってれば意地でもCSSを覚えたでしょうけど。 今まであくまで「デザインだけ」と割り切ってきましたが、今後のことを考えると主流に乗るのが利口だと思います。 余り深い知識がないので、できるだけわかりやすく簡潔に説明いただけると助かります。 以上、回答お願い致します。
- ベストアンサー
- CSS
- CSSのテーブルの縦100%について
CSSの縦100%指定について伺います。 現在、三行二列のテーブルを、縦100%のレイアウトにしようとしております。 上段一行は一列に統合して、ヘッダーを入れます。 下段一行は一列に統合して、フッターを入れます。 一行目と三行目の縦幅をピクセルで指定して、 二段目の高さをautoに指定し、 テーブル全体の縦の高さを100％にして、 ウィンドウサイズが変わったときに二段目のみが伸縮するように 出来るものでしょうか。 お分かりの方、どうぞご助言をお願いいたします。
- ベストアンサー
- その他([技術者向] コンピューター)
- Fireworksなどのスライスで、CSSレイアウトで書き出せるの？
テーブルレイアウトで慣れてるためか、CSSレイアウトがどうしても馴染めません。 Dreamweaverで作ってますが、数倍も難しく感じます。 もしかして、やり方を間違ってるのかも知れません。 私は、Dreamweaverで一つずつ組んでいくため、Fireworksなどの「スライス」機能を使わないのですが、 ●質問1 もしかして、Fireworksでレイアウトしたら、 Fireworksのスライスで、CSSレイアウトで簡単に書き出せるのでしょうか？ 多分、テーブルレイアウトでの書き出しだけだと思ったのですが・・・。 私の知識は古いので。 ●質問2 また、HP作成は、Dreamweaverで作るとして、 レイアウト作成や画像作成は、現在の主流は、 Fireworksでしょうか？Photoshopでしょうか？ プロは普通どっちを使ってますか？ 私はPhotoshopしか使った事ありません。 Fireworksに乗り換えるべきか、考えてます。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページでテーブルレイアウトからCSSに変更すると成約率は落ちるものですか？
ホームページの件です。 SEO対策上テーブルレイアウトからスタイルシートCSS ししたのですが 肝心の成約率が半減いたしました。 コンテンツやセールスレター及び写真等は すべて同じです。 なぜ成約率が半分になったのか ホームページ制作会社もお手上げです。 どなたかヒントをください。 お願いいたします。
- ベストアンサー
- インターネットビジネス
