课程信息

• 班级24 网络与新媒体 2 班
• 课时48（4 课时 × 12 次）
• 作业平时作业 3 次 + 期末作业 1 次

教学目标

• 看懂并会“写” HTML

  HTML 结构与标签 · CSS 入门第 1～4 次
• 搭建自己的网站

  域名 · 云空间 · 部署第 5～6 次
• 会用更简单的工具

  AI 编程工具 · Vibe Coding第 7～8 次
• 做一个主题内容输出

  期末作业：主题网站第 9～12 次

教学安排

• 第 1 次
  • 互联网与 Web 基础：访问一个网站时发生了什么（HTTP、IP 与域名）01～02
  • HTML 文档结构与文本元素（标题、段落、列表、div）03～04
• 第 2 次
  • 超链接：绝对与相对路径、页内锚点、邮件链接05～06
  • 图像与多媒体：img、图像映射、audio、video07～08
• 第 3 次
  • 表格与表单09～10
  • HTML5 语义化结构与多页面站点的文件组织11～12
• 第 4 次
  • CSS 入门：三种引入方式、选择器、层叠13～14
  • 文字、颜色与背景，伪类与链接样式；平时作业 1：手写个人主页15～16
• 第 5 次
  • 域名：注册、DNS 解析与备案17～18
  • 云空间：云服务器与静态网站托管19～20
• 第 6 次
  • Git 入门：版本管理与代码托管21～22
  • 部署上线；平时作业 2：个人主页发布到公网23～24
• 第 7 次
  • AI 编程工具与 Vibe Coding：用自然语言生成页面25～26
  • 读懂、调试与修改 AI 生成的代码27～28
• 第 8 次
  • 用 AI 工具实现布局、交互与多页面站点29～30
  • 平时作业 3：AI 辅助完成一个专题页并部署31～32
• 第 9 次
  • 用户体验与视觉设计：信息架构、导航、排版、配色33～34
  • 期末作业选题与内容策划35～36
• 第 10 次
  • 主题内容制作：文案、图片与音视频素材37～38
  • 期末作业制作：页面搭建与内容填充39～40
• 第 11 次
  • 期末作业制作：迭代与完善41～42
  • 中期检查与个别指导43～44
• 第 12 次
  • 测试与优化：多端浏览、加载速度、可访问性45～46
  • 期末作业发布上线、展示与互评47～48