《网页设计与制作》课程实验教学大纲
网页设计与制作(教学大纲)
《网页设计与制作》教学大纲一、课程说明1、课程代码： 0400302、总学时数：68 ，其中理论环节学时数：44 ，实验实践环节学时数：243、学分： 44、适用专业：计算机应用技术、计算机网络技术、信息安全技术5、本课程的性质、地位和作用本课程是计算机相关专业的专业课程，同时也是网络营销、网络建设与维护等课程的基础，是一门实用性极强，面向网络建设，使用与维护的技术性课程。
与其它课程的关系本课程的先行课程为“计算机基础”，鉴于网页制作与设计的内容，建议与网络技术、ASP程序设计、网站架设与维护课程中相同内容适当协调。
二、教学基本要求1、本课程的目的、任务本课程以当前流行的网页制作工具为例，使学生掌握HTML语言及常用技巧。
鉴于网页设计是一个综合的艺术，除了基本页设代码外，还有图像、声音等综合运用，本课程除介绍流行软件DREAMWEAVER外，还将对FIREWORK、FLASH作详细讲述，使学生掌握网页制作方法。
2、本课程的教学要求（1）知识要求•掌握网页制作原则、方法及常用技术•熟悉一种主流软件，如DREAMWEAVER•了解一定图像制作及动画软件使用，如FLASH、FIREWORK（2）素质要求•敬业精神：树立敬业精神，网页设计与制作必须全身心投入。
•团队精神：大型网络建设及多人制作中，必须合理协调工作风格及分工•较强的自我知识及技术更新能力，快速跟踪网页制作技术新发展。
（3）能力与技能要求•HTML语言的运用与理解•三剑客的使用•设计一个静态网站主要教学方法与手段采用面授和自学相结合；课堂讲授与实习相结合；多媒体教学与传统教学相结合。
三、学时分配《网页制作技术》教学大纲四、大纲具体内容（一）教学大纲内容第一章 Internet 基础教学目的要求１、掌握：Internet的接入方法，IP地址、域名。
２、理解：Intranet的基本概念，TCP/IP分层模型、IP协议基本内容。
３、了解：Internet的产生、发展、现状、构成和功能。
《网页设计与制作》课程教学大纲
《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时：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页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
三、课程学时分配四·课程教学中应注意的问题理论课讲解WEB页面开发的原理及方法，并在多媒体教师机上进行演示操作；实验课在专业机房协助学生解决课上遗留问题，并安排学生进行实践操作巩固学习效果；考核方法：期终考试占40％，实验成绩20％，平时成绩和作业占40％。
《网页设计与制作》课程教学大纲
《网页设计与制作》课程教学大纲一、课程的性质和任务课程性质：《网页设计与制作》是现代汽车技术/计算机及应用专业的一门选修课程，是学习网页设计与制作的一门重要课程。
主要任务：向学生全面介绍与网页设计制作有关的知识，向学生阐明Web 基本工作机制，并使学生具有解决一般网页制作问题的能力。
与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。
掌握通过HTML语言、FrontPage、Flash工具软件设计制作一个网站的方法与技巧。
基本要求：1、了解Internet的过去、现在和将来及有关WWW、HTTP、HTML、CSS的定义，概念和作用；2、了解图像的几种格式：GIF、JPEG、PNG和矢量图格式，它们各自的特点和差别；3、理解服务器、客户端、浏览器的概念和作用；4、深入理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记、表格、框架、表单的作用；5、理解客户端脚本程序的工作方式；6、熟练掌握使用绝对和相对URL，创建超链接，图象链接，图象映射的建立方法；7、会使用FrontPage2000、DreamWeaver等网页制作工具制作网页；二、课时分配课程教学总学时数为42学时，具体分配见课时分配表。
课时分配表三、本课程的教学内容第一章 HTML概述什么是HTML；什么是WEB；HTML的定义；基本的HTML语法；标记符的属性； WEB页的基本结构；HTML标记；首部标记；正文标记符；添加注释；显示特殊字符。
第二章页面背景与颜色控制页面背景；背景颜色；背景图案；字符和链接的颜色。
第三章文本格式字符格式；物理字符样式；逻辑字符样式；段落格式；分段与换行；段落对齐。
第四章列表格式有序列表；OL标记符和LI标记符；有序列表的嵌套；无序列表；定义无序列表；混合嵌套列表；定义列表；创建定义列表；使用定义列表缩排文档第五章使用图象WEB页图象格式；在网页中插入图象；IMG标记符及其基本属性；图象布局；使用GIF动画；创建GIF动画；注意事项；使用网页图象的要点。
《网页设计》实验教学大纲
《网页设计》实验教学大纲课程编号：6386课程类别：专业实验学时：10周学分：5适用专业：动画艺术设计一、实验教学目的和任务本课程是高等院校电脑艺术专业学生的专业课程。
针对网页设计与制作人员的要求，结合高职高专人才培养的特点，精心安排和组织了以实践岗位为中心的内容，通过对本课程的学习，学生能够掌握有关网页制作的技术及其综合应用：如网站规划、页面组织、素材准备等，通过实践训练，能够举一反三，能够将所学知识点与工作技巧融合，为本专业学生将来成为“职场精英”打下坚实的基础，本课程侧重于实际的软件开发，加强实践环节，提高网页制作能力，使学生适应当前的计算机网络流行趋势。
二、实验教学基本要求（一）实验室选择的要求实验地点应保证每位同学有一台电脑。
本次实验地点选择在校内的艺术设计学院的二维实验室。
（二）对指导教师的要求实验指导老师应有较强的工作责任心和耐心，较全面的网页制作技术素质，较强的电脑操作水平。
采取集中讲解示范和个别辅导的方式进行教学，悉心手把手逐个指导学生，应有百问不烦，诲人不倦的工作作风来完成实验指导的各项教学任务。
（三）对学生的要求（1）、实验材料准备：（2）通过该课程的学习，学生应该掌握网页设计的基础知识和网页设计基础理论，提高学生进行网页设计的能力，培养学生对网页设计的创意思维。
（3）按要求完成网页设计实验报告。
三、实验教学内容实验项目一：第一章、基础知识1、掌握网页设计的基本工作流程，以及Dreamweaver 在整个流程中的重要性2、了解HTML 的基本语法，会修改常用的HTML 标签3、掌握建立网页的基础知识实验项目二：操作环境1、熟悉Dreamweaver 的工作环境，了解Dreamweaver 界面特色和优势2、掌握工作区布局的设定、存储工作区、隐藏面板3、掌握各种视图模式、显示模式以及网页编辑界面和网站管理界面的切换4、熟悉各种面板，包括常用面板、属性面板等5、掌握网页文件的预览、编辑浏览器列表、设置临时文件预览实验项目三：文字编辑与链接1、掌握可用于网站的四种中文字体，修改文档的页面属性、边距、链接、标题2、掌握设置段落的凸出、缩进、段落、对齐3、掌握设置段落的列表样式，包括项目、编号、自定义等4、熟练掌握拼写检查、查找与替换5、熟练掌握输入空格、回车的特殊要求和方法6、掌握与其它程序，如Photoshop 和Flash 交换颜色值7、熟练掌握建立链接，链接的多种设置方法、链接的四种状态8、掌握设置下载文件的链接、设置电子邮件链接、为电子邮件链接加入主题、抄送等信息9、掌握插入日期、存储时自动更新设置、插入注释10、掌握命名锚记，设置锚链接、在外部网页中设置锚链接实验项目四：设计与排版1、熟练掌握标尺和网格的使用方法2、掌握插入和编辑水平线、控制水平线的颜色、粗细3、熟练掌握图文混排及设置图文间距4、熟练掌握新建并设置表格属性，单元格边距、单元格间距、页眉等5、掌握选择、插入、删除、合并、拆分表格、嵌套表格6、掌握格式化表、排序表、导入导出表格数据7、掌握绘制层、嵌套层、层面板、卷动层、层Z 轴、层剪辑、转换层8、掌握跟踪图像的概念和使用方法9、掌握框架的创建、应用、设置和存储10、掌握使用链接在框架间跳转，控制框架内容, 框架面板的使用11、了解标准模式、扩展表格模式和布局模式的概念和应用实验项目五：插入图像、多媒体对象1、熟练掌握常用于网站的三种图像格式，图像的插入、基本编辑、图像热点的设置2、掌握图像的编辑选项，Fireworks 最优化、裁切、重新取样、亮度对比度、锐化3、掌握插入图像占位符、鼠标经过图像、Fireworks Html 和导航条，创建网站像册4、掌握插入Flash、Flash 按钮、Flash 文本，设置Flash 属性5、掌握插入Director Shockwave 影片、插入Applet、ActiveX 对象实验项目六：CSS 样式表1、掌握附加外部样式表，链接方式和导入方式2、掌握新建样式，类、标签和高级，新建样式表文件和仅对该文档3、掌握修改文字和链接样式、修改背景图片的位置和重复，固定和滚动4、掌握设置区块，中文文字间距、对齐和缩进5、掌握设置表格单独边框的粗细、颜色6、掌握设置列表，图片项目符号7、掌握设置视觉效果滤镜，如鼠标指针形状、翻转网页、彩色网页边缘、文字阴影和发光等8、掌握编辑文件头内容，定义Meta 元数据、关键字、说明、自动刷新、跳转、页面缓冲等实验项目七：行为1、掌握显示事件、调用JavaScript、交换图像、显示/ 隐藏层2、掌握网页菜单、检查插件浏览器、控制Flash、设置状态栏文本3、掌握检查插件、播放声音、弹出广告窗口（单击弹出和自动弹出）实验项目八：库、模板、高级模板1、掌握创建、插入、编辑库项目, 知道库所在的文件夹位置2、掌握创建和设置模板、定义可编辑区和锁定区域、应用模板、分离模板3、掌握创建基于现存模板的文档4、掌握创建嵌套模板、管理模板5、掌握模板的可选区域和重复区域6、掌握创建可编辑的可选区域、重复表格实验项目九：站点资源管理1、熟练掌握资源面板, 资源的收藏、归类、添加和删除，查看和刷新2、掌握创建资源别名、使用资源面板应用颜色和链接3、掌握新建并设置一个站点，本地和远程信息的设置，站点地图查看模式4、掌握Index.html 文件和Images 文件夹5、掌握连接远端主机，上传本地文件到服务器，下载文件到本地6、掌握比较和同步本地文件与远端文件7、掌握查找断开的、外部的和孤立的链接实验项目十：动态网站基础1、掌握安装、设置IIS、创建ASP 环境2、了解数据库基础及使用3、掌握设置测试服务器、设置数据源4、掌握数据库绑定、服务器行为四、实验项目与学时分配实验项目与学时分配表序号实验项目名称学时实验类型实验主要仪器设备备注1 基础入门4基础型电脑2 操作环境 4 基础型电脑3 文字编辑4 基础型电脑4 设计与排版 4 基础型电脑5 插入图像 4 基础型电脑6 CSS 样式表 4 基础型电脑7 行为 4 基础型电脑8 高级模板 4 基础型电脑9 站点管理 4 基础型电脑10 动态网站 6 基础型电脑五、实验考核办法与成绩评定1、考核目的：考察学生对网页设计相关知识的掌握程度2、考核形式：采用平时成绩与考勤、实验报告相结合的方式。
《网页设计与制作》课程实训大纲(精)
《网页设计与制作》课程实训大纲一、课程实训目的1、学习掌握INTERNET基础知识，掌握网页设计语言（HTML）基础。
2、熟练运用设计CSS控制网页风格，学习网页版面设计。
3、初步掌握动态网页设计基础，熟练掌握至少一种专业的可视化网页（站）设计软件（如DREAMWEA VER）。
4、了解后台网络数据库基础知识，具有设计制作网页和构架网站的基本技能。
二、实训内容、要求及时间安排1、小型网站设计（内容不限，可自选），也可做学院网站或系网站（资料在网站下载）2、要求：根据教师指定的网站开发内容，根据网站设计规范利用常用网页技术进行设计。
设计的网站要求结构合理，版面美观大方，颜色合理，风格一致，并运用适当的动态网页技术进行修饰。
3、时间安排（1）资料收集、制定计划0.5天（2）开发设计、制作3天（3）检查、测试0.5天（4）有关文档资料撰写1天三、设计组织形式以小组为单位进行网站开发。
网站开发是以个人独立完成网站小组栏目中网页设计的多人协作项目。
每小组人数最多4名，先以自由组合方式成组，并自行选出负责的小组长。
每小组设组长一名，负责小组统筹规划，并进行组员的日常工作管理。
未能组合成组的同学由指导教师统一安排。
组员应服从组长的安排，并积极完成规定的开发任务。
组长有义务对组员进行工作的安排和调度，并单独进行考评，作为教师对组员最后评分的参考依据之一。
对不服从分配工作和管理的组员，组长可以向指导教师反映，由教师另行单独安排相应内容，独立完成其他指定的网页内容设计，并单独考核其成绩。
小组网站能否按期完成，组员间能否协同工作将作为组长的综合成绩考评依据之一。
四、设计纪律与注意事项在开发网站期间，一般上午由教师巡回辅导答疑，下午或晚上由学生自行独立设计。
组长应每天记录相应的开发情况，以供教师参考。
小组还应该不定期的进行讨论并纪录相应问题，并及时提出和解决。
在设计期间，除了必要的资料收集、讨论等活动，白天的其余时间必须在学校机房进行设计。
网页设计与制作教学大纲
《网页制作及设计》教学大纲学时：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制作网页的方法。
《网页设计与制作》教学大纲
学习领域课程标准目录一、课程性质 (1)二、课程目标 (1)（一）典型工作任务 (1)（二）专业能力与知识目标 (2)三、课程内容安排、课程任务 (10)（一）课程结构、课程任务、课程内容 (10)（二）实践教学体系 (17)（三）认证培训 (18)四、教学方法、教学活动与作业 (18)（一）课程范型 (18)（二）问题中心课程 (18)（三）项目中心课程 (18)（四）证书培训中心课程 (20)（五）主要教学方法 (20)五、专业素质和职业素养教育 (21)六、课时安排 (21)（一）考核评价模式 (22)（二）考核评价类型与分值 (24)（三）考核评分点及评分标准 (25)七、教材及教参 (25)（一）教材 (25)（二）教参 (26)一、课程性质本课程是为本院计算机网络技术专业的学生所开设的一门专业技术课程，本课程的目的是让学生在已学完计算机基础、计算机网络等课程的基础上进一步掌握网页设计的基本技能。
为今后网站艺术设计、设计动态网页奠定基础。
对今后从事网页设计的学生，为深入掌握DIV+CSS 奠定基础。
职业面向：从事网页设计与制作、网页美工职业拓展：网站建设、搜索引擎优化二、课程目标通过本课程的学习，使学生具备手工编写HTML 代码的能力，能够使用Dreamweaver及photoshop工具设计一个完整的静态网站的能力并具有建立站点、管理站点、测试网站与发布网站的能力，具有良好的团队合作精神、获取知识能力、网页设计创意思维能力、色彩感悟能力等素质，达到职业技能鉴定网页制作（Dreamweaver 平台）中高级水平。
（一）典型工作任务根据“计算机网络技术专业培养方案”和职业岗位工作任务分析，确定《网页设计与制作》学习领域，如表1 所示。
表 1 学习领域设计表（二）专业能力与知识目标根据表1 学习领域设计表，确定专业能力与知识目标见如下表2 所示。
表 2 专业能力与知识目标（三）学习情境按照项目任务的编排方式，整合专业能力与知识目标对学习领域的教学内容进行序化，设计出如下图所示8 个网页设计与制作学习情境：（四）专业素质目标１.具有一定策划能力２.具有一定想象力３.色彩感悟能力４.结构布局能力（五）综合能力和职业素养培养目标1.团队协作精神2.自主学习能力3.沟通能力4.表达能力5.获取知识能力6.创新能力7.乐观精神8.敬业精神9.感悟能力10.知识应用能力11.自我发展能力12．责任感13.效率观念三、课程内容安排、课程任务（一）课程结构、课程任务、课程内容分析课程实施的内、外部环境如表3 所示，结合课程目标确定课程结构、课程任务、课程内容，课程分为八个学习情境，“东营培训网”网站制作项目分解到相应的教学单元，如表4 所示。
《网页设计与制作及实训》教学大纲
《网页设计与制作及实训》教学大纲课程名称：网页设计与制作适用层次、专业：高职高专学时：64学时学分：4课程类型：必修课课程性质：专业课先修课程：《计算机应用基础》、《电子商务概论》、《网络技术》等一、课程的教学目标与任务本课程是一门操作性很强的专业技术课。
它的主要任务是通过本课程的学习，使学生掌握HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用Fireworks、进行图片处理，能熟练运用Flash制作网页动画；能维护、管理和设计WEB应用程序；能独立设计WEB站点。
二、本课程与其他课程的联系和分工本课程是学生在学习了《计算机基础》、《电子商务概论》、《网络技术》、等课程之后，开设的一门专业课。
通过学习，培养学生具有制作一般商业网站的能力，同时了解网页网站的技术发展趋势、最新的技术动态和网页、网站制作软件平台。
它将为后续开设的《ASP网络程序设计》、《JA V A程序设计》等课程奠定坚实的基础，学生通过学习本课程，可参加网页设计师和平面设计师及网站后台开发工程师等认证。
三、课程讲授内容及基本要求（一）网页设计基础知识（总学时：2；其中理论：1，上机：1）1.1 internet基础1.2 网页制作工具1.3 HTML语言1．基本要求（1）了解WWW服务；（2）了解网页设计工具；（3）掌握HTML语言。
2．重点、难点重点：网页的开发流程和HTML标签。
难点：HTML标签。
3．说明：（二）创建站点（总学时：2；其中理论：1，上机：1）2.1 Dreamweaver MX 8.0 工作界面2.2 定义本地站点1.基本要求（1）了解DREAMWERVER工具界面（2）了解并掌握建站点的创建（3）掌握简单网页的制作2.重点、难点重点：站点的创建和测试难点：站点的创建和测试3.说明：（三）制作页面（总学时：4；其中理论：2，上机：2）3.1 案例导入：西部旅游网3.2 页面属性的设置3.3 文本的修饰3.4 设置超级链接3.5 制作包含超链接的纯文本网站3.6 使用图像1.基本要求（1）了解页面属性的设置（2）掌握精确设置文本属性、使用样式控制文本外观（3）掌握使用图像和超级链接2.重点、难点重点：使用样式控制文本外观，使用图像和超级链接难点：超级链接3.说明：（四）设计页面布局（总学时：8；其中理论：4，上机：4）4.1 网页版面布局概述4.2 实例导入：表格排版网页4.3 使用表格排版4.4 使用层排版4.5 时间轴特效及行为4.6 使用框架排版网页1.基本要求（1）掌握使用表格进行页面的排版（2）掌握使用层进行页面的排版（3）掌握时间轴特效及行为（4）掌握使用框架进行页面的排版2.重点、难点重点：使用表格、框架排版难点：使用表格、框架排版3.说明：（五）CSS样式表（总学时：4；其中理论：2，上机：2）5.1 使用CSS 样式表的网页实例5.2 使用CSS 样式表5.3 CSS样式的应用1.基本要求（1）了解CSS样式表的用途（2）掌握CSS样式表的创建和应用2.重点、难点重点：CSS样式表的创建和应用难点：CSS样式表中的DIV排版和滤镜属性3.说明：（六）使用表单（总学时：2；其中理论：2，上机：2）6.1实例导入：利用表单创建用户信息注册表6.2 创建表单6.3 插入表单对象1.基本要求（1）了解表单的应用（2）掌握表单控件的使用2.重点、难点重点：表单控件的使用难点：表单控件的使用3.说明：（七）模板与库的应用（总学时：4；其中理论：2，上机：2）7.1 实例导入：利用模板生成的站点7.2 创建模板7.3 模板的应用和更新7.4 使用“库”7.5 利用模板和库生成站点的制作过程1.基本要求（1）掌握模板的创建、应用及编辑与更新（2）了解资源面板和库项目的使用2.重点、难点重点：模板的创建与应用及编辑与更新难点：模板的创建与应用及编辑与更新3.说明：（八）在网页中插入多媒体对象（总学时：4；其中理论：2，上机：2）8.1 实例导入：多媒体站点8.2 使用多媒体对象8.3 多媒体站点实例的制作过程1.基本要求（1）了解并掌握如何插入多媒体对象2.重点、难点重点：制作图像效果，插入FLASH动画难点：插入音频和视频文件3.说明：（九）Firework图像处理（总学时：16；其中理论：8，上机：8）9.1图像基础及色彩应用9.2 静态图像的制作9.3 动画图像的制作9.4 动态交互图像的制作9.5 网站首页的设计1.基本要求（1）了解WEB图像基础（2）掌握Firework软件的基础操作（3）掌握Firework进阶应用2.重点、难点重点：利用firework来制作WEB图像，并直接导出为网页难点：导航栏与弹出式菜单的制作3.说明：（十）Flash动画的制作（总学时：16；其中理论：8，上机：8）10.1 实例导入：制作Flash MTV10.2 FLASH概述10.3 Flash基本功能10.4 Flash应用基础10.5 综合实例：制作Flash MTV1.基本要求（1）掌握Flash的基本功能；（2）了解Flash动画的制作流程（3）掌握Flash应用基础2.重点、难点重点：利用Flash制作有交互功能的动画难点：动作脚本语言的编程3.说明：（十一）综合实例（总学时：4；其中上机：4）11.1 站点规划11.2站点设计与素材准备11.3网页制作11.4 WEB服务器的配置11.5站点上传与发布1.基本要求（1）了解站点规划流程（2）掌握网页设计与制作的技能（3）掌握WEB服务器的配置（4）掌握站点的测试、上传与发布2.重点、难点重点：网页设计与制作难点：站点的规划与设计3.说明：四、实验内容及基本要求四、实验内容实验一、创建本地站点和编写简单的网站（上机：2学时）1、实验目的和要求通过编写简单的网页熟练HTML语言书写方法；学会建立本地站点和维护本地站点。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》课程实验教学大纲
一、实验课程概述
《网页设计与制作》课程旨在培养学生的网页设计与制作能力，通过实践操作，掌握常用的网页设计和制作技术方法。
本实验课程主要注重学生对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 著
以上为《网页设计与制作》课程实验(上机)教学大纲，旨在通过实践
项目，培养学生的网页设计与制作能力，提高其创新思维和团队协作能力。
教学大纲列举了实验的目标、内容与教学安排，要求学生积极参与实验，
完成实验报告和实验成果的整理和展示，并给出了实验评价与考核标准。
同时提供了实验资源与环境，并推荐了相关教材供学生参考。