htmlとcssで何かつくっちまうか！

と言うわけで、すこぶる駆け足でありましたが
基本的な事を一通りやってまいりました。
総まとめとして、基本的な構造のページを１つ作っていきましょう。
今日一日で仕上げるのは非常に困難やと思いますので、数日くらいかけてゆっくりとやっていきませう

こんな感じのページを作る

なんかこう、企業サイトTOPっぽい感じ
曖昧すぎ
とにかく

1.ヘッダー
2.フッター
3.ローカルナビ
4.新着情報
5.バナーエリア(バナーは横並び)
6.デザインはありません！
7.素材もありません！
8.マークアップは考えてね！

こんな感じで。

非常に酷いオーダーですが、それっぽい形を組むことができれば
それで100点満点です。

いきなり作れって言われてもねぇ

そりゃそうですよね。
なので、とりあえずの大枠をコピペできるようにお渡しします。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>ページタイトル</title>
<meta name="description" content="ページ概要">
<meta name="keywords" content="キーワード1,キーワード2">
</head>
<body>
ヘッダー
ローカルメニュー
メインコンテンツ
フッター
</body>
</html>

これがお渡しできる最大限のものです。
CSSとか詳しい構造をお渡ししたかったのですが何故かエラーになるのでできませんでした(ゲス顔)

イメージ的な

大枠の骨組みとしてはだいたい以下の感じですね。

ヘッダー
ローカルナビ	メインコンテンツ
フッター

この通りやるのもOKですし、好きなようにやってもらってもOKです。
その辺はむしろ好きなように自由にやってしまうほうが楽しいんじゃないかなぁと思います。

そんなわけでコーディング開始！

そこまでこだわったものはいらないと思ってます。
で、同じ形ってのもアレなので、ニュアンスだけお伝えして、後は自由に組んでもらうのがいいかなぁと思います。
コンセプトやらなんやらって話もあるかもしれませんが、今回はそんな難しい話は無しにして、自由にやる方針でいきます。
今回重要なのは、今までやってきた事を活用するのがメインです。

以下、なんかこう困ったときというか独り言

サイト全体

( ﾟдﾟ)「昔のサイトは左に詰まってる形だったよねー」
( ・ω・)「サイト全体を【div】で囲って、CSSでmargin:0 auto;width:XXpxってしたら中心にくるんだって」
( ﾟдﾟ)「何言ってだこいつ」

ヘッダー

ヘッダーですか
イメージとしてはこちら

ローカルメニューとメインコンテンツ

ローカルメニューとメインコンテンツってのも良く見ると横並びなんだね。
すごい(粉みかん)

フッター

フッター！