Webデザインの勉強を始めてみた

こんにちは、そよこです。

ブログを始めてWEBデザインに少し興味がわいたので、少しずつ勉強していきたいと思っています。

今の知識レベルは、

・プログラミング経験あり

・WEBデザイン系は全く関わったことがない

という状態からのスタートとなります。

まずは、HTMLとCSSの基礎を学びます。

学習方法はいろいろあると思いますが、ネット環境があればすぐに始められるオンラインプログラミング学習サービスを使うことにします。

いくつか存在する学習サービスの中から、Progate（プロゲート）を選びました。

Progateを選んだのは、サイトのデザインがかわいかったのと、ブラウザに直接コードを書き込んで実行することができるからです。

テキストエディタをインストールする等の事前準備をすることなく始められるのが楽だと思って選びました。

プランは無料と有料（月額980円）の2つがあります。

まずは無料のプランでどんなことが学習できるのかやってみました。

HTML&CSSのコースは初級編から上級編まであって、無料のプランで選べるのは初級編だけのよう。

初級編の修了の目安時間は3時間50分です。

学習内容は以下の通りです。

１章：HTMLに触れてみよう！

２章：CSSに触れてみよう！

３章：レイアウトを作ろう！

４章：ヘッダーを作ろう！

５章：フッターを作ろう！

６章：コンテンツを作ろう！

７章：お問い合わせフォームを作ろう！

HTMLとCSSの書き方を学んでから、実際にWEBページを作ってみるという流れです。

ゲーム感覚で、楽しく学ぶことができました。

初級編の最後にはこんな感じのWEBサイトが完成しました。

HTML/CSSの役割や基本的なコードの書き方が理解できたかなと思います。

ただ、書き方の作法が覚えきれていなく、サンプルコードを見ないとまだ書けない感じで、実際に何かを作るにはまだまだ知識が足りていない状態です。

もっとコードを書いてみて、少しずつ慣れていく必要があると感じています。