ほわぴの旅日記と仕事のこと

旅行日記、仕事のこと、犬猫のことなど、

【N予備校】HTMLを学んでみた【無料範囲】

 先日入学したN予備校にて早速プログラミング講座を受講

whiteandpeach.hatenablog.com

まずはHTMLからです。

HTMLはホームページを制作するときの言語なのですが、私はだいたいわかります。

でも、もう10年以上前からAdobeDreamweaverでやっているので手打ちができません。

 

 N予備校ではVS Codeというものを使いました。いわゆるエディタです。

実ははじめてきいた!

HTMLはメモ帳からでもかけるんですが、見づらいのでこういった補助ソフトを使うのが良いんですよね。

この講座はこちらのソフトをダウンロードするところから入ります。

 

初心者向けなので、ブラウザの説明などもありました。

 

このエディタは言語の候補が出てきたり、色分けして見やすくしてくれてます。

ちなみにDreamweaverの最新版も同じような機能がついています。

 

習う言語は<h><p><a><img><ul><table>などです。

私は普段から使っているので、ざざっと終わったのですが、hを押してタブを押すと<>が出て来るなんてはじめて知りました!Dreamweaverのエディタでも有効でした。

 

他にもショートカットキーの説明がありました。

意外と知らない人が多く、私も一部しか知らないんですが、イチイチ説明してくれてたので気にしながらショートカットキーを使っていきたいと思います。

 

できあがったもの

 

f:id:whiteandpeach:20180111111131j:plain

少し端折ったけど、最後に動画やGooglemapの埋め込み機能<iframe>もコピペですが使いました。このくらいできれば、ブログや簡単なホームページでも使えます。

次はJavascriptです。Javascriptはコピペでしかほぼ使ったことがないので、こちらはきちんと頑張ってみます!