授業の概要

情報発信のスキル習得を目的として、HTML(Hyper Text Markup Language)/XHTML(Extended HTML)＆CSS(Cascading Style Sheet)を用いたウェブサイトコンテンツの作成を学習する。合わせて、ウェブサイトコンテンツの作成・発信・画像の編集を演習し、専門科目および専門演習などに活用できるスキルを習得させる。

到達目標

ウェブサイトコンテンツ（ホームページ）作成の基礎を習得する。

講義等の計画

1. インターネットとウェブサイトの基礎知識
2. ウェブサイトコンテンツの枠組
3. ウェブサイトコンテンツの設計
4. HTML・XHTMLの概要
5. 罫線・リスト・テーブルの指定
6. 画像・文字の指定
7. CSSの概要
8. CSSの書式とスタイルの設定
9. CSSの活用1：定義済みクラス、ルール、色、マージン、パディング
10. CSSの活用2：ボーダー、ビジュアル
11. CSSの活用3：リスト、背景、フォント、テキスト、テーブル
12. CSSの活用4：各定義の組み合わせによる実践
13. ウェブサイトの公開と運用
14. ウェブサイトコンテンツ作成の総括
15. 成果物のとりまとめ

成果物ウェブサイトコンテンツ

授業で習得した基礎的な知識をベースに、ウェブページを制作し、公開します。

2011年度成果物ウェブサイトコンテンツ

授業で習得した基礎的な知識をベースに、共通文書構造で二つのデザイン案に基づいたHTMLならびにCSSをそれぞれコーディングしました。

• 2011longlongさん
• 2011oneofoneさん
• keroflpさん
• spagetini04さん
• tksquattroさん
• work_takerさん

2010年度成果物ウェブサイトコンテンツ

授業で習得した基礎的な知識をベースに、共通文書構造で二つのデザイン案に基づいたHTMLならびにCSSをそれぞれコーディングしました。
実装は若干力技になっていますが…
画面右上のstyle: [Type1] [Type2] 部分をクリックいただくと、二つのCSSを切り替えて画面が表示されます。
また、ソーシャルネットワーク（Twitter）とソーシャルブックマーク（はてなブックマーク）を利用して、ソーシャルサービスと連携したウェブページとなっています。

• jyabitto24さん
• kasutera4さん
• klambo16さん
• RD_LET_DYさん
• socho128さん

評価の方法

成果物提出（70%）、授業への参加状況・受講態度(30%) として評価する。

教科書

指定の教科書はありません。必要に応じてプリント等を配布します。

参考文献

講義の際、適宜紹介します。

履修上の注意事項等

特に無し

担当教員

西村　文男

ソーシャルブックマーク(はてなブックマーク）

• 読込中です…

ソーシャルネットワーク[Twitter]

• 読込中です…

Information Literacy [ Last updated:2012.01.18. ]