デザイナのためのWeb制作基礎カリキュラム

デザインスキルを除くWeb屋さんになるためのカリキュラムです。

１．インターネットとは

1.1 インターネット基礎

1.2 無料のホスティングサービスを使う

２．Chromeデベロッパーツール

2.1 Chromeデベロッパーツールの使い方

３．HTML基礎

3-1 HTMLタグ、HTML基本形

3.2 HTMLだけでWebページを作ってみよう

3.3.1 HTML演習

４．CSS基礎

4-1 CSS基礎

4-1 CSS基礎　補足

4-2 CSS ボックスモデル

4-3.1 CSS演習1

4.3.2 CSS演習2

4.3.3 CSS演習3

4.4 FlexBox

4.5 Grid Layout

4.6 幅、高さ等の単位について

５．CSS応用

5.1 Sassとは

5.2 Webフレームワークの紹介

６. レスポンシブ

5-1 レスポンシブ基本

5-1-1 レスポンシブ基本 無料テンプレート

便利ですね。無料のテンプレートもインターネットにはたくさんあります。
画像を変えたりするだけでも使用できますね。用途は限られますが。

• https://f-tpl.com/template/
• https://template-party.com/

７. レスポンシブのテクニック

８．Javascript基礎

8.1 Javascriptを触ってみよう

8.2 基本構文（変数とは、if文, switch文, for文, while文について）

8.2 補足

8.3 関数

９．Javascript応用(jQuery)

9.1 jQueryとは

9.2 Bootstrap

１０．レンタルサーバの契約、アップロード

１１．実習（ポートフォリオサイト作成）

• 初級編
• 初級編２

１２．最後に復習と補足

その他Tips

Tips集

SEOとは

GoogleAnalytics