RSSRSS一覧お気に入りに登録

初心者webデザイナーさんのための、ホームページ制作無料講座です。Dreamweaver8を使ったXHTML+CSSコーディングの方法を紹介します。 スタイルシート初心者の方に役立つように作ってみました。 ※Adobe® Dreamweaver® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。
サイト運営者プロフィール
webデザイナーモモンガです。わたしの作った動画マニュアルを見にきてくださり、ありがとうございます。...
詳しくはこちら



ブログTOP >> 1カラム+ヘッダ+フッター(前編) >> (4)グローバルナビゲーションの背景設定
(4)グローバルナビゲーションの背景設定
2分16秒
大きい解像度で見る
この動画をお気に入りに

解説
次にグローバルナビゲーションを作成します。この見本のナビは、王道ということで、リストを使ってみますね。
リストはブラウザによって挙動不審なことが多く、面倒なのでわたしはあまり使わないんですが(^_^;
サイトの構造の意味からすると、メニューをリストにするのはきわめて合理的というか、文章の意味では合っている・・と、一般的にされてます。
たしかに、CSSを全部切って表示してみると、そのわかりやすさに納得。ですね。

ということで、プロパティを使って簡単にリストタグを入れる方法も一緒にやってみました。

:::::
モモンガはwebデザイナーを目指している方を応援してます\(@^〇^@)!
モモンガの森 

森の365日にも遊びに来てください
森の365日
環境問題/エコロジー講演会の講師をいたします

カテゴリー内最新記事
トラックバック
この動画へのTrackBack URL
http://www.dougamanual.com/apps/tools/tb.cgi/2486
コメント
コメント

 
 
スポンサー
カテゴリ
(1)コードの編集で、スタイルを追加
(2)コードビューとCSSパネルを使っ...
(3)CSSプロパティを使ってスタイル...
(4)CSSダイアログを使ってスタイル...
(5)リンク色とマウスオーバーのスタイ...
(6)外部スタイルシートを追加する
(1)XHTMLドキュメントの新規作成
(2)新規スタイルの追加
(4)グローバルナビゲーションの背景設...
(3)ロゴとサイトキャッチコピーのスタ...
(5)リストへのスタイル追加
(6)メイン部分のmargin調整
(1)フッターをつくる/フッターの設定...
(2)フッターをつくる/テキストとロゴ...
(3)フッターをつくる/コピーライト部...
(4)フッターをつくる/ブラウザでチェ...
(4)スニペットを使ってコードを入力
(1)テキストと画像の挿入
(2)コードヒントを利用しながらCSS...
(3)テーブルのスタイルを設定する
(5)フロートの後をクリアする方法
(6)ページの上に戻るボタン
(4)背景画像を使った見出し
(6)CSSを使った角丸ボックスの作り...
(5)CSSを使った角丸ボックスの作り...
(3)dlを使った表の作り方
(2)背景画像を使ったノート罫線の作り...
(1)背景画像を使ったボタンの作り方