模块1 网站的设计与策划
课程名称Web编程基础课时2课时
授课班级软件技术、计算机应用、移动开发专业
授课地点一体化教室授课形式做学教一体教学单元模块1-1 网站的概述
教学目标知识目标
理解网页与网站的相关概念；
掌握Web资源开发技术中，典型的HTML、CSS、
JavaScript技术在网页设计中的作用。
能力目标
能够区分网页与网站的关系；
能够区分服务器与客户端的关系。
素质目标
激发学生学习兴趣
引导学生团队合作
教学重点难点及措施教学重难点：
认识网页与网站；
Web前端开发技术。
措施：
通过上机操作加强学习和补充案例进行巩固。
教学方法做学教一体任务驱动线上线下混合教学教学任务掌握网站相关概念、网页开发工具
模块1 网站的设计与策划
课程名称Web编程基础课时2课时
授课班级软件技术、计算机应用、移动开发专业
授课地点一体化教室授课形式做学教一体教学单元模块1-2 网站的概述
教学目标知识目标
掌握使用网页编辑工具；
掌握常用的浏览工具及浏览HTML文档的方
法。
能力目标
能够掌握网页设计原则
能够灵活运用开发工具创建一个完整的Web
项目。
素质目标
激发学生学习兴趣
引导学生团队合作
《Web编程基础》教案。
手把手教你学习HTML和CSS的基础知识第一章：HTML基础知识HTML，全名为超文本标记语言（HyperText Markup Language），是用于创建网页的标准标记语言。
学习HTML是学习网页开发的第一步。
本章将介绍HTML的基础知识。
1.1 HTML的起源与发展HTML最早由蒂姆·伯纳斯-李（Tim Berners-Lee）于1990年创造，并在1993年发布了HTML 2.0的第一个正式规范。
随着时间的推移，HTML不断发展，现在最新的版本是HTML5。
1.2 HTML文档的结构HTML文档由HTML标签组成，标签用于定义文档的结构和呈现内容。
一个HTML文档通常包含<head>、<body>和</html>等标签。
1.3 HTML标签的基本语法HTML标签由尖括号包围，并以起始标签和结束标签的形式出现。
例如，<p>是一个起始标签，</p>是一个结束标签。
还有一些标签是没有结束标签的，如<br>标签。
1.4 HTML元素与属性元素是指由起始标签、内容和结束标签组成的整体。
属性提供了关于元素的额外信息，如元素的样式、链接地址等。
HTML元素和属性中的内容是由标签和值组成的。
1.5 常用的HTML标签HTML有很多常用的标签，本章只介绍一些基础的标签。
如<h1>到<h6>标签用于定义标题；<p>标签用于定义段落；<a>标签用于创建超链接等。
第二章：CSS基础知识CSS，全名为层叠样式表（Cascading Style Sheets），是用于网页设计的样式表语言。
学习CSS可以为HTML文档添加样式和布局。
本章将介绍CSS的基础知识。
2.1 CSS的起源与发展CSS最早由赖耶斯博士（Håkon Wium Lie）和贝尔纳斯·卡尔（Bert Bos）于1996年创造，并在1997年发布了CSS1的第一个正式规范。
