・動画学習は１番より順番に学習をお願い致します。
・現在システム入れ替えのため、一部YouTubeを使用した動画配信を行なっております。
1.はじめに
- 1.Wan55camp概要
2.事前に必要となる知識
2-1-1.事前に必要になるパソコンの知識〜マウスの操作
2-1-2.ファイル・フォルダの操作(windows)
2-1-2.ファイル・フォルダの操作(mac)
2-1-3.基本的なショートカット(windows)
2-1-3.基本的なショートカット(mac)
2-1-4.文字入力の切り替え(windows)
2-1-4.文字入力の切り替え(mac)
2-1-5.ファイルのダウンロード(windows)
2-1-5.ファイルのダウンロード(mac)
2-1-6.圧縮ファイルの展開(windows)
2-1-6.圧縮ファイルの展開(mac)
2-1-7.アプリケーションのインストール(windows)
2-1-7.アプリケーションのインストール(mac)
3.制作環境の準備
3-1-1.必要アプリケーションの確認とインストール(windows)
3-1-1.必要アプリケーションの確認とインストール(mac)
3-1-2.chromeの設定
3-1-3.Slackの設定・使用方法
3-1-4.Zoomの設定
4.ウェブリテラシー
4-1-1.Web全般の基礎知識1
4-1-2.Web全般の基礎知識2
4-2-1.ドメイン基礎
4-3-1.拡張子・隠しファイル(windows)
4-3-1.拡張子・隠しファイル(mac)
5.コーディング基礎
5-1-1.Webサイト・HTMLとは
5-1-2.HTMLの書き方（タグ・要素）
5-1-3.HTMLの書き方（属性）
5-1-4.HTMLの基本構造
5-1-5.使用頻度の高い基本的な要素
5-1-6.見出し（h1〜h6）
5-1-7.段落と改行と罫線（p・br・hr）
5-1-8.リストに関連する要素（ul・ol・li）
5-1-9.説明（定義）リストに関連する要素（dl・dt・dd）
5-1-10.画像（img）
5-1-11.パスの指定方法
5-1-12.リンク要素（a）
5-1-13.表組要素（table）
5-1-14.HTML基礎 まとめ課題
- 2.CSS基礎
- 3.HTML / CSSレイアウト
- 4.CSSレイアウト（flex）
- 5.復習・課題サイト制作
6.Photoshop
- 1.Photoshop基礎
7.実践的なコーディング
- 1.Photoshopデザインカンプの読み取り方法
- 2.sass基礎
- 3.デザインカンプからのLPサイトコーディング課題
- 4.レスポンシブウェブデザイン
- 5.レスポンシブウェブデザインLPサイトコーディング課題
※3-5は専用レッスンを受講していただきレッスン動画を確認しながら制作を進めていただきます。
レッスン動画は受講後専用動画チャンネルに配信となります。
8.デザイン制作
- 1.Illustrator
- 2.AdobeXD
- 3.実制作
