スケジュール

どうやって？
HTML基礎知識

HTML
タグについて

スケジュール

授業のスケジュールです。
始めの４〜５回をhtmlの授業をし、その後、制作期間に入ります。制作はグループ、または希望があれば個人で行います。製作期間は制作を主にしてもらいますが、授業の始めに１５分程度短いトピックの講義をします。
制作には主にドリームウィーバとPhotoshopを使います。

01：ガイダンス

授業概要

情報発信とは？何か目的を持ったサイトを作ろう！サイトの例。HTMLの基礎。ドリームウィーバーちょっと触ってみよう！
実習基礎知識：XHTML-CSS (00)ドリームウィーバーを使ったハンズオン実習

授業のスケジュールについて

企画、情報収集についての宿題指示(1)

何を作る？

プロダクトのリリースのための工程
気に入っているサイト、目標のサイトを選ぶ。
サイト企画作成ガイダンス
宿題はコンタクトフォームから提出

02：基礎知識・実習　XHTML-CSS (01)

実習内容

ドリームウィーバーの設定〜サイトアップテスト　Photoshopスライス XHTML-CSS (01)： HTMLタグ、文法について（構造タグ、文字列、画像、アンカータグ、）基本的なスタイルシート機能（セレクタ・フォント・色）

トピックス

制作について

制作フローの説明・企画・デザインについて・様々なサイト、サイト構成について

スケジュールについて
スケジューリング
企画書、スケルトン、ガントチャート、チケット

企画、情報収集についての宿題指示(2)

次回閉め切り

03：基礎知識・実習　XHTML-CSS (02)

実習内容

XHTML-CSS (01)： HTMLタグ、文法について。構造要素について（基本構造要素、インライン要素、ブロック要素、インラインブロック要素、マージン、パディング、幅と高さ、ブロックのフロート、クリアフィックス）

制作開始の為の打ち合わせ

・宿題締め切り・グループ分け（宿題の内容を参考にする。やりたい事が近い人でグループ分け。あらかじめグループの人。個人で制作をしたい人）・サイト企画グループ話し合い開始（宿題をプリントアウトして持って来てお互い見る。）　・企画、情報収集についての指示・役割分担　サイトデザイン、グラフィックデザイン、Photoshopについて

企画、情報収集についての宿題指示(3)

・グループの宿題
次回までに制作のテーマを決定するので必要ならば話しあっておく事。

04：基礎知識・実習　XHTML-CSS (03)

実習内容

XHTML-CSS (03)　背景、リスト要素、疑似セレクタ、ナビゲーション、HTML5、角を丸くする、グラデーション、BootStrap

トピックス・制作開始の為の打ち合わせ

何を伝えるか、誰に伝えるか、UXデザイン、ユーザビリティー
・テーマ決定-話し合い３０分くらいで決定し、サイトの内容について企画。
・やってみたい事や作るべきコンテンツをみんなで付箋紙に書き出す。
サイトの目的とは？そのために必要な事とは？決定事項、これから考える事。次回作業するために準備が必要な事とは？

企画、情報収集についての宿題指示(4)

・次回作業のための資料を用意する。

05：サイト制作実習（制作開始）

実習内容

サイトの内容について企画。　付箋紙を使ってペーパープロトタイプ作成。デザイン開始、原稿執筆開始。必要資料や素材の洗い出し。スケジュール作成。

トピックス

応用知識 Dreamweaverテンプレート機能

06：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業

トピックス

応用知識：JavaScript

07：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業

トピックス

応用知識：CMSについてWordPress等 pukiwikiのセッティング・利用法

08：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業

トピックス

サイト作成のためのwebの知識： SEO、LPO SEO:サーチエンジン・オプティマイゼーション LPO:ランディングページ・オプティマイゼーション

09：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業

振り返り

制作中間発表、工夫している事、残作業、今後の課題、質疑応答チェックについて

10：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業

トピックス

サイト作成のためのwebの知識：SNS、Twitter、ブログを通じた情報発信についてブログ（blogger）登録、利用法

11：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業

トピックス

サイト作成のためのwebの知識：コマースサイトについて（アマゾン、楽天、カラーミーショップ）

12：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業

トピックス

サイト作成のためのwebの知識：アクセス解析

13：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業

振り返り

制作中間発表3 (1サイト2分程度）工夫している事、残作業、今後の課題、質疑応答

14：サイト制作実習

制作作業

グループで立てた計画に沿ったサイト制作作業
制作仕上げ・サイトリリースチェックについて