网页设计与制作教学大纲
网页设计与制作(HTML5 CSS3 JavaScript)教学大纲
《网页设计基础》课程编号：...课程名称：网页设计基础学分：3 学时48 （其中实验学时：16）先修课程：计算机基础B一、目的与任务本课程是本科文科各专业的一门必修的计算机基础课，是计算机基础教学中的重要环节。
本课程的主要任务是使学生掌握在信息社会中必要的计算机应用技能——网页设计与制作，培养学生的计算机文化意识。
课程将讲授HTML、CSS、JavaScript等基本技术，并通过大量实验使学生掌握网页设计与制作技能，为培养理论与实践相结合的、全面发展的计算机应用高级人才打下基础。
二、教学内容与学时分配理论教学部分（32学时）第1章HTML5基础（2学时）浏览器、服务器和URL创建网站的基本步骤HTML的概念和原理使用基本HTML标记符（<html> <head> <title> <body> <p>）创建简单网页第2章文本格式与超链接（4学时）段落格式字体格式列表格式创建超链接第3章CSS入门（4学时）CSS样式定义CSS的属性单位3种CSS样式表5种CSS选择器3种常见CSS属性第4章图像与多媒体（2学时）网页图像基础图像处理基本操作图像标记符img使用多媒体对象第5章表格与表单（2学时）创建表格表格的属性设置创建表单创建表单控件第6章CSS3进阶（6学时）CSS3高级选择器CSS3布局CSS3高级属性CSS3样式的优先级第7章JavaScript与前端开发（3学时）使用客户端脚本JavaScript编程*前端开发技术第8章网页设计基础（3学时）设计与认知网站设计的原则设计适于导航的网页设计网站导航设计版式第9章使用Dreamweaver（3学时）使用本地站点编辑网页使用CSS样式高级功能第10章综合项目实践（3学时）网站开发项目管理综合实例实验教学部分（16学时）实验0：确定网站主题（搜集资料）实验1：制作纯文本网站（2学时）实验2：添加CSS（2学时）实验3：加入图片与多媒体（2学时）实验4：表格与表单（2学时）实验5：CSS布局（2学时）实验6：综合项目实践（6学时）三、考核与成绩评定采用日常性考核（大作业）和期末终结性考核相结合的方式。
网页设计与制作教学大纲
《网页设计与制作》课程教学大纲一、说明（一）课程定义：《网页设计与制作》课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。
内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop 等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。
（二）编写依据：本课程根据武汉体育学院体育科技学院人文社科系网络与新媒体专业人才培养方案编写。
（三）目的任务：通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。
（四）学时数与学分数：本课程教学总学时为72课时,4学分，理论48学时，实践/实验24学时。
具体学时分配参照下表。
（五）适用对象：网络与新媒体专业。
（六）课程编码：二、教学内容与学时分配三、教学内容与知识点第一章初识网站和网页第一节网站和网页知识点：网站和网页的概念。
第二节网页中的元素类型知识点：行元素、块元素。
第三节常用网站管理制作软件知识点： Dreamweaver、flash。
第四节网站建设流程知识点：网站建设流程。
第五节 Html与CSS入门知识点：html概念、css概念。
第二章初识Dreamweaver第一节熟悉Dreamweaver操作环境知识点：Dreamweaver操作环境。
第二节网站规划与管理知识点：网站规划原则、管理方法。
第三章网页布局方法第一节使用表格布局网页知识点：表格布局方法。
第二节使用框架布局网页知识点：框架布局网页方法。
网页设计与制作课程教学大纲
《网页设计与制作》课程教学大纲1000字一、课程名称：网页设计与制作二、课程性质：专业选修三、先修课程：计算机基础、HTML语言基础、CSS样式基础、JavaScript基础四、课程目的：本课程旨在培养学生熟练掌握网页设计和制作所需的技能和知识，包括从网站设计和规划到页面布局和导航、从图像和多媒体素材的处理到网页代码开发的全过程。
五、教学内容：1.网站设计和规划（1）需求分析与目标设定（2）信息架构设计（3）网站页面设计2.页面布局与导航（1）CSS样式技术（2）网页布局设计（3）导航设计3.视觉设计（1）颜色与图像设计（2）多媒体素材处理（3）响应式设计技术4.网页代码开发（1）HTML语言与标签（2）CSS样式（3）JavaScript脚本5.网页制作（1）网页编辑器使用（2）网页调试与测试（3）网页发布和维护六、教学方法：课堂讲授、案例分析、实践操作、课程论文七、成绩评定方式：平时成绩占30%，包括参与度、作业完成度等；考试成绩占70%。
八、教材：1.《Web页面设计基础》2.《HTML5与CSS3基础教程》3.《JavaScript权威指南》九、参考资料：1.《Web标准设计》2.《响应式Web设计》3.《图解CSS3》4.《实战Bootstrap》十、实验操作：实践操作是课程的重要组成部分。
通过实验操作，学生将掌握网页设计和制作的实际技能和经验。
实验操作包括：1.网站规划和设计2.网页布局与导航3.视觉设计和处理4.网页代码开发和调试5.网页发布和维护十一、教学进度安排：第一周：课程介绍和网站设计和规划第二周：网页布局与导航第三周：视觉设计和处理第四周：HTML语言与标签第五周：CSS样式第六周：JavaScript脚本第七周：网页编辑器使用第八周：网页调试与测试第九周：网页发布和维护第十周：课程总结和复习，期末考试。
（完整版）《网页设计与制作》课程教学大纲.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章文本和图像处理教学内容：文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求：掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。
《网页设计与制作》课程实验教学大纲
《网页设计与制作》课程实验教学大纲一、实验课程概述《网页设计与制作》课程旨在培养学生的网页设计与制作能力，通过实践操作，掌握常用的网页设计和制作技术方法。
本实验课程主要注重学生对HTML、CSS和JavaScript等网页技术的应用能力，通过实践项目，培养学生的创新思维和团队协作能力。
二、实验目标1.掌握网页设计和制作的基本原理和方法；2. 熟悉HTML、CSS和JavaScript等网页技术的使用；3.学会使用常见网页设计工具和软件进行网页制作；4.培养学生的创新思维和团队协作能力。
三、实验内容与教学安排1.实验一：网页布局和样式设计-HTML网页结构的搭建-CSS样式的设计与应用-响应式网页设计2.实验二：网页交互与动态效果设计- JavaScript基础知识与语法-网页交互与事件处理-动态效果设计与实现3.实验三：网页优化与维护-网页性能优化-SEO优化原理与方法-网页维护与更新4.实验项目：团队合作网站制作-学生分组进行团队合作项目-设计和制作完整的网站-考核团队的创新能力和团队协作能力四、实验要求1.实验过程中，学生需要独立思考和解决问题，注重实践能力的培养；2. 学生需具备基本的HTML、CSS和JavaScript基础知识，能够灵活运用这些技术进行网页设计与制作；3.实验过程中，学生需要遵守项目管理规范，完成实验报告和实验成果的整理和展示；4.学生需要积极参与团队合作项目，发扬团队协作精神。
五、实验评价与考核标准1.实验报告：实验报告书写规范，内容完整和准确，对实验过程和结果进行详细介绍和分析；2.实验成果：实验成果展示符合要求，网页设计和制作质量高，实现了预期的功能；3. 实验操作：实验操作过程规范，能够熟练运用HTML、CSS和JavaScript等技术进行网页设计和制作；4.实验考勤：参与实验课程的积极性高，完成实验任务，遵守实验室纪律。
六、实验资源与环境1.实验室设备：计算机，投影仪等2. 实验软件：Sublime Text、Adobe Dreamweaver等3. 网络资源：W3School、GitHub、Stack Overflow等七、实验参考教材1. 《HTML与CSS设计与构建网站》（第3版），Jon Duckett 著2. 《JavaScript权威指南》（第6版），David Flanagan 著以上为《网页设计与制作》课程实验(上机)教学大纲，旨在通过实践项目，培养学生的网页设计与制作能力，提高其创新思维和团队协作能力。
网页设计教学大纲(共3篇)
网页设计教学大纲〔共3篇〕第1篇：网页设计教学大纲网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门理论环节课程，也可以作为其他相关专业的理论课程或选修课，它是一门操作性和理论性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能纯熟地制作出有专业水准的网站。
2、课程任务本门课程在专业教学方案中起着非常重要的作用，通过这门课程，学生可以掌握以下技能和知识：* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在Dreamweaver cs3中的使用。
例如表格、文本、图像、超级链接、层和表单等。
* 熟悉一些网页设计辅助软件的功能和使用方法。
例如Flash、Fireworks、Photoshop等。
* 掌握测试和发布网站的方法。
包括网站测试的内容和方法。
* 可以解决一些网页设计中的常见问题。
* 理解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。
二、课程教学目的与要求1、本课程的根本目的〔1〕使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。
〔2〕本课程学习完毕后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，纯熟掌握其根本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的根本要求〔1〕知识要求深化理解Inter，理解、、HTML等概念及作用；掌握网站设计和发布的1 流程。
理解网站维护管理的意义及重要性，理解效劳器、客户端、阅读器的概念和作用；理解多种网页制作软件和图像处理软件相结合设计网站的好处。
理解Dreamweaver cs3在动态网站上的应用。
《网页设计与制作》教学大纲(2022版)
《网页设计与制作》教学大纲英文名称：Web Design and Production课程代码：221001005课程类别：专业基础课课程性质：必修开课学期：大一第2学期总学时：36（讲课：36）总学分：2考核方式：平时考勤、作业、课堂表现、期末大作业先修课程：计算机基础适用专业：网络与新媒体专业一、课程简介课程是网络与新媒体专业专业基础课，授课学期为大一第二学期，先修课程为《计算机基础》、《计算机网络技术》，后续课程有《动态网页设计》、《新媒体产品设计与管理》、《搜索引擎优化》等。
本课程依据网页设计员、网页制作员、网站管理员所应具备的职业能力，参照计算机高新技术网页制作员4级标准，以互联网上具体企业网站为工作任务，重点培养学生解决实际问题的能力，充分体现“职业性”的特点。
每个模块包含“知识拓展”和“能力拓展”部分，给学生留出足够的拓展空间，引导学生提出自己独特的设计思路，符合高职课程“开放性”的要求。
本课程以学生实践操作为主，要求课程全部在实训室完成，体现高职教育的“实践性”特点。
本课程主要通过理论授课的方式完成教学，授课课时为36学时，考核方式由平时考勤、作业、课堂表现和期末大作业构成。
二、课程目标及其对毕业要求的支撑本课程依据网页设计员、网页制作员、网站管理员所应具备的职业能力，以及计算机高新技术网页制作员（DreamWeaver平台）4级标准，培养学生网页设计与制作的职业能力、认真负责的工作态度、创新进取的学习态度、团结合作的团队精神，培养学生胜任工作岗位的基本技能和综合素质。
三、课程教学要求第一章HTML基础教学内容：第一节 Web技术简介第二节 HTML是什么第三节 HTML入门简介第四节本章总结学生学习预期成果：了解HTML基本概念、web前端技术。
教学重点：无教学难点：无第二章前端开发工具教学内容：第一节前端开发工具第二节新建HTML页面学生学习预期成果：了解前端开发工具，会搭建一个简单的HTML页面。
网页设计与制作》教学大纲
网页设计与制作》教学大纲网页设计与制作》教学大纲一、说明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网站和网页。
2网页中的元素类型。
2常用网站管理与制作软件。
2网站建设流程。
2HTML与CSS入门。
30模块2.初识Dreamweaver。
2熟悉Dreamweaver操作环境。
6网站规划与管理。
网页设计与制作大纲
《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。
“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。
二、课程的任务与目的通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
三、课程总体结构、教学环节和课时分配四、教学内容第一章概述 2学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章 HTML语言基础 2学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。
教学重点与难点：HTML的语法结构、超级链接的语法、表格和框架的基本语法。
第一节 HTML概述一、HTML简介二、HTML语法结构第二节文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节图像编辑一、插入图像二、使用背景图像第四节建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章 Dream weaver基础 2学时教学目的：了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。
网页制作与设计教学大纲
网页制作与设计教学大纲一、课程介绍1.1 课程背景网络技术的迅速发展和互联网的普及，为网页制作与设计带来了巨大的需求。
本课程旨在培养学生掌握基本的网页制作与设计技能，以满足市场对于专业人才的需求。
1.2 课程目标通过本课程的学习和实践，学生将能够掌握网页制作与设计的基本原理、技术和工具，能够独立完成简单的网页制作与设计工作，并具备进一步深入学习与研究的基础。
二、教学大纲2.1 基础知识2.1.1 网页制作与设计的概念及发展历程2.1.2 网页制作与设计的基本原理2.1.3 网页制作与设计的相关标准和规范2.2 网页制作技术2.2.1 HTML标记语言的基本语法和常用标签 2.2.2 CSS样式表的基本语法和属性2.2.3 JavaScript脚本语言的基本语法和常用函数 2.3 网页设计原理2.3.1 网页设计的基本原则和要素2.3.2 色彩搭配和配色原则2.3.3 网页布局设计的基本规则和技巧2.4 网页制作与设计工具2.4.1 Dreamweaver软件的基本使用和功能2.4.2 Photoshop软件的基本使用和功能2.4.3 Illustrator软件的基本使用和功能三、教学方法3.1 理论授课通过讲解基础知识和技术原理，帮助学生全面理解网页制作与设计的基本概念和流程。
3.2 实践操作给予学生实际的网页制作与设计任务，通过动手操作，巩固和应用所学知识。
3.3 学习讨论鼓励学生参与课堂讨论和分享，提高学生的思维能力和创造力。
四、教学评估4.1 平时成绩占比出勤情况、课堂表现、作业完成情况，占总评成绩的30%。
4.2 期末考试占比考察学生对于网页制作与设计知识的理解和应用能力，占总评成绩的70%。
五、参考教材5.1 《网页制作与设计教程》作者：李晓华出版社：清华大学出版社5.2 《网页设计与制作技术教程》作者：韩雪晴出版社：人民邮电出版社六、教学进度安排第一周：课程介绍，基础知识概述第二周：HTML标记语言基础第三周：CSS样式表基础第四周：JavaScript脚本语言基础第五周：网页设计的基本原则和要素第六周：色彩搭配和配色原则第七周：网页布局设计规则和技巧第八周：Dreamweaver软件基本使用和功能第九周：Photoshop软件基本使用和功能第十周：Illustrator软件基本使用和功能第十一周：复习和总结以上为《网页制作与设计教学大纲》的内容，本课程将以理论与实践相结合的方式进行，帮助学生全面掌握网页制作与设计的基本原理、技术和工具，为学生今后从事相关工作或深入研究提供必要的基础。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》教学大纲一、课程说明1、课程代码： 0400302、总学时数：68 ，其中理论环节学时数：44 ，实验实践环节学时数：243、学分： 44、适用专业：计算机应用技术、计算机网络技术、信息安全技术5、本课程的性质、地位和作用本课程是计算机相关专业的专业课程，同时也是网络营销、网络建设与维护等课程的基础，是一门实用性极强，面向网络建设，使用与维护的技术性课程。
与其它课程的关系本课程的先行课程为“计算机基础”，鉴于网页制作与设计的内容，建议与网络技术、ASP程序设计、网站架设与维护课程中相同内容适当协调。
二、教学基本要求1、本课程的目的、任务本课程以当前流行的网页制作工具为例，使学生掌握HTML语言及常用技巧。
鉴于网页设计是一个综合的艺术，除了基本页设代码外，还有图像、声音等综合运用，本课程除介绍流行软件DREAMWEAVER外，还将对FIREWORK、FLASH作详细讲述，使学生掌握网页制作方法。
2、本课程的教学要求（1）知识要求•掌握网页制作原则、方法及常用技术•熟悉一种主流软件，如DREAMWEAVER•了解一定图像制作及动画软件使用，如FLASH、FIREWORK（2）素质要求•敬业精神：树立敬业精神，网页设计与制作必须全身心投入。
•团队精神：大型网络建设及多人制作中，必须合理协调工作风格及分工•较强的自我知识及技术更新能力，快速跟踪网页制作技术新发展。
（3）能力与技能要求•HTML语言的运用与理解•三剑客的使用•设计一个静态网站主要教学方法与手段采用面授和自学相结合；课堂讲授与实习相结合；多媒体教学与传统教学相结合。
三、学时分配2．3 网页的版面布局2．4 网页制作的基本流程第三章超文本标识语言教学目的要求１、掌握：HTML中常见的标签命令。
２、理解：HTML文件的基本结构。
３、了解：HTML中的基本概念和术语。
教学重点：HTML中常见的标签命令。
教学内容3．1 HTML的基本结构3．2 常用的HTML标签命令3．3 综合制作实例第四章网页图像制作——Fireworks教学目的要求１、掌握：矢量图形的绘制方法，图层的使用方法。
２、理解：图形图像的基础知识。
３、了解：Fireworks MX2004的功能、特点及工作界面。
教学重点：矢量图形的绘制方法，图层的使用方法。
教学内容4．1 Fireworks MX 2004简介4．2 矢量图形的绘制4．3 矢量对象的高级处理4．4 文本的应用第五章网页图像处理《网页制作技术》教学大纲教学目的要求１、掌握：Fireworks中处理位图的方法，创建动画的方法，切片、热点的创建方法，及按钮和导航栏的制作方法。
２、理解：图层的使用方法。
３、了解：网页图像处理的基本概念，优化图像的方法。
教学重点：Fireworks中处理位图的方法，创建动画的方法，切片、热点的创建方法，及按钮和导航栏的制作方法。
教学内容5．1 位图图像处理5．2 动画的制作5．3 图像的切割5．4 按钮、导航栏和弹出菜单的制作5．5 图像的优化导出5．6 综合制作实例第六章网页动画制作——Flash教学目的要求１、掌握：使用绘图工具栏来创建图形、文本对象，元件和实例创建及编辑方法。
２、理解：帧帧动画、运动补间动画、形状补间动画的创建方法。
３、了解：Flash 的功能和特点，基本术语。
教学重点：帧帧动画、运动补间动画、形状补间动画的创建方法。
教学内容6．1 Flash MX 2004的简介6．2 Flash MX 2004的基本操作6．3 元件与实例6．4 基本动画制作6．5 综合制作实例第5 页共11 页第七章高级动画制作教学目的要求１、掌握：创建引导层动画的方法，遮罩动画的方法。
２、理解：制作文字特效，声音的添加方法。
３、了解：导出和发布动画的方法。
教学重点：创建引导层动画的方法，遮罩动画的方法。
教学内容7．1 创建引导层动画7．2 创建遮罩层动画7．3 文字特效制作7．4 为动画添加声音7．5 发布与导出动画7．6 综合制作实例第八章网页制作工具——Dreamweaver教学目的要求１、掌握：Dreamweaver MX2004创建和编辑站点的方法，插入网页元素及创建和编辑网站链接的操作方法。
２、理解：Dreamweaver MX2004的工具面板及属性面板的使用。
３、了解：Dreamweaver MX2004的功能和特点，站点发布的基本方法。
教学重点：Dreamweaver MX2004创建和编辑站点的方法，插入网页元素及创建和编辑网站链接的操作方法。
教学内容8．1 Dream weave MX 2004简介8．2 Dream weave MX 2004的基本操作8．3 网站的外国链接与导航《网页制作技术》教学大纲8．4 站点的整理与上传8．5 综合制作实例第九章表格排版制作网页教学目的要求１、掌握：表格插入、添加内容、设置属性的方法，嵌套表格的插入方法。
２、理解：布局视图的使用方法，利用表格进行排版布局。
３、了解：表格各部分名称的含义。
教学重点：表格插入、添加内容、设置属性的方法，嵌套表格的插入方法。
教学内容9．1 表格的基本操作9．2 表格的其他视图9．3 综合制作实例第十章嵌入表单元素教学目的要求１、掌握：创建表单的方法，插入各表单对象的方法，对表单排版的整理方法。
２、理解：用表格来控制表单的显示和整体提交。
３、了解：表单的功能和含义。
教学重点：创建表单的方法，插入各表单对象的方法，对表单排版的整理方法。
教学内容10.1 创建表单10.2 创建文本域10.3 创建选框与列表10.4 创建文件上传域10.5 创建按钮10.6 创建跳转菜单第7 页共11 页10.7 综合制作实例第十一章网页的框架结构教学目的要求１、掌握：框架的创建方法，如何利用框架制作网页。
２、理解：框架面板的使用方法，框架及框架集的概念。
３、了解：框架集的属性设置，框架集的各种操作。
教学重点：框架的创建方法，如何利用框架制作网页。
教学内容11.1 创建框架11.2 框架的属性设置11.3 保存框架11.4 综合制作实例第十二章利用图层制作网页教学目的要求１、掌握：插入层、设置层属性的方法，改变层叠放顺序的方法，利用层进行排版布局。
２、理解：层与表格相互转换的方法。
３、了解：图层的含义和特点。
教学重点：插入层、设置层属性的方法，改变层叠放顺序的方法，利用层进行排版布局。
教学内容12.1 层的特点12.2 层的基本操作12.3 层与表格的转换12.4 综合制作实例《网页制作技术》教学大纲第十三章利用模板制作网页教学目的要求１、掌握：创建、编辑模板的方法，以及如何利用模板制作网页。
２、理解：模板自动更新的方法。
３、了解：模板的功能特点和基本术语。
教学重点：创建、编辑模板的方法，以及如何利用模板制作网页。
教学内容13.1 创建模板13.2 模板的编辑13.3 模板的应用13.4 综合制作实例第十四章应用CSS样式表教学目的要求１、掌握：CSS样式的创建方法，CSS样式中各类样式的定义方法，管理CSS样式及CSS样式的应用。
２、理解：CSS各咱滤镜的效果及应用。
３、了解：CSS样式的特点。
教学重点：CSS样式的创建方法，CSS样式中各类样式的定义方法，管理CSS样式及CSS样式的应用。
教学内容14.1 关于CSS样式表14.2 样式的创建与应用14.3 CSS样式化网页14.4 综合制作实例第9 页共11 页第十五章应用行为和JavaScript制作特效教学目的要求１、掌握：行为的应用方法，浮动层的制作方法。
２、理解：行为面板的使用。
３、了解：行为和事件的概念，JavaScript的特点。
教学重点：行为的应用方法，浮动层的制作方法。
教学内容15.1 在Dream Weaver中添加行为15.2 制作JavaScript特效15.3 综合制作实例第十六章动态网页制作教学目的要求１、掌握：ASP编程的基础知识。
２、理解：ASP的基本概念。
３、了解：ASP访问数据库的对象ADO。
教学重点：ASP编程的基础知识。
教学内容16.1 ASP简介16.2 ASP编程基础（二）实验大纲内容1．教材56页，综合制作实例。
2．Fireworks 综合制作实例——制作网站标志（教材76页）3．Fireworks 综合制作实例——制作简单页面（教材100页）4．Flash综合制作实例——制作网页动画（教材129页）5．Flash综合制作实例——制作广告动画（教材153页）《网页制作技术》教学大纲6．Dreamweaver综合制作实例——制作多媒体网页（教材183页）7．Dreamweaver综合制作实例——制作网站首页（教材200页）8．Dreamweaver综合制作实例——制作用户注册表（教材214页）9．Dreamweaver综合制作实例——制作框架网站页面（教材229页）10．Dreamweaver综合制作实例——利用图层制作网页（教材237页）11．Dreamweaver综合制作实例——利用模板制作栏目页（教材246页）12．Dreamweaver综合制作实例——制作浮动广告（教材279页）五、考核方式和要求本课程考核以上机操作为主总成绩：平时成绩（50分）：课堂出勤5分教学参与：10分平时作业：10分单元测试：10分半期成绩：15分期末上机考试（50分）六、教材和参考书目《网页制作技术》，许莉、李汉娇主编，中国水利水电出版社。
《网页设计与制作》，孙振业主编，高等教育出版社。
《网页设计与制作教程》，杨选辉主编，清华大学出版社。
《网页设计与制作》，丁爱萍主编，中国水利水电出版社。
编制人：计算机教研室XXX审核人：XXXX编制时间：2008年3月第11 页共11 页。