この記事は約2分で読めます。

【LINE@限定 HTML/CSS基礎マスター講座】HTMLを書く準備をしよう!

この記事は約 3 分で読めます。

【完全初心者からのHTML①】HTMLを書く準備をしよう!

プログラミングを何もやったことがないから何から始めていいかわからない。

そんなあたなはまずHTMLから始めるのがおすすめ。

開発環境、エラー、コードの読みやすさ、どれを取っても初心者向きなんです。

これから7回に分けてこちらのサイトを開発していきたいと思います。

そもそもHTMLとは?

HTMLとはWebサイトを作成するための言語になります。

Webサービスを開発するには必須の言語になるので、Webサービスを作りたい方はぜひとも学んでみましょう!

さらに詳しい解説を以下の記事で行なっているので、ご覧くださいね。

HTMLとは?プログラミング完全初心者に贈る解説

2017.11.24

エディタをインストールしよう

まずはプログラミングに適した*エディタをインストールしていきましょう。

エディタとは文章を書くためのソフトですね。Windowsだとメモ帳あたりになります。

ココカラエンジニア編集部ではAtomというエディタをおすすめしているので、こちらからダウンロードして、インストールしてみてくださいね。

Screen Shot 2018 02 06 at 12 10 22

HTML用フォルダを作ろう

そして、このレッスンに使うファイルはフォルダにまとめる必要があります。(htmlファイル以外にも後ほど出てきます)

そのため、自分がわかりやすい場所にhtmlというフォルダを作りましょう!

例として打田はMacのホームフォルダに作ってみました。

何もないところで右クリック。

Screen Shot 2018 02 06 at 12 23 29

名前をhtmlに変更

Screen Shot 2018 02 06 at 12 23 44

ここまでできましたら、先ほどインストールしたAtomを立ち上げていきましょう!

HTMLファイルを作ろう

Atomを開いたら左上のFileOpenをクリック。

Screen Shot 2018 02 06 at 12 26 03

先ほど作成したhtmlフォルダを開く。

Screen Shot 2018 02 06 at 12 26 31

するとこんな画面になります。そしてhtmlフォルダを右クリック → NEW Fileをクリック。

Screen Shot 2018 02 06 at 12 29 34

index.htmlと入力してください。

Screen Shot 2018 02 06 at 12 30 13

index.htmlファイルが作成されました。ここまでで準備が完了しました!お疲れ様でした。

Screen Shot 2018 02 06 at 12 31 12

次回予告

もしこの講座で不明点などあれば、下のLINE@から編集部に質問を行うことができます。是非ともご活用ください!

次回はHTMLの基本的な設定と書き方を学んでいきます。次回もお楽しみに!

【LINE@限定 HTML/CSS基礎マスター講座②】HTMLの基本を学んでいこう!

2018.02.16

ITスキルで人生の不安を軽くするメールマガジンやっています!

この記事をシェアする