divlayout xhtml版サイトマップ

divlayout xhtml版サイトマップ

divlayout トップページへ

サイトマップへ

divlayout xhtml（xhtmlでレイアウト）

ページ１	はじめに/スワップイメージ/正攻法でdivのレイアウト/ページ作成の際、有用な基本cssソースと基本xhtmlソース/すぐに利用したい方へ/ソフトウェアダウンロード/htmlとcssの関係について
ページ２	ドリームウィーバー(dreamweaver)でのdivタグ挿入/ドリームウィーバー(dreamweaver)のモード/ドリームウィーバー(dreamweaver)での行揃え/ドリームウィーバー(dreamweaver)での画像表示とimgタグのcss/macのエディターmiでのdivタグ挿入/TeraPad
ページ３	ページを区分けするときの考え方
ページ４	ブラウザごとの問題を把握し、使えるcssの共通項を見極める/さまざまなIE対策/マージン、フロート、横幅、高さ、パディング、cssハック/Mac版IE5.1（クラシックOS用）マイナスインデント問題
ページ５	ネットスケープ6.2の挙動不審
ページ６	divタグとそのcss設定について/positionを利用した配置の要点/positionを利用した配置の例/positionを利用した配置の例ドリームウィーバー/画像を配置するだけの目的でposition:absoluteでの方法を使う場合/テキストをposition:absoluteで絶対配置するときの注意
ページ７	cssのpositionについて
ページ８	divlayout xhtml版図説実践編(その1、positionは使わない方法）
ページ９	ブロック要素とインライン要素
ページ10	divlayout xhtml版図説実践編コーディング解説
ページ11	divlayout xhtml版図説実践編コーディング解説（positionを使用した場合）
ページ12	タイトルを画像にしたいが、seo的にはテキストが有利だからどうすれば？
ページ13	MacとWindowsでテキストサイズ（font-size）を揃えたい
ページ14	フォーム入力でtextareaを使うとブラウザによって大きさが違う
xhtmlソース	xhtmlの基本ソース
cssソース	cssの基本ソース
RollOver	スワップイメージ（ロールオーバー画像）について

divlayout（ブラウザの標準モードでのレイアウト）

ページ１	必要なツール/htmlはテキスト、画像はcssが担当/ページを分割し区画整理する
ページ２	例題デザインをもとに区画分けの説明
ページ３	cssでの設定/フロートと横幅とマージンとパディングを一括設定/Windows IE問題/区画全体を囲うdiv/サイトの中央寄せ/文字の指定/画像は背景として/マウスオーバー（ロールオーバー）
ページ４	ロールオーバーの種類/cssボーダー/採点サイトへの対処/divの高さと背景画像/文字の拡大縮小とIE6/テキスト制御について/締めのdiv/テキスト非表示とクラシックマック/ドキュメントタイプ
ページ５	floatとwidthをつかわない場合について
留意点	留意点/数値は正確に全部入れる/開始タグと終了タグの数を合わせる/cssのセミコロン/パスの間違い/preタグに注意/xhtmlとdreamweaver
概要図	divlayout概要図
コンタクト	ご意見・ご感想・ご質問など

divlayout first step（かんたんdivレイアウト説明）

ページ１	divlayout かんたん初心者バージョン/プロバイダと契約してホームページ開設しましょう/ページをデザインしましょう/デザインが完了したら画像を分割しましょう
ページ２
ページ３
ページ４
ページ５

ページ戻る

ページトップへ

pageend