【やってみた】HTML・CSSを1ヵ月勉強したらどんなサイトが作れるの?

Webデザイン

Web制作に興味を持って勉強し始めた頃、

・どんな言語を
・どれくらい勉強したら(使えるようになったら)
・どんなサイトが作れるようになるのか

が気になっていました。

 

なので、私の経験もどこかで誰かの役に立つかなと思い、ちょっと振り返ってみました。

 

結論を言うと、後に紹介するProgateと黒本で1か月程じっくり勉強したところ

KinocoKaeru

こんなサイトを作れるようになりました!

使用言語はHTML&CSSのみです。

 

スポンサーリンク

事前知識

私の場合、

  • 学生時代にWeb基礎クラスを取る
  • 会社員時代に自社の製品サイトの運営をする

という経験があったため、まったくの0からスタートというわけではありませんでした。

 

学生時代にWeb基礎クラスを取る

本当に基礎の基礎でしたので、htmlのことをさらっと。

パソコンのなりたち~なども含めて勉強した講義でした。

忘れてしまっただけかもしれませんが、CSSについては一切やりませんでした。(htmlファイルに直接装飾コードを記入する方法を教わったような?)

 

うん十年前のことなので、あまり詳しく覚えていませんが、

「background-colorでpinkってやったら本当にピンクになった!! 感激!!」

とかやっていた気がします。

 

会社員時代に自社の製品サイトの運営をする

サイト運営してました! というと聞こえはカッコいいかもしれませんが、実際は

  • 新着情報など決まった個所のみ更新
  • 社内メンバーのアカウント管理

をメインに行っておりました。

htmlのコードを直接編集していたので、ある程度読むことはできるけど、自分で0から作ってみて、と言われたら「無理ー」な状態でした。

使ったテキスト

Progate

こちらのHTML&CSS 中級コースまで完了させました。

黒本

created by Rinker
¥3,080 (2020/08/14 10:33:57時点 楽天市場調べ-詳細)

まるっと一冊。

 

サイト作成の流れ

  1. ProgateのHTML&CSS 中級コースまで完了させる
  2. 黒本をまるっと一冊、実際に手を動かしながらテキスト通りに練習サイトを作る
  3. 自分でデザインを考えて0からサイトを作る

 

そんな感じで1~3を計1ヵ月間(1日3~4時間)ほど作業時間をあてて、ひーこら言いながら作ったサイトがこちらです。

KinocoKaeru

 

なんとなく素人くささが残る上にレスポンシブにも対応しておりません。

ですが、初めて0から自分が作ったサイトということで、とっても愛着あるサイトです。

 

まとめ

恐らく、飲み込みの早い人だともっと早く作れると思います。

設計とかデザインが苦手で、あーでもないこーでもないと時間をかけたので、そのあたりをばしばしっと決められる人なら全然もっと早いかとも思います。

 

そんなわけで、

  • HTMLとCSSを
  • 1ヵ月ほど勉強したら
  • こんなサイトが作れるよー

な お話でした!

 

 

コメント

タイトルとURLをコピーしました