JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信

to-R

ページをレイアウトする。【css tips】

【PR】初心者でも安心なレンタルサーバー。２６３円から使えます。
【PR】HP登録でSEO対策！アクセスアップにコチラ！

ウェブページのレイアウトはあまりバリエーションはなく大きく別けると3つに分類できます。

1カラムレイアウト、2カラムレイアウト、３カラムレイアウトと呼ばれるレイアウトで、それぞれ、カラムつまり列の数が異なる。(コラムと発言する方も多いです)

ちなみに、このblog(とあるWEBクリエイターのblog)は２カラムレイアウト、SEO対策TIPSは3カラムレイアウトでレイアウトしています。

さらに２カラムレイアウトは右側にメニューのある『左メニューレイアウト』と右側にある『左メニューレイアウト』に分別できる。(当blogは右メニューレイアウト)

また、それぞれのレイアウトはブラウザの幅によって可変するリキッドデザイン、固定幅のフィックス(fix)デザインに分別されます。

この８種類のレイアウト手法さえマスターしてしまえば他のCSSレイアウトこれの応用でどうにかなります。

• フィックス(fix)デザイン
  • 1カラムレイアウト
  • 2カラムレイアウト(右メニュー)
  • 2カラムレイアウト(左メニュー)
  • 3カラムレイアウト
• リキッドデザイン
  • 1カラムレイアウト
  • 2カラムレイアウト(右メニュー)
  • 2カラムレイアウト(左メニュー)
  • 3カラムレイアウト

スポンサードリンク

• 日時: 2006年12月25日 22:11
• css

«WordPressにRSSリーダーを追加する | メイン | 1カラムフィックスレイアウト【css tips】»

このエントリーのトラックバックURL

http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/277

コメントを投稿

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント:

認証:

Captcha:

画像の中に見える文字を入力してください。

検索

フィード

 RSSリーダーで購読する

スポンサードリンク

カテゴリー

• ajax [4]
• amazon [3]
• books [42]
• css [48]
• design [19]
• dialy [59]
• direction [2]
• firefox [14]
• flash [5]
• freelance [2]
• google [12]
• html [15]
• javascript [54]
• mac [2]
• movable type [61]
• php [28]
• sem [9]
• seo [53]
• server [9]
• spry [19]
• sql [9]
• tools [32]
• wordpress [9]

アーカイブ

• 2008年6月 [5]
• 2008年5月 [18]
• 2008年4月 [16]
• 2008年3月 [18]
• 2008年2月 [17]
• 2008年1月 [14]
• 2007年12月 [23]
• 2007年11月 [25]
• 2007年10月 [26]
• 2007年9月 [28]
• 2007年8月 [14]
• 2007年7月 [11]
• 2007年6月 [16]
• 2007年5月 [14]
• 2007年4月 [15]
• 2007年3月 [11]
• 2007年2月 [19]
• 2007年1月 [11]
• 2006年12月 [15]
• 2006年11月 [15]
• 2006年10月 [12]
• 2006年9月 [7]
• 2006年8月 [11]
• 2006年7月 [12]
• 2006年6月 [18]
• 2006年5月 [19]
• 2006年4月 [9]
• 2006年3月 [12]
• 2006年2月 [9]
• 2006年1月 [4]
• 2005年12月 [8]
• 2005年11月 [13]
• 2005年10月 [5]
• 2005年9月 [1]
• 2005年8月 [13]
• 2005年7月 [26]

最近のエントリー

• [Re:Creator's Party Kansai]第0.5回JavaScriptの記述場所 - jQueryによるJavaScript入門
• Webクリエイターという肩書き
• googleからのアクセスその後
• [Re:Creator's Kansai]第0回 jQueryによるJavaScript入門
• 3週間でマスターWebデザインの教室―未経験でもWebデザイナーになれる本
• ウェブデザイナーのための13のFirefoxのアドオン
• Re:Creator's Party Kansaiブログ始まります
• re:マルチシートアプローチとかクラス名とか
• Slice Imageでサイトを高速化
• データベースの論理削除と物理削除

コンテンツ

• 当サイトについて
• ブックマーク
• タグ一覧
• お問い合わせ

リンク

• WEBクリエイターSOHP
• twitter

このblogを書いてる人

西畑一馬(to-R代表)
Kazuma Nishihata
Webクリエイター

photo by
s-style-arts

items

タグクラウド

(x)html a adobe AdSense ajax alphafilter.js blog book CGIPath cms CSRF css cssnite csv dell display dl dom dt Fastladder feed Feedburner FFFTP firebug firefox flash float google Greasemonkey heightLine.js ie IE6 javascript jQuery jsライブラリ li LightBox Livedoor Reader livedoorクリップ lpo mac max-height max-width meta min-height min-width mixi Movable Type MT ol onload Opera pagerank pc photo php position Prototype.js qrコード Re:Creator's Party Kansai rss sbm sbo script.aculo.us Scuttle sem seo SEO対策 smo SpamLookup spry table tool Twitter ul urlエンコード URL短縮 vertical-align Virtual PC webSig24/7 webクリエイター Webディレクター web標準 Web標準の日々 wordpress Wordpress xhtml XML yahoo Yahoo!ブログ検索 あわせて読みたい お問い合わせフォーム はてな アップデート アドオン アルファ画像 カスタムフィールド カラム キーワードアドバイスツール キーワード出現頻度解析 クリエイティブ・コモンズ クリック クリップボード グローバル・タグ・アトリビュート コンテスト コード スタイルシート セキュリティー セミナー タグクラウド ツールチップ トラックバック バグ ビジネスエクスプレス フィード ブックマークレット プラグイン マークアップエンジニア モバイル ユーザビリティ ライブラリ ロールオーバー 一言いっとくか 再構築 勉強会 動画 拡張機能 書評 検索エンジン 検証 独立 画像置換 百度 経度緯度検索 解析 透過png

Movable Type

© 2007 [to-R]JavaScript,SEO対策,CSS,Movable Typeなどの情報を発信 some Rights Reserved.