HTML入門 (全15回)その2 ドットインストール学習日記

ドットインストールの学習をつづけています。

HTML入門 (全15回)
https://dotinstall.com/lessons/basic_html_v4

05 全角文字に気をつけよう (02:23)

全角半角は、初心者じゃないと思っている方（主にワードで文章書けている方）も、意外と気づいていない落とし穴です。
ちゃんとやってくださるのでいいですね。

フォント『Ricty Diminished』を入れておくことによって全角だとすぐわかる、ということは知りませんでした。

Bracketsだと、プラグインを入れて表示させてました。

DOCTYPEの時点で、もうチンプンカンプンといって拒絶反応がはじまります。
bodyの中に入れることもわからなくて難しいそうです。枠線とかの実体が見えませんからね。

教室のアシスタントさんも「むずかしい。。」と言い始めます。
意味わからなくてもいいんですけどね、みなさん知的好奇心があるので、まず理解してから進めたがるので、理解しなくてもいいと納得させるのが大変です。

全体を選択して『タブ』で字下げ
『Shift』キーと『タブ』で戻す
選択した状態で『Ctrl』と『矢印』で移動できる

タブを知らない方多いですね。
キーを同時に打つというのが苦手な方が多いです。
いちどにいろいろなことを教えないようにしなければなりません。

この辺は『おまじない』といってやってもらいます。
検索にかかるというのも理解しづらいと思いますので、のちのちに。。

ウインドウのサイズが狭いと、画像が横並びになない、下に送られるということを理解してもらうのが難関です。

お手本がこうで

自分がこうなってるとすごく不安がります。

講師がウインドウの幅を拡縮させて見せる必要がありますね。

見出しh1,h2についても、
そもそも見出しとは何かから説明するのが難しい。

文字を大きく小さく飾り付けるものだと思ってしまうのです。

そもそも、見出しのある文章を書いたことある方が少ないので、文章の書き方講座もしなければいけないでしょうね。

このフッターのアイコン、フキダシのブログへのアイコンですが「Lineじゃないの？これ押したらLINEにつながるようにできないの？」と言われそうな予感。。

説明の動画だと折り返しがすでに設定されていますが、自分のはなっていなかったので調べました。

Settingsを開いて

Editorメニューの項目の

Softwrapのチェックをつけます。

折り返されるようになりました。

マックだと Command Shift D とおっしゃってるんですが聞き取りづらいです。最初Eと聞こえました。
（聞き取りづらいようにして、プレミアムへの誘導する作戦なのかしらとまで思ってしまったり、笑）

Windowsだと何かという対応を言ってくれると良いなと思いましたが、
『Ctrl』『Shift』『D』です。

ただ、この新たなコピーの仕方を教えても混乱のもとなので、うちの生徒さんにはとりあえず言わないでおこうかなと思いました。

ショートカットキーが苦手で覚えられないので
Ctrl+S,Ctrl+C、Ctrl+V、だけで今のところ精一杯です。

動画はさっさっとコピペしていきますが、マウスで選択してコピペするのも大仕事なんですよぉ～。

生徒さんたちはゆっくりですが、いろんな高等？テクニックをお稽古事として楽しんでくださいます。

あまり贅沢をいって、いろいろマスターしてもらうより（皆さんマスターしたがりなんですけど）
ある程度妥協して、教えないところは省略して、横道にそれないように、シンプルに進めていきたいですね。

あと、今回はゲームの紹介のポートフォリオになっています。
ドットインストールが若い人向けだからでしょうかね。

自分が教えるシニアの生徒さんはゲームがピンとこない方が多いので、趣味の園芸ページ、花の紹介をしよう、みたいな教材のにした方がいいなと思いました。