勉強開始から3週間、Webページ初作成

HTML&CSSの勉強を初めて約3週間

 勉強時間の取れた日数は限られますがProgate HTML&CSSコース着手から3週間、上級コースまで受講し終えたのでWebページ作成に取り掛かります！

連日の激務と体調不良で手付かずでしたがようやくHTML&CSSコースに着手。Pythonでのスクレイピングも理解進みそうだしブログでもいろいろ試してみたい。

HTML & CSS 学習コース 初級編を修了しました！ https://t.co/TaoxQrJ763 #Progate

— ボラさん(データサイエンティスト志望) (@taki_christel) December 9, 2018

久しぶりに受講時間確保できたのでようやく中級終了、ボリュームありますね～

HTML & CSS 学習コース 中級編を修了しました！ https://t.co/8cGfwqSeTf #Progate

— ボラさん(データサイエンティスト志望) (@taki_christel) December 13, 2018

子ボラの昼寝時間が思いの外長いので順調な進捗！

HTML & CSS 学習コース 上級編を修了しました！ https://t.co/0NuLs9fwER #Progate

— ボラさん(データサイエンティスト志望) (@taki_christel) December 22, 2018

Webページの内容は自己紹介+ポートフォリオ(作品集)

 自己紹介に加え、今後いろいろアウトプットしていくものをまとめるポートフォリオを作成します。

 簡単2ステップでWebページ作成

①ローカル環境でHTML&CSSコーディング

テキストエディタ(私が使用しているのはVisual Studio Code)でコードを書いてChromeで内容を確認しつつ修正します。

今回作成したのは下記3ページ。それぞれ作成所要時間は2.5時間/1時間/1時間くらいです。

トップページ

自己紹介ページ

制作物を載っけてくページ

②Github PagesでWebページを公開

下記リンクを参考にGitHub Pagesからページアップロード！Gitのインストール時の設定でターミナルからはgitコマンド使えないようにしていたので少しもたつきましたがすごく簡単に公開できました。

参考ページ：GitHub PagesでWebページを公開する方法 | TechAcademyマガジン

↓↓完成したWebページがこちら↓↓

https://bora-san.github.io/index.html

リンクもちゃんと繋がってるしレスポンシブデザインも最低限できているのではないでしょうか…ProgateのHTML & CSSコースでは出てこないtableについて検索しながら学んで書いてみました。

初Webページ公開、ここからどんどんアウトプット出していけるように精進していきます。