Webページ自由制作

1. 制作するものを自分で考え、6/14, 16の2回の時間をかけてWebページのコンテンツを作る。
htmlファイルが一つだけの場合は、ファイル名を index.html とする。
htmlファイルが複数ある場合は、トップページのファイル名を index.html とする。
作品のテーマは index.html のtitleタグの中に書く。

html, CSS, JavsScript, 画像のファイル名は以下のようにする。
• ファイル名に使う文字は半角のアルファベットと数字、「-（ハイフン）」「.（ピリオド）」「_（アンダーバー）」だけにする。
• html側の記述とファイル名の大文字・小文字を揃える。
(こうしないとリンク切れがおきたり、サーバーにファイルをアップロードできないなどの問題が起こる)
授業でカバーできなかった「PCとスマホで見たときのレイアウトの自動変更」(レスポンシブデザインという) の例をここに置いておくので、興味のある人は参考にするとよい。
ダウンロードして展開した index.htmlをブラウザで開き、ブラウザの幅を狭くするとスマホ用、広くするとPC用の表示になる。
pc.css が PC用、sp.css がスマホ用のCSSファイル。


2. 最終提出期限は6/20(月) 18:00とする。


3. 制作したものをzip化し、以下の内容でメールに添付して送る (JavaScriptのファイル「***.js」がある場合は、そのままでは送れないのでOneDriveにアップロードしてリンクを送る)。
(未完成時)
• 宛先 : pws2022a@gmail.com
• 件名 : Webページ自由制作 途中
• 本文 : 学籍番号、氏名

(完成時)
• 宛先 : pws2022a@gmail.com
• 件名 : Webページ自由制作 完成
• 本文 : 学籍番号、氏名、工夫した点
  


4. 6/21(火)に教卓のPCで一人ずつ発表する。