7月28日は浪速（728）の日、らしい。
それはさておき今日の日記はhtmlモードで書いてみようと思う。
何事も反復が大事だからね。
今日の求職者支援訓練内容
これ書いちゃってもいいのかなぁ…まぁ当たり障り無い程度になるだろうから気にしないでおこう。
今日はHTML/CSSの授業だった。
HTMLは今までずっと勉強してきたが、今日からはCSS（CascadingStyleSheets）の勉強も始まった。
HTMLが骨組みだとするならば、CSSは内装・外装になる。
文書に見栄えやレイアウトを設定する言語ということだ。
講師のY先生は「CSSで格好良くなってないと読む気が起きない、見た目は大事」と言ってたけど、個人的にゃゴテゴテしてるよりむしろこれCSS全然指定してないっしょ!?っていう見た目でありつつ、実はしっかりとCSS指定してる、みたいな玄人好みのサイトの方が好き。
ってこれは完全な個人の趣味なので、クライアントからの依頼に添えるサイトを作れるようになる必要はもちろんある。あくまで個人的な意見だ。
そういうわけで、このブログの作りはめちゃくちゃ「Simple is best.」になってるわけだ。
悪しからず。
話が長くなってしまったが今日の授業内容を順不動に箇条書きしていく。
今日の授業内容の箇条書き
まずはHTML
- 8/6に実力テスト。筆記。範囲はhtml/css、それと前回のテスト内容（復習必須
- 次回以降は実技（コーディング後サーバうp）→無料サーバを事前にレンタルしておく（済
- ＜head＞ページの情報＜/head＞
- ＜body＞webに表示させるコンテンツ＜/body＞
- ＜dl＞→説明文にも使えるが、更新情報にも使える（意味づけの重要性。SEO対策にも関係するのかも？
- ＜a href=“mailto:******@****.***”＞←これはジャンクメールがじゃんじゃん来るのでオススメしない。
- ＜a href=“” target=“_blank”＞→新規にタブを開く。外部サイトのリンクは別ウィンドウが良い
ここまでがHTMLの勉強。次からがCSSの勉強。
| h1 | { | color | : | #f00 | ; | } |
|---|---|---|---|---|---|---|
| セレクタ | カール ブラケット |
プロパティ | 値 | カール ブラケット |
||
| 何に対して | 何を | どうする |
- CSS→Cascading Style Sheets（←複数形。多分テスト出る）
- セレクタを続ける場合はカンマ「,」を入れる
- カラーコード（#ffaa55）来は6桁だがボロ目の場合3桁（#fa5）でもおk（ハッシュをつける
- 表示領域は基本的に長方形（box）
- border:太さ（px） 種類 色
- border-left
border-right
border-top
border-bottom - ／* メモ書き *／
- table{border-collapse:collapse;}（潰れる、潰す）←テーブルの余計なスペースを潰す
- padding:上下 左右;
- margin:上 右 下 左;
- 1,インライン
- 各タグに書き込む＜h1 style=“〜〜〜〜〜”＞＊＊＊＜/h1＞
- 2,内部参照
- ＜head＞内にstyle要素＜style＞〜〜〜〜＜/style＞を書き込む
- 3,外部参照
- 外部ファイルに記述し＜head＞内にリンク＜link href=“〜〜〜” rel=“〜〜〜”＞
ざっとこんな感じ。
テーブルタグとかちょっと見にくいけどCSSいじっても直らないので勘弁。
ここまでタグ打ちしてきたけど大体1時間ぐらい。
時間はかかるけど、普通にブログ書いてるよりか復習にもなるし、打ってて楽しい。
タグ打ち信条、か。まだまだ抜け出せないな。
疲れたので今日はこの辺で。
おやすみ世界