STEP 1
HTML/CSS入門
インターネットとWebは何が違う?Webサイトが表示される仕組みを解説
詳細を見るファイルとフォルダの違い、圧縮/解凍のやり方を解説(Windows/Mac画像付き)
詳細を見るGoogle Chromeの導入
詳細を見るVisual Studio Codeの導入
詳細を見る便利なショートカットキーを覚えよう
詳細を見るHTMLの基礎と書き方を学ぼう
詳細を見る【初心者必見】よく使うHTMLタグ22選!正しく使いこなす必要性も解説
詳細を見る【HTML】Hello, World! を出力してみよう
詳細を見る【HTML】headタグとは? 初心者でも分かる使い方を紹介
詳細を見る【HTML】見出しタグ・段落タグの使い分けについて解説
詳細を見る【HTML】文章内で使うタグ(strong・b・br・span)について解説
詳細を見る【HTML】箇条書き(ul, ol, li)に使えるタグについて解説
詳細を見る【HTML】コンテンツを区切るタグ、sectionとarticleの違いについて解説
詳細を見る【HTML】tableタグで表を作成する方法!セルの結合についても解説
詳細を見る【HTML】画像を表示させるimgタグの使い方について解説
詳細を見る【HTML】初心者でも簡単にできるお問い合わせフォームの作り方を解説【CSS】
詳細を見る【HTML】aタグの使い方とハイパーリンクを設定する方法
詳細を見る【HTML】音声ファイルを埋め込むaudioタグの使い方と属性について解説
詳細を見るHTML5でvideoタグを使って動画を埋め込む方法を簡単解説!
詳細を見るCSSの基礎と書き方を学ぼう
詳細を見るよく使うCSSのプロパティと使い方を学ぼう
詳細を見るWebフォントの使い方を学ぼう
詳細を見るテキストに影をつけよう
詳細を見る【CSS】position プロパティまとめと効かないときの対処法を解説
詳細を見る【CSS】Flexboxプロパティ一覧!それぞれの使い方を解説
詳細を見るCSSの擬似要素で擬似的に要素を追加しよう
詳細を見るCSSの擬似クラスを使いこなそう
詳細を見るCSSの詳細度を学ぼう
詳細を見る様々なデバイスに対応するためにレスポンシブを学ぼう
詳細を見るHTML,CSSでさらに勉強すべきことを理解しよう
詳細を見る
STEP 2
STEP 3
STEP 4
WordPress
WordPressで何ができるか学ぼう
詳細を見る【画像付き】Local を使ってサクッとWordPressの環境構築をしよう
詳細を見るWordPressを学ぶに当たってPHPの基本を学ぼう
詳細を見るWordPressのテーマに必要なファイルを押さえよう
詳細を見るWordPressのテンプレート階層について学ぼう
詳細を見るWordPressのテンプレートパーツファイルについて押さえよう
詳細を見るWordPressでよく使うURL出力関数を学ぼう
詳細を見るWordPressの特定の関数をエスケープしよう
詳細を見るWordPressでCSSを読み込もう
詳細を見るWordPressの条件分岐でページを判別しよう
詳細を見るメインループを使って投稿を表示しよう
詳細を見る個別投稿ページを作成しよう
詳細を見るWordPressのカテゴリーを作成して表示しよう
詳細を見るWordPressでスクリプトを読み込もう
詳細を見る固定ページを作成しよう
詳細を見るWordPressのおすすめプラグインを導入しよう
詳細を見るContact Form 7でお問い合わせ機能を実装しよう
詳細を見るWordPressでさらに勉強することを理解しよう
詳細を見る
STEP 5
Webデザイン
Webデザインの制作フローを学ぼう
詳細を見るデザイン4原則を学ぼう
詳細を見るデザインのジャンプ率を学ぼう
詳細を見るWebデザインの配色のコツを学ぼう
詳細を見るWebデザインのあしらいを学ぼう
詳細を見るwebサイトのレイアウトパターンを学ぼう
詳細を見るAdobe XDの導入
詳細を見るAdobe XDのツールの使い方を学ぼう
詳細を見るAdobe XDのアセット機能の使い方を学ぼう
詳細を見るAdobe XDのリピートグリッドの使い方を学ぼう
詳細を見るAdobe XDのコンポーネント機能を学ぼう
詳細を見るAdobe XDのステート機能について学ぼう
詳細を見るAdobe XDのプロトタイプ機能について学ぼう
詳細を見るAdobe XDの共有モードについて学ぼう
詳細を見るAdobe Fontsの使い方を学ぼう
詳細を見るAdoeb XDでデザインを1から作ってみよう
詳細を見る使いやすいお問い合わせフォームをデザインしよう
詳細を見るwebデザインでさらに勉強することを理解しよう
詳細を見る
STEP 6
FINISH