Webサイト制作II 2018年 ビジネスライフ学科 1・2年次後期 (担当:江上)
( Last modified: January 15 2019 13:26:47. ) (Hits on this page: 2151.)
You are ... 18.118.26.249 () [Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)].
授業資料
[授業ノート](授業実施日順)
-
2018/09/25
(Webサイト制作II の授業について)
- ポイント: はじめに[pdf]
-
Webサイト制作IIの授業の簡単な案内です。基本的に前期授業からの継続となります。
- メモ: 授業資料・提出について
- 実習:
-
後期授業に向けての準備
index ページ作成
- 課題:
-
本日の感想・疑問・意見・理解度・授業の印象などについて → 電子メールで提出してください
-
2018/10/02
(レイアウトの基礎)
- 授業の出席と復習項目
- 授業ノート: ホームページのレイアウト[pdf]
-
CSSを利用して画面レイアウトを構成する
基礎的な2コラムレイアウトについて
- 実習: ワークシート
-
2018/10/09
(レイアウト活用)
- 授業の出席と復習項目
- 授業ノート: ホームページのレイアウト#2[pdf]
-
floatを使用したマルチカラムレイアウトについて
固定レイアウトと可変レイアウト
- 実習: ワークシート
-
2018/10/16
(レイアウトまとめ/実践的知識の確認#1)
- 授業の出席と復習項目
- 授業ノート: ホームページのレイアウト#2[pdf]
-
レイアウト関連の知識(float以外の方法)
-
2018/10/23
(レイアウトまとめ/実践的知識の確認#2)
- 授業の出席と復習項目
- 授業ノート: ホームページのレイアウト#3[pdf]
-
ネガティブマージンの応用
-
2018/10/30
(レイアウトまとめ/実践的知識の確認#3)
- 授業の出席と復習項目
- 授業ノート: ホームページのレイアウト#4[pdf]
-
文書バージョンと文字コードの管理
開発技法: スケッチ, ワイヤーフレーム, モックアップ, プロトタイプ
資格試験問題にチャレンジ
- 関連リンク:
-
2018/11/06
(フォームの作成)
- 授業の出席と復習項目
- 授業ノート: フォームの作成[pdf]
-
formの基礎, 画面の設計, form, input, select要素について
サーバサイド技術の基礎
- 実習: ワークシート
-
2018/11/13
(フォームの作成#2)
-
2018/11/20
(フォームの作成#3)
- 授業の出席と復習項目
- 授業ノート: form に関する知識
- 実習: form ページを設計しよう・作ってみよう
-
2018/11/27
(DHTML入門)
- 授業の出席と復習項目
- 授業ノート: DynamicHTML入門[pdf]
-
JavaScriptとは?動的なページの作成。動作可能なコンテンツについて
簡単なスクリプトの実習など
- 授業ノート: 動きのあるページまとめ[pdf]
-
現在使用可能な技術と注意点。JavaScriptの位置づけは?
- 実習: ワークシート
-
2018/12/04
(DHTML入門#2)
-
2018/12/11
(DHTML入門#3)
- 授業の出席と復習項目
- 実習: ネット上のコードを使ってみよう
(Webに関係する知識)
- 授業ノート: Web関連話題
-
これまでの授業で扱わなかった知識や技術に関する話題
- 資料: 資格の過去問題をといてみよう
-
2018/12/18
(Webサイト作成実習)
- 授業の出席と復習項目
- 実技課題: Webサイト制作 実技課題
-
授業で学習したことをもとにWebサイトを制作・構築してみましょう
-
2019/01/08
(Webサイト作成実習#2)
今回は復習項目はありません。出席メールを出したら課題に取り掛かってください。
-
2018/01/16
(授業まとめ/Webサイト作成実習#3)
今回も復習項目はありません。出席メールを出したら課題に取り掛かってください。
(定期試験/確認テストのこと)
- これまでの授業のこと
-
授業範囲, 試験範囲 - 教科書 + 追加プリント + 公開中の授業資料・ノート + α
- 無資格者の扱い
- 試験の条件
- 試験内容について
-
定期試験などの過去問題アーカイブ[@]
[チャレンジ課題]
各種情報
Kunihiro Egami <egami@egamix.com>