PREMIUM
第1回
スマホサイトコーディング入門 -構造設計とHTMLコーディング-
2015年9月14日 60min
スライド資料
授業の概要
こんな人にオススメ
Web制作フローを学びたい方、Webコーディングを学びたい方、スマホサイトコーディングの経験がない方
担当の先生／パーソナリティ
チャプター
-
自己紹介＆アジェンダ
02:39 -
なぜスマホ用のUIが必要なのか？
01:42 -
なぜスマホ用のUIが必要なのか？: スマホデバイスの特徴
01:44 -
なぜスマホ用のUIが必要なのか？: UIはリキッドデザインで作る
00:39 -
なぜスマホ用のUIが必要なのか？: html5とcss3が使える
00:57 -
なぜスマホ用のUIが必要なのか？: 画像は極力使わない
00:50 -
なぜスマホ用のUIが必要なのか？: 動画、jQueryも極力使わない
00:34 -
なぜスマホ用のUIが必要なのか？: タッチパネル操作で作る
01:31 -
制作現場での制作手順
00:25 -
制作現場での制作手順: レギュレーションを把握する
00:52 -
制作現場での制作手順: 制作仕様書
00:54 -
制作現場での制作手順: コーディングルール
02:16 -
制作現場での制作手順: コーディングガイドライン
03:43 -
デザインカンプの確認
00:57 -
デザインカンプの確認: 遷移図
01:38 -
デザインカンプの確認: Webライティング
01:05 -
コーディング: 【実践】配布素材を元に準備をしよう
04:53 -
コーディング: 【実践】index.htmlを作ろう
02:26 -
コーディング: 【実践】htmlの中にランゲージを書こう
03:41 -
コーディング: 【実践】構図を確認しよう
03:23 -
コーディング: 【実践】骨組みのhtml構造を作ってみよう
01:34 -
コーディング: 【実践】骨組みのhtmlの中にタグを用いて要素を入れていこう
13:38