35  実習

練習 35.1 (HTMLの基礎) これまでに学習したHTMLの基本要素を用いて，自由なテーマのウェブページを作成してください．

以下の要素をすべて使用すること．

• html, head, body
• h1, h2, p
• a（リンク）
• img（画像）
• リスト（ul, ol）

作成例

テーマは自由です（自己紹介，趣味の紹介，おすすめの場所，好きな作品の紹介など）．

提出方法

• ファイル名は「index_basic.html」とすること．
• Google Classroom に提出すること．

練習 35.2 (生成AIを用いたHTMLの作成) 任意の生成AI（ChatGPT，Gemini，Claude など）を活用して，実習1で作成したウェブページを改善・発展させてください．

例えば，以下のような活用が考えられます．

• デザインやレイアウトの改善
• コンテンツの追加
• HTMLコードの修正や整理
• 新しい要素の提案

注意事項

• 生成AIが出力したコードをそのまま提出するのではなく，内容を理解したうえで必要に応じて修正すること．
• 使用した生成AIの名称をHTMLファイル内のコメントとして記載すること．

提出方法

• ファイル名は「index_genAI.html」とすること．
• Google Classroom に提出すること．

35.1 発展的課題

GitHub Pagesを使ってウェブサイトを公開してください．

詳細はこちらを参照してください． わかりにくい場合は，Google，YouTube，ChatGPTなどで調べてください．