名古屋文理大学 Webプログラミング

講義資料

1. 第一回：導入

   • スライド
   • 最終課題構想テキスト テンプレート
   • 最終課題構想テキスト 例文
   • index.html テンプレート

2. 第二回：HTML(1)

   • スライド
   • 名古屋文理大 ロゴマーク画像
   • 唐揚げのレシピ テキストデータ

3. 第三回：HTML(2)

   • スライド
   • パス練習
   • パス練習模範解答

4. 第四回：CSS(1)

   • スライド
   • css セレクタ練習

5. 第五回：CSS(2)

   • スライド

6. 第六回：CSS(3)

   • スライド
   • レシピのページ
   • 唐揚げの画像

7. 第七回：CSS(4)

   • スライド
   • 食器アイコン画像

8. 第八回：CSS(5)

   • スライド
   • ドット柄の画像素材
   • 作り方の画像素材
   • 「作り方」のHTMLコード
   • 「レシピのページ」今日までの進捗

9. 第九回：CSS(6)

   • スライド
   • 「レシピのページ」今日までの進捗

10. 第十回：CSS(7)

    • スライド
    • 「その他のレシピ」の画像
    • 「レシピのページ」今日までの進捗

11. 第十一回：JavaScript(1)

    • スライド
    • 「レシピのページ」今日までの進捗

12. 第十二回：JavaScript(2)

    • スライド
    • ボタン画像素材データ
    • 「レシピのページ」今日までの進捗

13. 第十三回：最終課題制作（1）

14. 第十四回：最終課題制作（2）

15. 第十五回：講評

参考リンク

• 開発者向けのウェブ技術 | MDN
• とほほのHTML入門 (HTMLリファレンス)
• とほほのCSS入門 (CSSリファレンス)

最終課題

• 1限
• 2限