アクセシビリティ
デベロッパーリソース
Stephanie Sullivan

Stephanie Sullivan

W3Conversions

目次

  1. はじめに
  2. 前回の記事の最後からスタート
  3. ３列目の追加
  4. 列のコンテンツの追加
  5. だまし列の作成とフッターの調整
  6. フロートとクリアリングについての注意事項
  7. その他のだまし絵テクニックと注釈付けのススメ
作成日:
19 June 2006
ユーザレベル:
中級
製品:
Dreamweaver

Creating a simple three-column design with CSS and Dreamweaver 8

以前、筆者は、デベロッパーセンターにCSSとDreamweaver 8を使ったテーブルのないレイアウトの作成という記事を寄稿しました。 この記事では、より効率良くWebサイトを作成するためのDreamweaverのさまざまな環境設定と、作業スピードアップのための機能を紹介し、フロート機能を使った２段組みレイアウトの作成方法についても解説しました。 今回の記事では、前回の２段組みレイアウトを３段組みに変更する方法と、サイトの魅力度をアップするためのテクニックを紹介します。 まだ前回のチュートリアルを読んでいないものの、その内容に対する基礎知識をお持ちの場合は、前回の記事で作成したXHTMLとCSS文書の完成版をこちらからダウンロード（ZIP, 4K*）して確認してください。 ではチュートリアルを始めましょう。

メモ：以下の記事のサポート対象ブラウザはInternet Explorer 6（標準モード）、Netscape Navigator 7以降、Opera 7以降、SafariおよびFirefoxをはじめとするMozillaベースのブラウザです。旧バージョンのブラウザでも、レイアウトが正しく表示されることはありますが、これらのブラウザでの動作確認は行っていませんので注意してください。Internet Explorer 5.xシリーズのブラウザをサポートしなければならない場合は、非互換ブラウザにおける問題の解決策が記されたCommunity MXの記事、『ボックスモデルの問題について*』（John Gallant、Holly Bergevin共著）を参照してください。

必要条件

このチュートリアルを完了するには、次のソフトウェアおよびファイルがインストールされている必要があります。

Dreamweaver 8

サンプルファイル

ページ 1 / 7
次のページ

著者について

Stephanie Sullivanは、米国の大手企業を顧客に持ち、Web標準、Dreamweaver、およびアクセシビリティに関する世界的なエキスパートとして知られています。CSSと(X)HTMLに関する高度な技術者でもあり、創設したW3Conversionsは、企業のWebチームのトレーニングや社内のデザインを効率的な標準ベースのWebサイトに変換する業務においては、業界屈指の権威として認められています。Dreamweaver CS3のCSSレイアウトの作成者でもあり、高い評価を受けているプロジェクトベースの書籍『Mastering CSS with Dreamweaver CS3』および『Mastering CSS with Dreamweaver CS4』の共著者としても有名です。また、影響力のあるWeb Standards ProjectのAdobe Task Forceの共同リーダーで、Community MXのパートナーでもあります。さらに、ダイナミックなプレゼンテーションを行う講演者としても世界中で活躍しています。時には、コーディング作業などのコンピュータ業務から離れ、スカッシュやビーチバレーで汗を流してリフレッシュすることも。80年代音楽の愛好家でもあります。