授業計画 |
| 回数 |
学習目標 |
学習項目 |
| 1 |
使用する各ツールの使用目的を理解し、操作することが出来る。
OSやツールの設定をすること出来る。
ファイルの操作（作成・削除・コピー・移動）が出来る。 |
Windowsの基本操作を学習する。
各ツール（ブラウザ、テキストエディタ、FTPクライアント、画像ソフト）の使用目的と基本設定を学習する。 |
| 【理解度確認】練習（各ツールの基本設定） |
| 2 |
HTTP通信の仕組みについて説明出来る。
ブラウザの操作と設定が出来る。 |
Webページの構成とHTTP通信の仕組みについて学習する。
ブラウザの基本的な使い方を学習する。
|
| 【理解度確認】練習問題(ブラウザ） |
| 3 |
URLの構成を説明出来る。
IPアドレスとDNSの関係が説明が出来る |
URLの構成とIPアドレスとDNSについてコマンドプロンプトを利用して学習する。
|
| 【理解度確認】練習（IPアドレスとDNS） |
| 4 |
ファイルの拡張子からファイルの種類が説明出来る。
ファイル形式の変換が出来る。 |
Webページで使われるファイルの種類（画像、動画、HTML文書、スタイルシートなど）について学ぶ。
|
| 【理解度確認】課題（ファイルの種類と拡張子） |
| 5 |
Webページに適したファイル形式を選択することが出来る。
画像形式の変換が出来る |
画像（画素、画像のファイル形式、画像の色数、RGBの16進数による色の表し方など）について学習する。また、画像の編集（拡大・縮小）や画像ファイルの変換なども学習する。 |
| 【理解度確認】課題（画像） |
| 6 |
アニメーションGIFと透過GIFの仕組みを理解し、画像を作成することが出来る。 |
ツールを利用して、さまざまな画像（アニメーションGIF、透過GIF）作成を学習する。 |
| 【理解度確認】課題（透過GIFとアニメーションGIF） |
| 7 |
レイヤーを使い、効率良く画像作成が出来る。 |
レイヤーの概念を理解し、レイヤーを使った画像作成を学習する。 |
| 【理解度確認】課題（レイヤー画像） |
| 8 |
動画のファイル形式や動画の仕組みを説明できる。 |
動画（動画のファイル形式、動画と音声の仕組み）ついて学習する。
フォトツールを使って動画作成を学習する。 |
| 【理解度確認】課題（動画） |
| 9 |
HTML言語が何をする言語かを説明出来る。
タグを正しく記述し、ブラウザで正しく表示されていることを確認出来る。
エディタやチェッカーツールを使いこなすことが出来る。 |
HTML言語について学習する。（タグの意味、記述のルール、要素と属性の違いなど）を学習する。
タグ入力からブラウザで表示するまでの処理を学習する。
エディタの使い方と基本設定を学習する。タグチェッカーの使い方とエラー処理について学習する。 |
| 【理解度確認】課題（タグ、エディタ・チェッカー操作） |
| 10 |
タグを正しく記述し、ブラウザで正しく表示されていることを確認出来る。
|
基本タグの意味と使い方を学習する。ブラウザによる表示の違いを学習する。
<html>、<head>、<body>、<meta>、<title>、<description>、<h>、<p>、<pre>。 |
| 【理解度確認】課題（タグ） |
| 11 |
タグを正しく記述し、ブラウザで正しく表示されていることを確認出来る。
|
基本タグの意味と使い方を学習する。
<img>、<a> |
| 【理解度確認】課題（タグ） |
| 12 |
ファイルとフォルダの違い、階層構造、URLについて説出来る。
相対パス、絶対パスのファイルパスを正しく指出来る。 |
Webページにおけるファイル指定の方法（絶対パス、相対パス）について学習する。 |
| 【理解度確認】課題（絶対パス・相対パス指定） |
| 13 |
タグを正しく記述し、ブラウザで正しく表示されていることを確認出来る。
|
基本タグの意味と使い方を学習する。
<ol>、<ul>、<li>、<table> |
| 【理解度確認】課題（タグ） |
| 14 |
タグを正しく記述し、ブラウザで正しく表示されていることを確認出来る。 |
基本タグの意味と使い方を学習する。
<form> |
| 【理解度確認】課題（タグ） |
| 15 |
Webサーバーへファイルをアップロード出来る。
URLを入力し学科内のWebサーバーからpページのアクセスが出来る。 |
学内Webサーバーを使用し、Webサーバへのリクエストとレスポンスを学習する。
FTPツールを使って、Webサーバへデータをアップロードやダウンロードを学習する。
WebサーバーからWebページを閲覧する方法を学習する。 |
| 【理解度確認】課題（URL） |
