Web初心者向けガイド。ステップバイステップで解説していきます。13:32:57ツイート初心者向けにレスポンシブWebデザインのサンプルテンプレートを配布します。よかったらダウンロードしてご活用ください。4で開いた場合は、基本レイアウトで表示されます。(HTML5版)はてなブログで使われている、HTML5に対応したCSSを流用しています。後で各自でカスタマイズしやすいように、とにかくシンプルにしました。段組みレイアウトの場合、サイドバーを300pxにし、300ピクセル幅のレクタングル広告の掲載を可能にしました。730pxなお、ダイナミックWebテンプレートでは、以下の3か所に編集可能な領域を指定しています。必要に応じて編集可能な領域の追加や削除を行ってください。topic_pathパンくずリストを配置する領域です。content<article>タグを配置する領域です。ここで更新記事を書いていきます。related<aside>タグを配置する領域です。ここで関連情報を書いていきます。左コンテンツ、右サイドバーヘッダーと横並びメニューバーは左寄せにしています。横並びメニューはinline-blockで実装しています。トップページダイナミックWebテンプレートダウンロード左サイドバー、右コンテンツヘッダーと横並びメニューバーはセンタリングにしています。横並びメニューはinline-blockで実装し、センタリングしています。記事がメインのサイトにおすすめのレイアウトです。サイト等、メニューが多いサイトにおすすめのレイアウトです。サイトwanichanの日記メインブログ。Microsoft中心。Webサイト管理等にまつわるネタ、サイトの更新情報等を発信中。Web初心者向けガイド。ステップバイステップで解説していきます。サイト日本語wanichan.jpwanichanの自己紹介サイト。英会話や旅行に関することなど、非技術的なネタを綴っていきます。Crocodileエッセー、写真ギャラリー等。blog英語で日常、興味・関心ごとを記事にしていきます。