《HTML、CSS、DIV网页设计》课程教学大纲(移动互联网).docx

《HTML、CSS、DIV网页设计》课程教学大纲课程代码程名称：HTML、CSS、DIV网页设计 课程性质：专业必修课学 分：3 学 时：72讲课学时：36 实践/实验学时：36 适用专业：软件工程先修课程：大学计算机基础一、课程目标本课程主要介绍Internet互联网基本知识，掌握网页设计基本方法。掌握HTML和CSS的基本规范和应用。掌握HTML语言基础及必威体育精装版标准，网页基本的文字和段落的格式化，列表、图表、超链接、图像等HTML元素的使用，CSS的设计理念和高级应用，CSS常用概念如盒模型、选择器、常见属性及必威体育精装版标准， 表格、框架和表单。使学生能够正确而熟练地使用HTML进行网页的设计，能够结合开发案例进行实际网页开发的设计和实现。培养学生认识网页设计在Web应用开发中的地位及作用，加深学生对用户体验的重要性的理解，为学生今后从事Web应用软件开发工作打下坚实的基础。二、教学内容1. Web开发技术综述教学要求：了解Web的起源；Web前端开发的由来；Web前端开发所涉及的内容；Web前端开发工具介绍；常见浏览器及Web前端开发涉及的标准。教学内容：Z1. Web的起源Z2.网页设计的相关国际标准ZN3.网页设计开发环境的配置Z4.网页浏览器的兼容性问题实验内容：实验一 网页设计开发环境和运行环境的配置方法，插件的下载和安装。（1）开发工具安装：下载和安装开源代码编辑器Notepad++，标准浏览器（2）使用Notepad++编写个人简历网页2. HTML入门教学要求：掌握HTML文档的结构及其各个组成部分，熟悉和掌握头部、主体、常用标记、常见属性、语法及规范；HTML的兼容性及其测试方法。教学内容：HTML文档的结构及其各个组成部分；常用标记、常见属性、语法及规范；Chrome程序员开发工具的使用；Z1. HTML文档的结构Z2. 常用标记、常见属性、语法及规范实验内容：实验二 HTML文档的结构的练习（1）创建一个包含html结构的简单网页（2）Chrome程序员开发工具3.CSS入门教学要求：掌握CSS的特点及3种设置方法；CSS属性中的单位；CSS文字样式； CSS背景与颜色；CSS的继承和重叠； 教学内容：CSS的特点及3种设置方法；CSS属性中的单位；文字样式；背景与颜色；Z1. CSS样式规则Z2. CSS基础选择器N3. 复合选择器Z4. 字体样式属性Z5. 样式外观属性实验内容：实验三 使用CSS文本样式属性控制网页中的文本，制作网页中常见的新闻页面，效果。（1）制作个人简历网页（2）制作校园网新闻页4.盒子模型教学要求：掌握CSS盒模型；CSS标准及其必威体育精装版进展； 教学内容：CSS盒模型；Z1. CSS盒子模型属性Z2. 元素类型的分类ZN3. 盒子外边距合并问题N4. 元素类型的相互转换实验内容：实验四 理解盒子模型的运用（1）综合运用盒子模型的相关属性，制作网页中常见的盒子效果5.列表与超链接教学要求：掌握有序列表、无序列表、CSS控制列表样式、 超链接、锚点链接、CSS控制链接样式教学内容：有序列表、无序列表、CSS控制列表样式、超链接Z1. 无序列表Z2. CSS控制列表样式Z3. 超链接Z4. CSS控制链接样式实验内容：实验五 使用列表与超链接标记组织页面（1）使用列表与超链接标记组织页面，并通过CSS控制列表与超链接的样式实现网页中常见的新闻列表效果。6.表格和表单教学要求：掌握表格标记、表格结构、CSS控制表格、表单标签、表单控件、CSS控制表单的使用方法。教学内容：表格标记；CSS控制表格；Z1. 表格标记Z2. 表格结构ZN3. CSS控制表格ZN4. CSS控制表单的使用方法实验内容：实验六 设计课程表网页。掌握表格标记的使用、了解表格结构、掌握表单标记的使用、掌握CSS控制表单标记（1）使用表格与表单组织页面，并通过CSS控制表格与表单的显示样式，制作网页中常见的注册界面7.浮动和定位教学要求：掌握元素的浮动、清除浮动、Overflow属性、元素的定位、z-index属性。教学内容：元素的浮动；元素的定位；Z1. 元素的浮动Z2. 元素的定位8.CSS布局教学内容：掌握常用网页布局方法Z1. CSS网页布局N2. CSS hackN3. 盒子外边距合并实验要求：使用CSS进行网页布局、通栏布局的方法。实验内容：（1）临摹学院网站的首页。（2）临摹学院网站的二级和三级页面。10.实例开发教学要求：综合运用HTML与CSS的基础知识，建立站点、页面分析、首页切图、制作头部、制作banner、制作主体、制作底部版权教学内容：Z1. 建立发布站点N2. 页面板块分析N3. HTML与CSS的基础知识的综合运用实验要求：自选题材设计网站。实验内容：（