＜勉強ログ＞CreatorQuestラスボス
スーパー朝活が板についてきた ひかりうみ です★
Webクリ（Webクリエイターズオンライン）のHTML講座を全て学習し終わりました。
手を動かして更に定着させるために、CreatorQuestのラスボスを倒しています！！（HTML講座の最終問題です（笑））
架空のカフェのサイトを作成する課題です。
カフェのメイン、こだわりページ、メニューページ、採用ページ等を作成します。
○ひかりうみ note○
1. tableの入れ子の混乱
（tableタグにつてはnoteでまとめたにも関わらず、忘れていたことが衝撃。）
忘れていたこともあり、<tr><td>をどうするのか？勤務時間のリストタグをどう入れ子にするのか？に大混乱。
いくらやっても理想の形にならず、結局出来上がったHTMLを確認して作りました（苦笑）
今回の内容だと、
① リストタグ（<ol><li>）は勤務時間と横並びで（＝<tr>で全部くるむ）② リストタグで表示した時間1・2は、同じ枠の中に入る。（=<td>でリストタグ全体をくるむ）
ということでした。
何を横に並べたくて、何が同じ枠の中に入るのかをちゃんと考えないと、混乱するな、と分かりました。（慣れればそんなこともない？）
2. ページ内でリンクはる方法
リンクしたい飛び先に<section id="abc">とつけて、セクション全体くるむ。
リンクのボタン（文字列）に<a href="#abc">と記載。そこをクリックするとabcに飛んでくれる。
3. 特殊文字の©と￥の書き方
©： ©
￥： ¥
○ひかりうみ コメント○
1. 沢山のマークアップは大変
たまたま子供が寝ている時間にやって焦りもあり、すべてのページのマークアップ結構しんどいなと思いましたが、慣れればもっと早くできるようになると思います。
それより、今後学習していくデザインの部分の方が、いくらでもこだわれるので難しく、時間のかかる作業なのだろうなと想像します。
また、ヘッダー・フッターは同じことが多いので、コピペで対応できるけれど、リンク先を念入りにチェックしないと、実際触ってみたらエラー発生する。
テスターに向いている（と言われたことがある） ひかりうみ。本領発揮です（笑）
2. コードは綺麗に整える
コードがきれいに整えられている方が断然見やすいですね。
Braketsのプラグイン”ビューティファイ”を使っているので、それだけで綺麗に整えられるのですが、コメントアウトを付ける際に、ショートカットキー使用すると、カーソルの位置によって「<-- --!>」が「<-- --!>」となったりします。
それがとても見にくい。
原因が不明なのですが、たぶん左詰めのカーソルで「<-- --!>」となるので、コメントアウトつける際は、左詰めにカーソル＆ショートカットキーを押下がよさそう。
3. PCのアクセサリを増やす
いま、Windows7のノートPCを使用していて、買い替えが必要なのですが、今まで家でPCをあまり使用していないので、アクセサリ類が全然ありません。
キーボードも外付けがよいし、マウスも欲しい。画面は絶対２画面で。
（今はマウス無しで、ショートカットキー活用しまくりです。画面はあります。）
会社では細かい数字やらグラフを見るのと、あっち開きながら、こっちやって、それもやるみたいなのが常時なので、２画面で仕事しています。
そのため、１つの画面だと、「狭い！イライラする～～～！」と感じてしまいます。（笑）
4. とにかく丁寧に
細部まで細かい性格ではありません。。ケアレスミスも多いです。。
ひとつひとつ丁寧に、練習を重ねていきたいと思います。
5. 全体通して
●できないこと、わからないことが分かりました。→ <tabel>と<form>は訓練あるのみ？
●HTMLコードを書く上で気を付けなければいけないことや、心がけが少しわかった
実は、Udemyの講座も購入しているので、そちらも触りながらもう少しHTMLコードを書くことに慣れていきたいと思います。
触らなくなった途端忘れそうなのが怖いですが、その時は自分の勉強ログを見て復習します！
本日も長いログをお読みいただきありがとうございます！
この記事が気に入ったらサポートをしてみませんか？