Hiradaさん｜未経験からWebデザイナーを育成｜Webデザイン1on1レッスンチャンネル

14 本
2019年8月〜2020年2月

元WebデザイナーのHiradaさんへ、現在行われているモダンなWebサイト制作をレクチャーします。HTML5で追加された要素やCSS3の解説など、過去の制作を振り返りながら［今の制作］を伝えます。自身のメディアサイト公開を目標に、WordPressの組込まで学習します。

並替：古い順

24:24
- 2019年12月14日
#00 インタビュー［福岡］

インタビュー

Webデザイン1on1レッスン3人目の生徒であるHiradaさんのインタビュー動画です。制作会社勤務時代の先輩であるHiradaさんへ、福岡の若杉楽園キャンプ場にて当時の話をインタビューしました。

授業をみる
45:49
- 2019年8月31日
#01 コンテンツとワイヤーフレーム

ワイヤーフレーム

Hiradaさんが制作するサイトのコンセプトやコンテンツのヒアリングを行い、AdobeXDでワイヤーフレームを作成します。

授業をみる
56:40
- 2019年9月7日
#02 ワイヤーフレーム

ワイヤーフレーム

前回に引き続き、AdobeXDでワイヤーフレームを作成します。

授業をみる
55:56
- 2019年9月29日
#03 デザイン

デザインカンプ

Hiradaさんが作成したPhotoshopのデザインカンプを、レビュー＆ブラッシュアップします。

授業をみる
1:00:40
- 2019年10月5日
#04 デザイン2

デザインカンプ

前回に引き続き、Photoshopのデザインカンプを、レビュー＆ブラッシュアップします。

授業をみる
1:01:25
- 2019年10月20日
#05 コーディング

HTML, CSS

画像の書き出しを行い、コーディングに利用するアプリケーションやコードについて説明します。

授業をみる
56:24
- 2019年11月10日
#06 コーディング2

HTML, CSS

MVエリアのロゴと背景、メニューのコーディングを行います。

授業をみる
59:35
- 2019年11月17日
#07 コーディング3

HTML, CSS

MVエリアにイラストを配置し、コンテンツの部分のテキストと背景のコーディングを行います。

授業をみる
49:26
- 2019年12月1日
#08 コーディング4

HTML, CSS

メニューの部分の調整を行い、ベースコーディングを最後まで完成させます。

授業をみる
34:03
- 2019年12月8日
#09 WordPress組込

WordPress

ローカル環境の構築を行い、作成したhtmlを基にWordPlessの組込みを行います。

授業をみる