と

■情報リテラシー【１２単元】　・挨拶　・今日の講義内容　・インターネットとは【説明】　・World Wide Web 　・Webページ　・URL(Uniform Resource Locataor) 　・ネチケット　・HTMLのバージョン　・HTMLファイルの基本構造　・XHTMLで正しく表示させるために必要な記述　・HTML5で正しく表示させるために必要な記述　・要素　・注意事項　・＜実習１＞雛形ファイルの作成　　・＜操作＞ファイルの拡張子が表示されるようにする　　・＜操作＞雛形ファイルを作成する　　・＜操作＞保存をするときに注意すべきこと　　・＜操作＞Webブラウザで表示する　・＜実習２＞雛形ファイルと注意事項の確認　　・＜操作＞との間に文字を入力する　　・＜操作＞との間に文字を入力する　　・＜操作＞名前を付けて保存する　　・＜操作＞Webブラウザで表示する　・要素の分類(コンテンツ・モデル) 　・以前の分類　・HTMLの本来の役割　・コメント　・＜実習３＞top.htmlの作成　　・＜操作＞title要素を入力する　　・＜操作＞h1要素を入力する　　・＜操作＞名前を付けて保存してWebブラウザで確認する　・基本的な要素 ▽実習課題　プリントNo.4　＜実習４＞【説明】　▼＜実習４＞の実施　▼＜実習４＞の解説 ▽実習課題　プリントNo.4　＜実習５＞【説明】　▼【必須】＜実習５＞の実施 ■情報リテラシー【１３単元】　・挨拶　・今日の講義内容　・テキストに関する要素 ▽実習課題プリントNo.4 ＜実習６＞【説明】　▼＜実習６＞の実施　▼＜実習６＞の解説　・テキストに関する要素(２) 　・テキストに関する要素(３) ▽実習課題プリントNo.4 ＜実習７＞【説明】　▼【必須】＜実習７＞の実施　▼＜実習７＞の解説　・スタイルシートの書式　・スタイルシートの設定方法　・スタイルシートにおける単位　・スタイルシートにおける色　・Webセーフカラー　・色使いで注意すること　・特定の範囲の設定　・ページとフォント　・文字サイズに対する注意　・＜実習８＞①hinagata.htmlの修正　　・＜操作＞①hinagata.htmlの修正　　・＜操作＞②top.htmlの修正　　・＜操作＞③style-top.cssの一部作成　・＜実習８＞③style-top.cssの作成 ▽実習課題プリントNo.4 ＜実習８＞③の完成【説明】　▼＜実習８＞③の実施 ■情報リテラシー【１４単元】　・挨拶　・今日の講義内容　・スタイルシートの書式　・セレクタの種類　・ボックスの概念　・リスト　・shiken.html、style-shiken.cssの作成 ▽実習課題プリントNo.4 ＜実習９＞【説明】　▼＜実習９＞の実施　▼＜実習９＞解説 ▽実習課題プリントNo.4 ＜実習１０＞【説明】　▼＜実習１０＞の実施　▼＜実習１０＞解説　・イメージ　・URLの指定方法　・相対URLの例　・shiken.htmlの修正　・shiken.htmlの最終形 ▽実習課題プリントNo.4 ＜実習１１＞【説明】　▼【必須】＜実習１１＞の実施（画像ファイルのダウンロード）　▼【必須】＜実習１１＞①shiken.htmlファイルの提出　▼【必須】＜実習１１＞③style-shiken.cssファイルの提出　▼＜実習１１＞解説　・hana.html、style-hana.cssの作成　・hana.htmlの作成（１）　・hana.htmlの作成（２）　・style-hana.cssの作成　・リンク　・疑似クラス ▽実習課題プリントNo.4 ＜実習１２＞【説明】　▼＜実習１２＞の実施 ■情報リテラシー【１５単元】　・挨拶　・今日の講義内容　・テーブル　・より高度な構造化　・まずは時間割を作ってみましょう ▽実習課題プリントNo.4 ＜実習１３＞【説明】　・schooling.html、style-schooling.cssの作成　・schooling.html（１）　・schooling.html（２） ▽実習課題プリントNo.4 ＜実習１４＞①schooling.htmlの作成【説明】　▼＜実習１４＞①の実施　▼＜実習１４＞①の解説　・style-schooling.cssの作成（１）　・style-schooling.cssの作成（２）　・style-schooling.cssの作成（３）　・style-schooling.cssの作成（４） ▽実習課題プリントNo.4 ＜実習１４＞②style-schooling.cssの作成【説明】　▼＜実習１４＞②の実施　・style-schooling.css（１）　・style-schooling.css（２）　・style-schooling.css（３）　・style-schooling.css（４）　・様々なレイアウト（１）　・文章の構造を示す要素　・fliteracy.html、style-fliteracy.cssの作成 ▽実習課題プリントNo.4 ＜実習１５＞①fliteracy.thmlの作成【説明】　▼＜実習１５＞①の実施　・style-fliteracy.cssの作成（１）　・style-fliteracy.cssの作成（２）　・style-fliteracy.cssの作成（３）　・style-fliteracy.cssの作成（４） ▽実習課題プリントNo.4 ＜実習１５＞②style-fliteracy.cssの作成【説明】　▼＜実習１５＞②の実施（画像ファイルのダウンロード）　・style-fliteracy.css（１）　・style-fliteracy.css（２）　・style-fliteracy.css（３）　・style-fliteracy.css（４）　・様々なレイアウト（２）　・段組の作り方　・セクショニング・コンテンツ　・CSS3で導入されたプロパティ　・ftop.html、style-ftop.cssの作成　・style-ftop.cssの作成（１）　・style-ftop.cssの作成（２）　・style-ftop.cssの作成（３）　・style-ftop.cssの作成（４） ▽実習課題プリントNo.4 ＜実習１６＞①ftop.htmlの作成【説明】 ▽実習課題プリントNo.4 ＜実習１６＞②style-ftop.cssの作成【説明】　▼【必須】＜実習１６＞①と②の実施（画像ファイルのダウンロード）　▼【必須】＜実習１６＞①ftop.htmlファイルの提出　▼【必須】＜実習１６＞②style-ftop.cssファイルの提出