目次
- シラバス(授業計画)
- 講義予定・講義済み内容
- 課題について
- 【評価課題1】20点「写真を掲載したWebページの制作」 次のサンプルページを参考に、写真を掲載したWebページを制作しなさい。
- 独自テーマのWebサイトを想定し、その中の1項目を1ページで紹介する。 テーマ例:飲食店、グルメ、映画、音楽、絵画、旅行、本、スポーツ、自己紹介など。
- 作品の提出先 完成したフォルダーをZip形式で圧縮し、mwu.jpのクラスルーム「Webデザイン応用」の評価課題1「写真を掲載したWebページの制作」へ提出しなさい。
- 提出期限 11月5日(月)23:59 締め切りました
- 【評価課題2】20点「ナビゲーション機能付きWebサイトの制作」 次の例のようなトップページを作成し、コンテンツページ(評価課題1で制作したWebページなど)にリンクが貼られたWebサイトを制作しなさい。
- コンテンツは課題1で制作したページも利用してもよいが、背景画像を入れること。 ・各ページには画像を入れること。
- 作品の提出先 完成したフォルダーをZip形式で圧縮し、mwu.jpのクラスルーム「Webデザイン応用」の
- 提出期限 12月10日(月)23:59 締め切りました
- 【評価課題3:総合課題】40点 映画、音楽、絵画、旅行、研究、スポーツ、自己紹介、故郷自慢、グルメなど、ジャンルを問いませんがテーマを決めてWebサイトを制作しなさい。 【 評価課題1や2を発展させるのが基本。】
- Webサイトの要件
- メニュー項目が3つ以上(従ってページが4つ以上)あること。
- テーブルを使用したページがあること。
- コメント送信用のフォーム(フォームメール)をつかったページがあること。
- トップページ、コンテンツのページに自分で用意した画像があること。また背景画像も適宜使うこと。
- CSSを使っていること。
- トップページのファイル名は「index.html」とすること。
- JavaScriptの使用は、課題要件に含まない。
- Flashムービーの使用は、課題要件に含まない。
- 作品の提出先 完成したフォルダーをZip形式で圧縮し、mwu.jpのクラスルーム「Webデザイン応用」の
- 作品の提出先 「ドキュメント」フォルダに作成した「所属番号氏名課題3」(例:大英1A99武庫川花子課題3)というフォルダを、 「提出用(Y:ドライブ)」→「共通教育」→「WEBデザイン応用」→「課題3」の中へ、コピー&貼り付けを行って提出しなさい。
- 提出期限 1月21日(月)23:59 厳守 (以後は受け取れない)
- 実習で利用するネットワーク環境について
- 街角ウオッチ 素敵な写真が撮れたら、実習素材としてぜひ提供して下さいね。
- ホームページ作成のためのページ
- Web制作支援サイトイーウェブ Web制作を制作、デザイン、運営の3つの方向から支援してくれる総合サイトです。
- HTMLクイックリファレンス 最新の情報まで網羅しています
- とほほのWWW入門 ホームページ作成の基本から応用まで幅広く学習できます。
- ホームページ作り方教室 ホームページの作成のノウハウが詰まっています。このページですべてわかります。
- フリー素材blue-green かわいいフリー素材のサイト
- 素材の森 フリーWEB素材などのサイトの検索
- GIFアニメーション画像作成ツール
- オンラインのカラーピッカーツール
- Adobe Color CC Adobeのカラーパレット作成サービス
- 原色大辞典
- WEBフォントの使い方について
- Google Fonts Googleが提供するWebフォントサイト
- Google Fonts + 日本語 Googleが提供する日本語のWebフォントサイト(早期アクセス)
- Adobe Typekit AdobeのCreativeCloudのフォントサービスサイト
- フォームメール作成のためのページ
- フォームメールとは
- フォームとCGI
- CGIの概要
- http://www.rescue.ne.jp/form/ フォームデコードサービスの利用
- スタイルシート(CSS)を使ったホームページの作成
- スタイルシートリファレンス(ABC順)およびCSS3リファレンス 授業に出てきたプロパティは必ずここで復習しましょう。
- CSS3例文辞典
- スタイルシート例文辞典
- CSSリファレンス
- カスケーディングスタイルシート
- その他、役に立つページ
- 資格試験
ページ例: 第3章の①(menu01)
ページ例:テーマ「京都スイーツ」サイト内の「みたらし団子」ページを作る。
必ず画像・写真を1枚以上掲載しなさい。また背景色・文字・罫線を独自にデザインし、内容を引き立てなさい。
「所属番号氏名課題1」(例:大英1A99武庫川花子課題1)という名前のフォルダを作り、ページに必要なファイル・フォルダを構成しなさい。
但しファイル名は次のとおりとする。
ページ:menu01.html
スタイルシート:style.css
その他、写真ファイルやフォルダの名前は、半角英数字のみ。
トップページの例 > 第5章の⑥(index.html)
コンテンツのページの例 > 第4章の⑤
・サイトの構成は実習内容と同様(「コンテンツ一覧ページ」付き)にしなさい。
「ドキュメント」フォルダに「所属番号氏名課題2」(例:大英1A99武庫川花子課題2)という名前のフォルダを作り、 その中にページに必要なファイル・フォルダを構成しなさい。
但しトップページのファイル名は「index.html」とすること。
その他、写真ファイルやフォルダの名前は、半角英数字のみ。
評価課題2「ナビゲーション機能付きWebサイトの制作」へ提出しなさい。
「ドキュメント」フォルダに「所属番号氏名課題3」(例:大英1A99武庫川花子課題3)という名前のフォルダを作り、 その中に作成したWebサイトのファイル群を入れる。
評価課題3「ナビゲーション機能付きWebサイトの制作」へ提出しなさい。
※サーバ上のデータで、正しくWebサイトが表示出来るか?必ず確認しなさい。
無料リンクやオンラインソフトリンクなど、Web製作者にとって有益な情報も提供しています