(完整版)网页设计与制作教学大纲
网页设计与制作-教学大纲
《网页设计与制作》教学大纲适用专业：计算机相关专业一、大纲说明（一）课程的性质和特点本课程使用的设计工具是 Dreamweaver 8，它是一个十分专业化、完全可视化的网页设计工具，无论对于专业还是业余的Web设计师，它都是一个完美的设计工具。
本课程还使用了Firework 8和Flash 8。
在页面修饰、图形处理方面，Firework 可以与任何一套专业级图形处理软件相媲美。
在页面交互性和可视化效果方面，Flash更是无人能及。
它是一个专业的矢量编辑和动画创作专业软件，专门用于制作Web页中的电影动画和交互动画。
Dreamweaver 、Firework、Flash在网页及Web应用的设计上配合的天衣无缝；同时又由于它们出自同一个公司，它们之间存在着许多相似的地方，只要熟悉其中之一，其他两个也就触类旁通，很适合本校学生学习和使用。
本课程是一门专业实践课,通过本课程的学习, 要求学生能够理解网页制作的基本概念和基本原理，能够掌握网页制作的方法与技巧,能够利用设计工具完成网页制作和网站管理, 能够了解最新的网页制作技术的应用。
（二）课程设置的目的“网页设计与制作”是为培养网站管理与开发的应用型人才所设置的专业课，它使学生能够了解和掌握网站与网页的建立过程和开发技巧。
二、教学内容及要求（一）理论教学内容及要求第一章网站与网页设计基础内容：网站的目录结构和链接结构，确定网站的整体风格和创意设计，关于网页的各种基础知识、网页的设计原则和网站的主题风格等内容。
要求：理解网页和网站的基本概念，了解网站的目录结构、网站的创意和布局等网页设计基本知识。
了解网站制作的流程。
第二章网站的建立与页面文档的创建内容：Dreamweaver 8的新特性， Dreamweaver 8工作界面，简单的页面操作，网页元素的运用，网页链接。
要求：通过本章的学习，用户应学会在创建站点之前如何对站点进行规划，如何创建本地站点，如何编辑管理站点，如何创建HTML文档，以及如何设置文档的属性。
网页设计与制作课程教学大纲
《网页设计与制作》课程教学大纲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脚本第七周：网页编辑器使用第八周：网页调试与测试第九周：网页发布和维护第十周：课程总结和复习，期末考试。
(完整版)网页设计教学大纲
网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
2 、课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在Dreamweaver cs3中的使用。
例如表格、文本、图像、超级链接、层和表单等。
* 熟悉一些网页设计辅助软件的功能和使用方法。
例如Flash、Fireworks、Photoshop等。
* 掌握测试和发布网站的方法。
包括网站测试的内容和方法。
* 能够解决一些网页设计中的常见问题。
* 了解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。
二、课程教学目标与要求1、本课程的基本目标（1）使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。
（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的基本要求（1）知识要求深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的流程。
理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。
了解Dreamweaver cs3在动态网站上的应用。
（完整版）《网页设计与制作》课程教学大纲.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 著以上为《网页设计与制作》课程实验(上机)教学大纲，旨在通过实践项目，培养学生的网页设计与制作能力，提高其创新思维和团队协作能力。
《网页设计与制作》课程教案大纲.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）网页模板。
网页设计与制作》教学大纲
网页设计与制作》教学大纲网页设计与制作》教学大纲一、说明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网站规划与管理。
《网页设计与制作》课程大纲
《网页设计与制作》课程大纲《网页设计与制作》课程教学大纲适用专业：计算机网络技术学时：64学时一、编写说明（一）本课程的性质、目的和任务《网页设计与制作》是计算机网络技术专业的一门专业基础课。
通过本课程的学习，使学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识，达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。
在完成基本知识教学的同时，还要通过实践环节，强化对学生动手能力的培养与训练。
（二）课程教学的基本要求通过本课程的学习，要求学生掌握HTML语言的文档结构和基本标签使用，能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页；掌握规划、开发、发布和管理静态网站的专业知识和技能；能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。
（三）实践环节（四）本课程与其它课程的关系先修课程：计算机应用基础、图像处理软件PhotoShop后续课程：动态网站开发、中小型网站设计与开发等（五）教学时数分配表（六）考核方式与要求1.该课程是考查课2.考核形式：上机操作3.成绩的计算方法：①平时成绩：40％（主要评估学生的现实表现）②试卷成绩：60％（七）教材与主要参考书1.教材：《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社，2013年1月2.主要参考书：《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社，2014年6月二、课程各章教学内容纲要第1章Dreamweaver CS6基础知识1.教学基本要求（1）了解Dreamweaver CS6的工作界面及新功能2.具体教学内容（1）Dreamweaver CS6 简介△（2）Dreamweaver CS6 的工作界面（3）Dreamweaver CS6 的新功能第2章文本的处理与控制1.教学基本要求（1）理解HTML文件的基本结构（2）掌握文本的基本设置和项目列表的使用方法2.具体教学内容（1）设置网页标题（2）HTML文件的基本结构△（3）文本的基本设置（4）项目列表○（5）使用外部文本第3章建立超级链接1.教学基本要求（1）理解超级链接的概念（2）掌握为文本添加链接的方法，以及制作电子邮件链接，添加锚链接的方法2.具体教学内容（1）超级链接的概念△（2）为文本添加链接（3）检查链接△（4）制作电子邮件链接（5）下载链接△（6）添加锚链接第4章在网页中使用图像1.教学基本要求（1）掌握在Dreamweaver中插入图片以及处理图片的方法（2）掌握添加背景图像和使用Photoshop文件的方法2.具体教学内容（1）网络图形格式（2）在Dreamweaver中插入图片△（3）在Dreamweaver中处理图片（4）使用热区（5）制作鼠标指针经过图像（6）插入图像占位符△（7）添加背景图像○（8）使用Photoshop文件第5章在网页中使用多媒体1.教学基本要求（1）掌握在网页中使用Flash的方法（2）熟悉在网页中添加其他插件的方法2.具体教学内容△（1）在网页中使用Flash（2）在网页中添加其他插件第6章使用表格布局页面1.教学基本要求（1）理解页面布局及表格的相关知识（2）掌握表格的使用方法和表格式数据的处理方法2.具体教学内容（1）页面的布局（2）认识表格△（3）使用表格（4）格式化表格△（5）导入表格式数据△（6）导出表格式数据○（7）扩展表格模式和标准模式第7章使用AP Div布局页面1.教学基本要求（1）掌握AP Div的创建方法以及基本操作（2）掌握AP Div的属性设置方法和使用“AP 元素”面板的方法（3）熟悉AP Div的常见使用技巧2.具体教学内容（1）创建AP Div△（2）AP Div的操作△（3）设置AP Div的属性（4）使用“AP 元素”面板○（5）AP Div的使用技巧第8章使用层叠样式表1.教学基本要求（1）掌握层叠样式表（CSS）的创建和CSS样式的使用方法（2）掌握Div标签的应用方法2.具体教学内容（1）层叠样式表基础（2）在Dreamweaver中创建层叠样式表△○（3）使用CSS 样式（4）ID（5）标签（6）复合内容△（7）使用Div标签○（8）CSS布局块可视化第9章使用流体网格布局1.教学基本要求（1）掌握流体网格布局创建的方法和使用流体网格布局网页的方法（2）熟悉使用媒体查询重置样式的方法2.具体教学内容（1）流体网格布局简介△○（2）使用流体网格布局（3）使用媒体查询重置样式第10章使用模板和库1.教学基本要求（1）掌握模板的创建、编辑和管理方法以及软件自带模板的使用方法（2）熟悉库的创建与管理方法2.具体教学内容△（1）使用软件自身提供的模板△（2）创建自定义模板（3）创建模板的可编辑区域（4）使用可选区域（5）使用重复区域（6）应用模板（7）编辑和更新模板（8）在基于模板的文档中编辑内容（9）管理模板○（10）库项目第11章使用行为1.教学基本要求（1）熟悉行为的应用、修改和设置方法2.具体教学内容（1）什么是行为△（2）应用行为（3）修改行为○（4）设置行为第12章使用表单1.教学基本要求（1）掌握表单的使用方法（2）熟悉spry构件的相关知识2.具体教学内容（1）表单的工作模式（2）在页面中插入表单△○（3）插入表单对象并设置其属性○（4）Spry构件第13章网站的创建与管理1.教学基本要求（1）掌握网站的创建与管理方法2.具体教学内容○（1）规划网站（2）使用“资源”面板△（3）创建Dreamweaver本地站点△（4）管理站点信息（5）创建和管理文件注：△-表示重点○-表示难点编写人：审核人：。
网页制作与设计教学大纲
网页制作与设计教学大纲一、课程介绍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)。
《网页设计与制作》课程教学大纲
课程编号:
课程名称：网页设计与制作
课程类型:专业基础课
总学时：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章文本和图像处理
教学内容：
文本属性面板
编辑文本和插入对象
设置文本的格式
编号与项目符号
在网页中插入图像
图像的应用
教学要求：
掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。
理解：如何进行图像调整。
第4章表格与页面布局
教学内容：
表格的基本操作
单元格的基本操作
表格的自动套用格式
表格的创建
表格的编辑
创建布局单元和表格
教学要求：
掌握：如何插入、编辑表格，创建布局单元和表格。
理解：表格在网页排版中的作用。
了解：使用页面布局模式进行网页排版的方法。
第5章创建超级链接
教学内容：
链接分类
创建超级链接
链接的四种状态
创建Email链接
管理超级链接
教学要求：
掌握：创建超级链接和Email链接，会设置链接的各种状态。
理解：超级链接几种状态之间的差别和共同点。
了解：创建Email链接中的各种技巧。
第6章层与层动画
教学内容：
层的概念
创建层
层操作
层与表格的相互转换
层动画的概念与设计
教学要求：
掌握：层的概念与使用
理解：层动画的概念与设计
第7章框架与框架网页
教学内容：
框架的基本概念
创建框架和框架集
框架的使用
框架和框架集的属性设置
教学要求：
掌握：框架和框架集的创建；框架的使用。
理解：使用框架的优缺点。
第8章创建ＣＳＳ样式表
教学内容：
CSS层叠式样式表
定义CSS样式表
创建并链接到外部CSS样式
设置CSS样式的格式化参数
设置超链接显示状态
添加各种ＣＳＳ效果
教学要求：
掌握：内部ＣＳＳ和外部ＣＳＳ的添加方法，编辑ＣＳＳ属性，使用ＣＳＳ进行页面的排版，创建各种ＣＳＳ效果。
理解：使用CSS排版的优点。
了解：如何使用ＣＳＳ控制背景、鼠标以及添加其它特殊效果。
第9章资源、模板和库
教学内容：
资源管理
模板的创建
模板的编辑
定义模板可编辑区域
创建，管理和编辑库项目
教学要求：
掌握：模板的创建，模板的编辑，定义模板可编辑区域
理解：资源管理
了解：创建，管理和编辑库项目
第10章媒体对象的应用
教学内容：
插入Flash对象
插入Shockwave对象
插入视频
插入ActiveX控件与Java小程序
填加声音
教学要求：
掌握：插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java 小程序、填加声音
第11章表单处理
教学内容：
表单概述
表单对象
创建表单
处理表单
创建动态表单
教学要求：
掌握：创建表单、处理表单和设置表单参数。
理解：表单的概念和作用。
了解：如何使用表单创建交互式界面。
第12章创建Web站点
教学内容：
站点规划
在Dreamweaver8中创建站点
管理站点与站点文件
使用站点地图
为网站指定服务器技术
教学要求：
掌握：规划站点、建立和管理站点；使用站点文件和地图。
理解：创建站点的必要性。
了解：服务器技术的指定。
第13章制作动态网站
教学内容：
Access数据库基础
ODBC数据源设置
ASP与Web服务器配置
Dreamweaver8动态网站设计
创建与数据库连接
教学要求：
掌握：数据源的设置，如何配置Web服务器，如何创建与数据库的链接。
理解：数据库在动态网站设计中角色的重要性。
了解：设置数据源和创建数据库链接的技巧
第14章网站的维护和上传
教学内容：
在本机中测试网站
预览网页效果
网站的查错
发布网站到服务器
教学要求：
掌握：Dreamweaver8的测试、预览和发布设置。
理解：网站排错的必要性。
了解：如何发布网站到服务器。
四、实践环节：
实训1：建立Web网页
实训2：利用表格进行网页排版
实训3：使用页面布局模式
实训4：对网页进行排版应用ＣＳＳ格式表实训5：在网页中应用模板
实训6：在网页中应用库
实训7：在网页中插入导航条和翻转按钮实训8：插入Flash及多媒体内容
实训9：使用层进行网页的排版和布局
实训10：自行设计和制作个人网站
实训11：自行设计和制作商业网站
五、课外习题及课程讨论：
正文为宋体，5号字
六、教学方法与手段：
板书讲授、多媒体演示
七、各教学环节学时分配：
八、考核方式：
1. 考核方式：闭卷考试。
2. 成绩核定办法：采取闭卷理论考试与平时考查、上机实验相结合的方法评定成绩。
其中：理论考试70%；平时30%（包括实验，作业，平时课堂考勤等）。
九、推荐教材和教学参考书：
教材：《》，ⅹⅹ编著，ⅹⅹ出版社，ⅹⅹ年。
参考书：《》，ⅹⅹ编著，ⅹⅹ出版社，ⅹⅹ年。
十、说明：
大纲制订人：（宋体，5号字）
大纲审定人：
制订日期：。