12/21（木） １限目
Web ポートフォリオ の授業
Webコーディング
WEBはHTMLとCSSから成っている。
HTML：WEBの構成を作る
・もともとはHTMLだけだった
・分けることによってわかりやすくなった
・表紙は必ず index.html にする ※じゃないとヒットしない
・ポートフォリオのタイトル
・メタネーム
・メタキーワード（１０個くらい） ※本文に関係してあること
適当なこと（ex.シャンシャン）打つと、
グーグルに悪いホームページと認識されて上がってこなくなる
・記述は、初めのタグと終わりのタグの間に記述する
・h1,h2,h3の順で使わなければならない。
・１ページでh1は一個のみというルール
・pタグ：要素を書く
・ul li：リストタグ
参照：
・jpg 背景がつく png,gif は背景がつかない
・ヘッダーはブラウザに表示されない
・ボディはブラウザに表示される
・body という箱の中にcontainerを詰め込む
２限目 WEBポートフォリオ作成 実践
左メニューor 上メニュー を選択
タブの文字数を２
テラパットのオプション
文字列の折り返しお好みで。
表示のマークに全部チェックつける
全角は表示されない可能性が高い
保存して、リロード（更新）の癖をつける
サイト名と期生を変更
<br>で改行される
色の変更
div#Main table tr th {
の色を変える
margin: 10px auto 0 auto;
余白の話
margin-top: 100px auto 0 auto;
上右下左の順
margin: 10px auto 0 auto;
<h2>ここにページタイトルを入力します。</h2>
kadai 01 の方から入って、baseの方をいじる。
画像を入れたい場合は、以下を差し込む。
imgとaltはペア
<img src="img/title.png" width="900" alt="画像の代替テキストを入力">
hover：カーソルをあてること
HTMLでどこに視点をあてたらいいのかを探して、
CSSの方で見つけて変える
文字はcolor、ベースはbackground
220×140で作って
220×70で２個作る
home と課題を変えていく
おかしいと思ったら、いったん全部閉じるのが基本！
700px
234 233 233
動くやつはgifアニメ
12/26までにジョブカード仕上げておく
●追記（12/25）
幅700pxのメイン画像、高さ1350px
700px×1050px
幅945px×200のtitle画像
＊おまけ＊
簡単なHP作成
