にしログ

月間1万PV。大西健太の雑記ブログ。政治・ビジネス・未来が好きです。

<プログラミング>ドットインストールでホームページを作る方法とは?(所要時間4時間)

Webサービスを開発するための第一の目標である「ホームページ作成」をしたいと思い、ドットインストール HTML入門(全15回) CSS入門(17回)をやってみました。

 

ドットインストールは、プログラミング初心者向けの動画学習サイトです。

 

f:id:reo0040:20181112000850j:plain

 

各動画が3分前後に収まっているので、初心者には優しいサイトです。

 

 

コードはこんな感じで書きました。

f:id:reo0040:20181112000343j:plain

 

HTMLとCSSで、それぞれ100行くらい書きました。

 

動画解説者がコードを書くスピードがめっちゃ速いので、何回も動画を止めて、巻き戻して再生をしながら書きました。

 

動画解説者は、ショートカットキーを多用していたので速かったのだと思います。

 

ボクはまだ、コピー&ペーストくらいしか使えないのでとても遅いです。

 

 

 

HTML入門(全15回)とCSS入門(全17回)を実際にやって、完成したホームページがこちら

f:id:reo0040:20181111235610j:plain

f:id:reo0040:20181111235553j:plain

f:id:reo0040:20181111235559j:plain

 

 

かなり丁寧にやったので、所要時間は4時間ほどでした。

 

HTML入門とCSS入門の間は、休憩を入れることをオススメします。

 

HTML入門が1時間40分くらいで終わったので、ボクはその段階で集中力が切れました。

 

でも、最初にしては悪くないのではないでしょうか?

 

ただ、ホームページで使用している写真はすべて支給されたモノ(動画の下にあるリンクからインストールできました)なので、いつかは写真なども全部自分のモノで、0から作ってみたいなと思っています。

 

今回は、まだ目標の「ホームページ作成」を達成したことにはしていません。

 

ボクの中で「ホームページ作成」の目標は、何も見ずに、0から自分が納得のできるホームページを作ることができるようになることなので、まだまだ道のりは長いです。

 

 

ホームページ作成に興味ある人は、ぜひやってみてください!

 

 

ドットインストール:https://dotinstall.com/

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

CSS入門(全17回):https://dotinstall.com/lessons/basic_css_v4