《网页设计与制作(HTMLCSS)》教学大纲
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲一、说明1、课程的性质与内容《网页设计与制作》课程就是计算机应用技术、电子商务等专业的一门核心课程,也就是其她计算机专业的普及型课程。
内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性,、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop等相关知识,全面介绍WEB站点设计的基本操作技术与使用技巧。
2、课程的任务与要求通过本课程的学习,要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传与维护并能够独立解决网页编辑中遇到的一般问题,能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识,能实现网页的交互与特殊效果;能维护、管理与设计WEB应用程序;能独立设计小型WEB站点。
3、教学中应注意的问题在教学过程中要注重Dreamweaver、Firework或Photoshop与Flash软件的主要功能,其中Dreamweaver主要就是完成网页设计与网站管理;Firework或Photoshop主要进行图像的设计与编辑;Flash主要开发适应网络传输的流媒体电脑规划。
并且要培养学生综合使用这些软件的能力,注重学生动手能力的培养与上机试验。
教学过程中应该以Dreamweaver为主。
在讲授理论的同时加入具体的设计项目实验,力求达到实战的效果避免空洞的理论学习。
二、学时分配三、课程内容及要求模块一、初识网站与网页教学要求:1、使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣2、了解网页中的常用元素类型3、了解常用网站管理与制作软件4、了解网站建设流程5、理解HTML与CSS基本知识教学内容:1-1 认识网站与网页1-2 网页中的元素类型1-3 常用网站管理与制作软件1-4 网站建设流程1-5 HTML与CSS入门模块二、初识Dreamweaver 教学要求:1、熟悉Dreamweaver操作环境2、了解网站规划与管理3、掌握页面属性的设置教学内容:1-1 熟悉Dreamweaver操作环境1-2 网站规划与管理1-3 设置页面属性模块三、网页布局方法教学要求:1、掌握使用表格来布局来定位网页2、掌握使用使用框架布局网页教学内容:1-1 使用表格布局网页1-2 使用框架布局网页模块四、编辑网页元素教学要求:1、掌握文本输入与编辑2、掌握在网页使用图像3、掌握使用Flash动画4、了解使用其她媒体元素教学内容:1-1 文本输入与编辑1-2 使用图像1-3 使用Flash动画1-4 使用其她媒体元素模块五、使用超链接教学要求:1、掌握超链接的设置2、掌握如何管理超链接教学内容:1-1 设置超链接1-2 管理超链接模块六、HTML样式与CSS样式教学要求:1、掌握编辑基本HTML代码标记2、掌握创建与使用CSS样式表教学内容:1-1 编辑HTML代码1-2 创建与使用CSS样式表模块七、Dreamweaver高级应用教学要求:1、熟悉行为的使用2、掌握时间轴的基本应用3、掌握表单及其应用4、了解模板与库5、熟练掌握CSS样式的应用教学内容:1-1 使用行为1-2 时间轴的应用1-3 表单及其应用1-4 模板与库1-5 CSS样式的应用模块八、网站的优化教学要求:1、掌握网站的基本优化技巧2、掌握页面的美化与工具的使用3、掌握站点的整体优化教学内容:1-1 页面的美化1-3 站点的优化模块九、站点的发布教学要求:1、掌握发站点发布前的工作与程序2、掌握发布站点与站点的后续维护与更新教学内容:1-1 发布前的工作1-2 发布站点与站点的后续维护与更新。
网页设计与制作HTMLCSS教学大纲
《网页设计与制作(HTML+CSS)》课程教学大纲（课程英文名称）课程编号：2学分：5学分学时：64学时（其中：讲课学时：45 上机学时：19 ）先修课程：计算机基础、计算机网络、计算机应用后续课程：UI设计javascript网页特效适用专业：信息及其计算机相关专业开课部门：计算机系一、课程的性质与目标《网页设计与制作(HTML+CSS)》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。
二、课程的主要内容及基本要求第一章HTML与CSS网页设计概述（4学时）[知识点]➢Web的基础知识➢HTMLl简介➢CSS简介➢常用浏览器介绍➢Dreamweaver 工具使用➢利用Dreamweaver创建第一个页面[重点]➢HTML简介➢Dreamweaver工具使用[难点]➢Dreamweaver工具创建第一个页面[基本要求]➢了解HTML版本的发展历程➢掌握Dreamweaver工具的使用，能够使用Dreamweaver创建一个包含html结构和CSS样式的简单网页。
第二章 HTML入门（6学时）[知识点]➢HTML基本语法结构➢HTML 标记属性➢HTML 常用文本控制标记➢HTML 文本格式化标记➢HTML 图像标记➢HTML 相对路径和绝对路径➢HTML 图文混排技巧[重点]➢HTML基本语法结构➢HTML 常用文本控制标记➢HTML 图像标记➢HTML 相对路径和绝对路径[难点]➢HTML 标记属性的使用➢HTML 相对路径和绝对路径[基本要求]➢掌握HTML基本语法结构➢掌握HTML中常用的文本标记➢区分什么是相对路径和绝对路径➢掌握HTML图像标记的使用➢掌握图片混排常用技巧[阶段案例]使用HTML文本控制标记、HTML图像标记及相关标记的属性实现网页中常见的图文混排效果，如下图所示。
（完整版）《网页设计与制作》课程教学大纲.docx
（完整版）《网页设计与制作》课程教学大纲.docx《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时： 4 学分总学时72学时，理论36 学时适用专业：网络工程开课学期：第四学期开课部门：计算机与互联网学院先修课程：计算机文化基础计算机网络考核要求：考试使用教材及主要参考书：向知礼主编：《网页设计与制作》航空工业出版社2017 年杨松主编：《网页设计案例教程》航空工业出版社2015 年一·课程性质和任务：本课程全面地介绍网页制作技术的基本理论和实际应用。
全书共10 章，分为 3 大部分。
前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML 技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际应用的角度进一步巩固所学知识。
课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。
二·课程教学目的与要求以Dreamweaver 的使用为主线，介绍网页制作的相关技术。
使学生理解网页制作的基本概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框架、表单、多媒体对象的使用; 理解行为、模板、库、CSS布局的概念和使用 ;理解 HTML 语言、网站的测试与的发布；要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
《网页设计与制作》课程教学大纲
《网页设计与制作》课程教学大纲课程编号：课程名称：网页设计与制作总学分：总学负荷：自主学习：课内总学时数：课内实验实践上机学时：先修课及后续课一、说明部分．课程性质：网页设计与制作课程是为全院非计算机专业文科学生开设的一门计算机基础课，是一门必修的公共基础课，也是计算机应用的初级课程。
．教学目标及意义：随着网络的高速发展，网页也越来越多地出现在人们的面前，成为和普通用户的交流界面，而网页制作则成为网络时代学习信息技术需要掌握的基本技能之一。
本课程全面地介绍了网页设计所涉及的基本概念和常用的设计工具，包含了静态网页设计、脚本语言编程、动态网页设计、网站规划、设计与管理等技术。
这些知识和技能对于信息时代的大学生来说是必不可少的。
通过本课程的学习，使学生系统掌握应用等工具进行网页设计与制作的思想和方法，培养学生合理规划、创建网站的能力，为今后进一步学习和掌握计算机知识和技术打下良好的基础。
．教学内容和要求:了解网站的有关名词；掌握网站设计的基本思路；了解常用的网页设计工具。
掌握中的各种标记及其属，并熟练使用。
熟悉和掌握使用建立与管理站点；掌握页面布局的方法；熟练运用创建个人主页。
掌握的语法规则、函数和三种基本结构；掌握使用编写页面的方法；熟练掌握程序的事件处理；掌握文档对象的使用。
了解运行机制及运行环境的搭建方式，掌握内建对象的应用；掌握利用实现页面与数据库的连接；掌握动态页面设计。
了解网站设计前期所需的准备工作；掌握根据网站主题的需要来进行页面设计；了解网站测试与上传。
. 教学重点、难点：网页设计工具的使用，网页设计的方法。
. 教学方法与手段：采用多媒体教学，通过课堂上理论精讲、案例分析讨论、实例演示与上机操作相结合，以及课下以学生自主学习为主、老师辅导为辅，完成教学工作，将课内课外学习结合，提高学生自主学习主动性，实现理论和实践教学一体化，达到网页设计应用能力培养的目标。
. 教材及主要参考书：教材：李京文等编著《网页设计与制作》安徽大学出版社参考书：[]李京文《网页设计与制作》高等教育出版社[]李京文《网页设计与制作实训与考试指导》高等教育出版社[]潭浩强《网页编程技术与实例》人民邮电出版社.其它：自主学习的设计与安排：学生自主学习标记语言的应用，综合运用设计网页，学会使用脚本丰富页面效果，了解运行机制及运行环境的搭建，学习简单动态页面设计。
网页设计与制作教学大纲
《网页制作及设计》教学大纲学时：72 学时课程类别：专业必修课适用专业：软件技术一、课程的性质及任务课程的性质：本课程是一门专业基础课，要求学生掌握HTML、css和dreamweaver制作网页的知识和技术，同时为后续课程的学习奠定基础。
课程的任务：通过本课程的学习，使学生了解网站开发的流程，掌握HTML和CSS技术实现网页的构建和美化，并用dreamweaver CS5工具实现网页的制作。
前导课程：计算机应用基础后续课程：Javascript、 Java Web组件编程等二、教学基本要求本课程以《计算机应用基础》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握HTML、CSS等网页基础编程知识，并使用主流工具Dreamweaver CS5进行网页制作。
三、教学条件多媒体教室，安装Adobe Dreamweaver CS5的一体化实训室四、教学内容及学时安排（一）优秀网页赏析教学时数：4教学目标：1.理解网站相关的概念。
2.了解网页的基本组成元素3.理解网站的主题定位，风格和网站布局。
4.制作第一个简单的静态网页教学重点难点：1. 理解网站的定位和风格2、学习模仿网页的色彩搭配2. 分析网站的布局3. 能模仿制作一个简单网页。
教学方法：案例演示、理论讲解教学案例：海尔集团网站（企业类）、携程旅游网（旅游类）、中国大众体育网（体育类）、新东方教育（教育类）、往届优秀毕业设计答辩系统、一个简单的静态网页理论教学内容：1. 不同行业网站赏析2. 网页及网站的概念和术语。
3. 网页组成元素。
4. 网站的策划及设计原则。
5. 网站的开发流程6. 应用HTML、CSS制作第一个简单静态网页实践教学内容：1.第一个静态网页实验目的：锻炼学生学会使用记事本编辑静态网页，使学生熟悉HTML标记语言和认识HTML语言的结构；提升学生学习兴趣和自信。
实验要求：要求学生会使用HTML搭建网页架构；在合适位置插入CSS代码并体会使用HTML制作网页的方法。
(完整版)网页设计与制作教学大纲
《网页设计与制作》课程教学大纲课程编号:课程名称：网页设计与制作课程类型:专业基础课总学时：64 讲课学时：32 实验学时：32适用班级:一、课程性质、目的和任务：（加粗，以下同）1、目的本课程要求学生掌握基本的HTML语言。
学会使用Dreamweaver开发工具进行网页设计。
这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
2、任务本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
二、教学基本要求：（分三级：掌握、理解、了解）1．掌握：要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。
2．理解：要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。
3．了解：要求学生能够一般地了解的所学内容。
三、教学内容及要求：第1章Dreamweaver基础教学内容：Dreamweaver 的历史和简介Dreamweaver 的安装过程Dreamweaver 的全新界面改进的设计与开发环境主菜单介绍对象控制面板介绍教学要求：掌握：Dreamweaver的基本特点、新增功能及界面组成。
基本操作，如安装、新建、打开、导入、保存、关闭等。
理解：新增功能、界面组成的优点。
了解：Dreamweaver可以为我们做些什么。
第2章网页设计语言基础教学内容：HTML及XHTML语言介绍常用的网页语法标记教学要求：理解：HTML及XHTML语言介绍，常用的网页语法标记第3章文本和图像处理教学内容：文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求：掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。
《网页设计与制作》教学大纲(2022版)
《网页设计与制作》教学大纲英文名称：Web Design and Production课程代码：221001005课程类别：专业基础课课程性质：必修开课学期：大一第2学期总学时：36（讲课：36）总学分：2考核方式：平时考勤、作业、课堂表现、期末大作业先修课程：计算机基础适用专业：网络与新媒体专业一、课程简介课程是网络与新媒体专业专业基础课，授课学期为大一第二学期，先修课程为《计算机基础》、《计算机网络技术》，后续课程有《动态网页设计》、《新媒体产品设计与管理》、《搜索引擎优化》等。
本课程依据网页设计员、网页制作员、网站管理员所应具备的职业能力，参照计算机高新技术网页制作员4级标准，以互联网上具体企业网站为工作任务，重点培养学生解决实际问题的能力，充分体现“职业性”的特点。
每个模块包含“知识拓展”和“能力拓展”部分，给学生留出足够的拓展空间，引导学生提出自己独特的设计思路，符合高职课程“开放性”的要求。
本课程以学生实践操作为主，要求课程全部在实训室完成，体现高职教育的“实践性”特点。
本课程主要通过理论授课的方式完成教学，授课课时为36学时，考核方式由平时考勤、作业、课堂表现和期末大作业构成。
二、课程目标及其对毕业要求的支撑本课程依据网页设计员、网页制作员、网站管理员所应具备的职业能力，以及计算机高新技术网页制作员（DreamWeaver平台）4级标准，培养学生网页设计与制作的职业能力、认真负责的工作态度、创新进取的学习态度、团结合作的团队精神，培养学生胜任工作岗位的基本技能和综合素质。
三、课程教学要求第一章HTML基础教学内容：第一节 Web技术简介第二节 HTML是什么第三节 HTML入门简介第四节本章总结学生学习预期成果：了解HTML基本概念、web前端技术。
教学重点：无教学难点：无第二章前端开发工具教学内容：第一节前端开发工具第二节新建HTML页面学生学习预期成果：了解前端开发工具，会搭建一个简单的HTML页面。
《网页设计与制作》课程教案大纲.doc
《网页设计与制作》教学大纲（114学时）一、课程性质和任务本课程是中等职业学校的计算机专业的一门专业课。
其主要任务是学习有关网页设计与制作的基础知识和基本技能，使学生能够熟练地制作出一般企事业单位所需的中高级水平的网页。
二、课程教学目标本课程的教学目标是使学生掌握网页制作的基本知识和基本技能，掌握网页内容对象的制作方法及技能，具有对网页内容多个对象进行合理布局与设计的初步能力。
（一）课程目标要求1、掌握制作简单网页的基本方法。
2、掌握HTML常用标记及其功能格式。
3、掌握向网页中输入对象的方法。
4、会制作网页中各种超链接。
5、掌握网页内容多个对象的布局方法。
6、能给网页适当添加动态效果。
7、了解高级网页制作技巧。
8、能进行站点管理和维护。
（二）能力培养目标1、掌握FrontPage基本操作及技术。
2、会用HTML编辑修改简单网页。
3、掌握在网页中输入标题、文本、插入图片、表格、表单等对象的方法。
4、站点创建及站点内超链接的制作技巧。
5、能绝对定位和相对定位，表格，框架对网页合理布局。
6、会用模板、主题、样式制作高质量网页。
7、利用各种插件，控件脚本程序制作高级网页。
（三）思想教育目标1、培养学生网上分辨是非，合理运用网络资源的能力。
2、培养学生积极上进的求学态度和较强的自控能力。
三、教学内容和要求（一）理论教学摸块1、FrontPage基本概念1）新增功能、工作界面组成。
2、制作简单网页1）网页文件基本操作方法。
2）输入文本、制作超链接的基本方法。
3、HTML语言基础1）HTML基本法与结构。
2）常用标记的功能、格式。
4、添加网页元素1）输入标题、文本并对其进行格式化。
2）编辑列表。
3）插入图片及图片处理。
4）制作站点内超链接的方法介绍。
5）制作表格及用表格定位。
6）制作表单。
7）制作网页内动态效果。
5、网页元素合理布局1）相对定位和绝对定位。
2）表格定位。
3）框架定位。
6、快速制作网页1）网页模板。
网页设计与制作大纲
《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。
“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。
二、课程的任务与目的通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
三、课程总体结构、教学环节和课时分配四、教学内容第一章概述 2学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章 HTML语言基础 2学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。
教学重点与难点：HTML的语法结构、超级链接的语法、表格和框架的基本语法。
第一节 HTML概述一、HTML简介二、HTML语法结构第二节文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节图像编辑一、插入图像二、使用背景图像第四节建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章 Dream weaver基础 2学时教学目的：了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作()》课程教学大纲
（课程英文名称）
课程编号：2
学分：5学分
学时：64学时（其中：讲课学时：45 上机学时：19 ）
先修课程：计算机基础、计算机网络、计算机应用
后续课程：设计网页特效
适用专业：信息及其计算机相关专业
开课部门：计算机系
一、课程的性质与目标
《网页设计与制作()》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。
二、课程的主要内容及基本要求
第一章与网页设计概述（4学时）
[知识点]
的基础知识
简介
简介
常用浏览器介绍
工具使用
利用创建第一个页面
[重点]
简介
工具使用
[难点]
工具创建第一个页面
[基本要求]
了解版本的发展历程
掌握工具的使用，能够使用创建一个包含结构和样式的简单网页。
第二章入门（6学时）
[知识点]
基本语法结构
标记属性
常用文本控制标记
文本格式化标记
图像标记
相对路径和绝对路径
图文混排技巧
[重点]
基本语法结构
常用文本控制标记
图像标记
相对路径和绝对路径
[难点]
标记属性的使用
相对路径和绝对路径
[基本要求]
掌握基本语法结构
掌握中常用的文本标记
区分什么是相对路径和绝对路径
掌握图像标记的使用
掌握图片混排常用技巧
[阶段案例]
使用文本控制标记、图像标记及相关标记的属性实现网页中常见的图文混排效果，如下图所示。
第三章入门（8学时）
[知识点]
入门知识
样式规则
样式表书写位置
基础选择器
字体样式属性
样式外观属性
复合选择器
层叠性和优先级
[重点]
样式规则
基础和复合选择器
层叠性和优先级
[难点]
复合选择器
优先级
[基本要求]
理解语法结构
了解在网页中的重要性
熟悉书写的位置
掌握基础和复合选择器
掌握层叠性和优先级
[阶段案例]
通过文本样式属性控制网页中的文本，制作网页中常见的新闻页面，效果如下图所示。
第四章盒子模型（6学时）
[知识点]
盒子模型理论知识
盒子模型属性
元素类型的分类
元素类型的相互转换
盒子外边距合并问题
[重点]
盒子模型属性
元素类型分类
元素类型相互转换
[难点]
盒子模型复合属性
盒子模型总的宽度和高度
元素类型及其转换
[基本要求]
理解盒子模型
掌握盒子模型属性
掌握盒子模型中复合属性的写法
掌握元素类型及其转换方法
[阶段案例]
综合运用盒子模型的相关属性，制作网页中常见的盒子效果，如下图所示。
第五章列表与超链接（4学时）
[知识点]
有序列表
无序列表
自定义列表
控制列表样式
超链接
锚点链接
控制链接样式
[重点]
无序列表
自定义列表
控制列表样式
[难点]
控制列表样式
[基本要求]
掌握列表的三种分类
熟悉列表的嵌套
熟练掌握控制列表样式
掌握链接标记的使用
掌握结构与样式相分离的写法
[阶段案例]
使用列表与超链接标记组织页面，并通过控制列表与超链接的样式实现网页中常见的新闻列表效果，如下图所示。
新闻列表效果展示鼠标以上链接文本效果
第六章表格与表单（4学时）
[知识点]
表格标记
表格结构
控制表格
表单标签
表单控件
控制表单
[重点]
表格标签
控制表格和表单
表单标签
[难点]
表单标签
控制表单
[基本要求]
掌握表格标记的使用
了解表格结构
掌握表单标记的使用
掌握控制表单标记
[阶段案例]
使用表格与表单组织页面，并通过控制表格与表单的显示样式，制作网页中常见的注册界面，效果如下图所示。
第七章浮动与定位（8学时）[知识点]
元素的浮动
清除浮动
属性
元素的定位
属性
[重点]
元素浮动
元素定位
[难点]
清除浮动
元素定位的分类
[基本要求]
掌握元素浮动
熟悉清除浮动的方法
掌握元素定位及其分类
熟悉设置层的叠放次序
[阶段案例]
综合运用元素的浮动与定位，制作传智播客设计学院首页，效果如下图所示。
第八章高级技巧（6学时）
[知识点]
精灵技术
滑动门技术
负值的应用
[重点]
精灵技术
滑动门技术
负值的应用
[难点]
精灵原理分析
滑动门原理分析与切图
运用负值综合运用
[基本要求]
掌握精灵图的制作
掌握利用对精灵图片进行背景设置
掌握常见滑动门布局
掌握利用负值进行布局技巧
[案例实战1]
使用精灵，制作精品课程模块，效果如下图所示。
[案例实战2]
使用滑动门，制作梯形网站导航，效果如下图所示。
[案例实战3]
应用的负值，制作压线效果，如下图所示。
第九章布局与浏览器兼容性（6学时）
[知识点]
常见网页布局
通栏布局
分类
条件注释
常见6
盒子外边距合并
[重点]
通栏布局
常见6
[难点]
[基本要求]
熟悉网页常见的布局
掌握网页通栏布局技巧
掌握
熟悉 6 下常见的
第十章实战开发(上)—传智播客设计学院首页面（6学时）
[知识点]
建立站点
页面分析
首页切图
制作头部
制作
制作主体
制作底部版权
[重点]
制作页面首页
[难点]
制作页面首页
[基本要求]
了解一个网站制作流程
熟悉根据效果图分析页面布局
掌握切图技巧
掌握首页布局
[实战开发]
综合运用与的基础知识，制作传智播客设计学院首页，效果如下图所示。
第十一章实战开发(下)—传智播客设计学院子页面（6学时）
[知识点]
利用制作模板文件
使用模板文件
引用模板文件
利用模板文件制作列表文件
[重点]
利用制作模板文件
利用模板文件生成列表页面
[难点]
利用制作模板文件
[基本要求]
掌握利用制作模板文件
熟悉模板文件引用
掌握利用模板文件生成其他页面
[实战开发]
综合运用与的基础知识，制作关于我们页面、课程介绍页面、课程介绍详情页面，效果图分别如下。
关于我们页面效果图
课程介绍页面效果图
课程介绍详情页面效果图
三、学时分配
四、考核模式与成绩评定办法
本课程为考试课程，期末考试采用百分制的闭卷考试模式。
学生的考试成绩由平时成绩（30%）和期末考试（70%）组成，其中，平时成绩包括出勤（5%）、作业（5%）、实验和上机成绩（20%）。
五、选用教材和主要参考书
本大纲是根据教材《网页设计与制作()》所设计的。
六、大纲说明
本课程的授课模式为：课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并且会通过测试题阶段测试学生的掌握程度；上机主要是编写程序，
要求学生动手完成指定的程序设计或验证。
撰写人：审定人：批准人：执行时间：。