FC2ブログ


 

スポンサーサイト :--年--月--日

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告 | トラックバック(-) | コメント(-)

横ナビの作成(中級) :2007年11月05日

tableを用いずCSS(スタイルシート)でデザインする
横ナビの作成カスタマイズ方法を紹介します。
横ナビの作成(初級)はこちら

スタイルシートでのデザインにすると、
HTMLソースは非常にシンプルになり、
SEO対策(検索結果でより多くの人に来てもらえるようにする事)にも良いようです。

まずHTMLのソースは次の通りです。


すごくシンプルになりました。
初級篇同様にリンク先のURLと名前を変更してください。

次はCSS(スタイルシート)でデザインを決めます。


初級篇とほぼ同様の横ナビの完成です。

/*○*/は説明文です。それぞれを変更してCSS(スタイルシート)のどこでもいいので追加してください。説明文は意味が解れば消しても大丈夫です。

これを応用することにより無駄なHTMLを入力することなく簡単に早く見栄えの良いブログをつくる事ができそうですね。例えば私は今までレイアウト目的でテーブルを利用していましたが、これもかなり無駄の多い作業だったって事がやっと解ってきました。スタイルシートもっともっと勉強しようと思ってます。

最近newsを更新していないのに⇔国内ニュースranking
ホームへ戻る

コメントの投稿













管理者にだけ表示を許可する
この記事のトラックバックURL


自己紹介
とも
とも
年齢 20代
地域 関西

どしどしコメントくださいませ。相互リンクも募集中です。
宜しくです♪
ともの検索日記?芸能・スポーツ・事件の最新news?の新着RSS

Yahoo!ブックマークに登録 はてなブックマークに追加
リンク
簡単相互リンク集

みんなでつなごう相互リンクの輪

人気ブログランキング
にほんブログ村 ニュースブログ 国内・地域ニュースへ
FC2ブログランキング

くつろぐ投票
月別表示


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。