《网页设计与制作》实践教学大纲
1 《网页设计与制作》实践教学大纲 （信息网络安全监察专业适用）
一、课程类别 专业能力课 二、地位和作用 本实践教学大纲是信息网络安全监察专业“网页设计与制作”课程的实践教学大纲，是完成“网页设计与制作”课程和培养网页设计与制作的基本操作技能的重要实习实践环节。总学时为30学时，共包括9个实践项目。实践地点为校内计算机基础实验室。实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。 三、实验目的和要求 通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件Dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。 四、实验设施 1.硬件要求： 使用计算机基础实验室。硬件条件包括50台计算机：1G以上内存、40G以上硬盘。 2.软件要求： （1）WindowsXP以上版本 （2）Dream weaver8 中文版； （3）Flash8 中文版 五、组织方式 所有实验环节均由每位学生独立完成。 2
实训内容、课时分配情况 实训内容 实训课时 实训方式 1 HTML基础实验 4 操作 2 Dreamweaver基础 2 操作 3 创建简单网页实例 4 操作 4 利用表格布局页 4 操作 5 时间轴动画制作 4 操作 6 表单网页的创建 4 操作 7 CSS样式在网页中的应用 4 操作 8 简单的行为的应用 2 操作 9 网页中多媒体的应用 2 操作 合 计 30 3
实验项目（一） 项目名称 HTML基础实验 实训地点 计算机基础教学实验室
实验类型 实践型 实验课时 4 目的要求
（一）实验目的 1．掌握HTML语法基本的基本结构。 2．熟悉HTML编写网页的方法。 （二）实验要求 完成实验报告，在实验报告中要求记录如下内容： ⑴．HTML语法基本结构 ⑵．HTML各标记的使用
实验内容 1.编写包括文本和图像的两至三个简单网页 2.在网页之间建立文本、图像和书签超链接 3.编写一个带有表格的网页 4.编写一个带框架结构的网页
实验步骤
按“实验内容”中1～4完成操作，完成实验报告，在实验报告中要求记录如下内容： 1.所访问各商务网站的风格及特点； 2.各种版面布局网站的域名和所采用的版面布局形式； 3.使用大色块和抽象线条构图风格网站的域名和所采用的构图形式； 4.10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 注意事项
所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 4
实验项目（二） 项目名称 Dreamweaver基础 实训地点 计算机基础教学实验室
实验类型 实践型 实验课时 2 目的要求
（一）实验目的 (1)熟悉DreamWeaver的界面及其操作 (2)熟悉使用DreamWeaver建立站点，理解本地站点和远程站点的概念 （二）实验要求 实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。
实验内容
本实验的内容主要是制作一个“长春悠游网”的站点，分类建立文件夹和2-3个网页。
实验步骤
1.打开DreamWeaverMX，熟悉整个界面，尝试打开、关闭各种面板、视图、工具栏。使用参数设置把常用的快捷图标添加到状态栏。 2.规划站点（导航结构请遵循本实验的要求），然后新建站点，将站点所在文件夹命名为自己名字的汉语拼音，设计站点的结构。 3.在站点中添加若干个网页，将其中的一个命名为index.htm并设置为主页。 4.打开站点管理器，熟悉站点管理的界面，了解网站地图。 5.将各个网页依次打开，进行编辑，页面中要有文字、图片、背景等网页元素。 6.浏览各个网页的实际效果。
注意事项
所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 5
实验项目（三） 项目名称 创建简单网页实例 实训地点 计算机基础教学实验室
实验类型 实践型 实验课时 4 目的要求
（一）实验目的 (1)熟悉基本网元素及其操作 (2)熟悉使用页面属性 (3)超链接的基本定义及基各种超链接的创建和编辑操作 （二）实验要求 实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。 实验内容
本实验的内容主要是制作一个“长春悠游网”的主页文件及其它4-5个相关网页，每个它包括文本、图像、水平线以及日期和时间等元素,利用超链接将网页之间链接起来。 实验步骤
1.建立一个本地站点 2.在站点中建立一个网页文件index.htm并打开进行编辑。 3.输入书中全部的文字内容。 4.将“长春欢迎你”设置滚动效果的文字。 5.对文字进行排版。 6.插入水平线，并设置水平线的颜色。 7.插入导航条 8.设置网页的背景图像。 9.浏览各个网页的实际效果。 注意事项
1、所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 2、将站点进行备份留下节课使用。 6
实验项目（四） 项目名称 利用表格布局页 实训地点 计算机基础教学实验室
实验类型 实践型 实验课时 4 目的要求
（一）实验目的 (1)利用表格进行文本的整齐排列和自由的图文混排 (2)在整个表格内使用背景图像和色彩。 （二）实验要求 实验前认真预习，熟练掌握有关表格布局的基础概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。 实验内容 本实验的内容主要是利用表格进行网页的定位练习 1.建立一个本地站点,包括2-3个网页。 2.制作两个利用表格定位的网页其中一个为教师指定样式，另一个可以自由发挥 3.设置超链接将站点中的网页链接起来。 实验步骤
1.建立一个本地站点 2.最外层的表格宽度为700像素，嵌套的表格宽度为100%，整体上分为上下两个表格。 3.上表格为2行1列的表格 4.下表格为4行3列的表格。 5.将下表格的单元格进行合并，调整。 6.在左侧嵌套的表格最下面一个单元格嵌套5行2列表格并合并。 7.上表格的第二行和下表格右侧第二行制作水平线，将单元格的高度设为“2”；下表第二列制作垂直线，宽度值勤为“2。” 8.向表格内添加图像和文字，将所有表格的边框值设置为“0”。 9. 浏览网页的实际效果。 注意事项 1、所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 2、将站点进行备份留下节课使用 7
实验项目（五） 项目名称 时间轴动画制作 实训地点 计算机基础教学实验室
实验类型 实践型 实验课时 4 目的要求
（一）实验目的 (1)掌握时间轴和层的基本理论 (2)熟悉层面板，利用时间轴制作层动画。 （二）实验要求 实验前认真预习，熟练掌握有关时间轴和层概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师。
实验内容
使用层和时间轴制作动画： 1.建立一个本地站点,包括2-3个网页 2、在网页上添加如下的时间轴动画 (1)层的曲线运动 (2)录制层路径 3.设置超链接将站点中的网页链接起来。
实验步骤
1．层的曲线运动 （1）新建一个文档并保存。 （2）在文档中插入一个层，在“属性检查器”中命名层编号为fish，并在层中插入一幅图像。并将层拖到时间轴面板中。 （3）选择动画条右侧端点，即右侧关键帧。 （4）在文档中将层向右侧拖拽，这时会在文档中出现一条灰色的直线，表示动画运动的路线。 （5）保存并在浏览器中预览，或按住播放键，可以看到鱼向右移动，是一个直线运动的动画。 （6）若要使层的运动路线形成曲线，则需要在动画条的中间增加的关键帧，并选择此关键帧，在文档中将层向下拖拽，这样就形成了一条向下的曲线。 2．录制层路径 8
（1）新建一个文档，并保存。 （2）在文档中绘制一个层，在“属性检查器”中命名该层编号为“butterfly”，并在层中插入一张蝴蝶的图像。 （3）将层移到起始位置，在层边框上单击鼠标右键，在快捷菜单中选择“录制层路径”的命令。 （4）在文档窗口中拖拽层，在停止位置松开鼠标，Dreamweaver8会在后台记录下层移动的路径，并在动画条上产生相应的关键帧。 （5）保存并在浏览器中预览，或按住播放键，观看动画播放效果。 （6）若要修改层的运动路线，在动画条选择关键帧，拖动层即可。
注意事项
1、所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 2、将站点进行备份留下节课使用
网页设计与制作(教学大纲)
《网页设计与制作》教学大纲一、课程说明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的产生、发展、现状、构成和功能。
网页设计与制作-教学大纲
《网页设计与制作》教学大纲适用专业：计算机相关专业一、大纲说明（一）课程的性质和特点本课程使用的设计工具是 Dreamweaver 8，它是一个十分专业化、完全可视化的网页设计工具，无论对于专业还是业余的Web设计师，它都是一个完美的设计工具。
本课程还使用了Firework 8和Flash 8。
在页面修饰、图形处理方面，Firework 可以与任何一套专业级图形处理软件相媲美。
在页面交互性和可视化效果方面，Flash更是无人能及。
它是一个专业的矢量编辑和动画创作专业软件，专门用于制作Web页中的电影动画和交互动画。
Dreamweaver 、Firework、Flash在网页及Web应用的设计上配合的天衣无缝；同时又由于它们出自同一个公司，它们之间存在着许多相似的地方，只要熟悉其中之一，其他两个也就触类旁通，很适合本校学生学习和使用。
本课程是一门专业实践课,通过本课程的学习, 要求学生能够理解网页制作的基本概念和基本原理，能够掌握网页制作的方法与技巧,能够利用设计工具完成网页制作和网站管理, 能够了解最新的网页制作技术的应用。
（二）课程设置的目的“网页设计与制作”是为培养网站管理与开发的应用型人才所设置的专业课，它使学生能够了解和掌握网站与网页的建立过程和开发技巧。
二、教学内容及要求（一）理论教学内容及要求第一章网站与网页设计基础内容：网站的目录结构和链接结构，确定网站的整体风格和创意设计，关于网页的各种基础知识、网页的设计原则和网站的主题风格等内容。
要求：理解网页和网站的基本概念，了解网站的目录结构、网站的创意和布局等网页设计基本知识。
了解网站制作的流程。
第二章网站的建立与页面文档的创建内容：Dreamweaver 8的新特性， Dreamweaver 8工作界面，简单的页面操作，网页元素的运用，网页链接。
要求：通过本章的学习，用户应学会在创建站点之前如何对站点进行规划，如何创建本地站点，如何编辑管理站点，如何创建HTML文档，以及如何设置文档的属性。
《网页设计与制作》课程教学大纲
《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时：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％。
《网页设计与制作》教学大纲
《网页设计与制作》教学大纲一、说明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 发布站点与站点的后续维护与更新。
《网页设计》实验教学大纲
《网页设计》实验教学大纲课程编号：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、考核形式：采用平时成绩与考勤、实验报告相结合的方式。
网页设计与制作课程教学大纲
《网页设计与制作》课程教学大纲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、学习掌握INTERNET基础知识，掌握网页设计语言（HTML）基础。
2、熟练运用设计CSS控制网页风格，学习网页版面设计。
3、初步掌握动态网页设计基础，熟练掌握至少一种专业的可视化网页（站）设计软件（如DREAMWEA VER）。
4、了解后台网络数据库基础知识，具有设计制作网页和构架网站的基本技能。
二、实训内容、要求及时间安排1、小型网站设计（内容不限，可自选），也可做学院网站或系网站（资料在网站下载）2、要求：根据教师指定的网站开发内容，根据网站设计规范利用常用网页技术进行设计。
设计的网站要求结构合理，版面美观大方，颜色合理，风格一致，并运用适当的动态网页技术进行修饰。
3、时间安排（1）资料收集、制定计划0.5天（2）开发设计、制作3天（3）检查、测试0.5天（4）有关文档资料撰写1天三、设计组织形式以小组为单位进行网站开发。
网站开发是以个人独立完成网站小组栏目中网页设计的多人协作项目。
每小组人数最多4名，先以自由组合方式成组，并自行选出负责的小组长。
每小组设组长一名，负责小组统筹规划，并进行组员的日常工作管理。
未能组合成组的同学由指导教师统一安排。
组员应服从组长的安排，并积极完成规定的开发任务。
组长有义务对组员进行工作的安排和调度，并单独进行考评，作为教师对组员最后评分的参考依据之一。
对不服从分配工作和管理的组员，组长可以向指导教师反映，由教师另行单独安排相应内容，独立完成其他指定的网页内容设计，并单独考核其成绩。
小组网站能否按期完成，组员间能否协同工作将作为组长的综合成绩考评依据之一。
四、设计纪律与注意事项在开发网站期间，一般上午由教师巡回辅导答疑，下午或晚上由学生自行独立设计。
组长应每天记录相应的开发情况，以供教师参考。
小组还应该不定期的进行讨论并纪录相应问题，并及时提出和解决。
在设计期间，除了必要的资料收集、讨论等活动，白天的其余时间必须在学校机房进行设计。
(完整版)网页设计与制作教学大纲
《网页设计与制作》课程教学大纲课程编号:课程名称：网页设计与制作课程类型:专业基础课总学时：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章文本和图像处理教学内容：文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求：掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。
《网页设计及制作》教学大纲
《网页设计与制作》教学大纲一、课程基本信息中文名称：课件设计与制作英文名称：courseware design and development课程编码：14123C课程类别：专业必修课总学时：32学时总学分：2学分适用专业：小学教育专业本科学生先修课程：大学计算机基础开课系部：教育与心理科学系二、课程的性质与任务《课件设计与制作》是小学教育专业的专业必修课。
它是一门实践性课程，强调基本知识和基本操作技能并重，主要是向学生系统地介绍多媒体课件制作基础、以及几种常用的课件制作软件。
学生掌握在信息化教学环境中适合不同对象学习的各种教学模式和教学策略，并能通过适当的程序设计制作出高质量的多媒体教学软件。
通过本课程的学习，学生应达到以下基本要求：1、掌握课件设计与制作的基础知识与基本理论。
2、能熟悉各种软件的制作方法。
3、能根据具体的学科内容制作出有效的课件。
三、课程教学基本要求第一章多媒体课件制作概述（2学时）教学内容：1、多媒体课件内涵2、多媒体课件的教学功能3、多媒体课件的开发工具4、多媒体课件的制作要求5、多媒体课件制作的一般流程6、多媒体课件的素材基本要求：了解多媒体课件的基本概念和理论，多媒体课件的类型与构成，掌握多媒体课件的设计与制作的基本过程。
教学重点与难点：重点：多媒体课件的概念及制作要求。
多媒体课件制作的一般流程。
多媒体课件素材的处理。
难点：多媒体课件的素材的处理。
第二章 PowerPoint基本制作（2学时）教学内容：1、熟悉powerpoint课件制作流程2、如何自定义模版3、插入各种多媒体元素4、设置幻灯片放映方式基本要求：掌握PowerPoint课件制作的一般流程，熟悉自定义模版的方法，能够在课件中合理地插入各种媒体元素以及掌握幻灯片放映的方式。
教学重点与难点：重点：自定义模版。
插入音视频以及动画。
难点：自定义模版。
插入Flash动画。
第三章 Powerpoint课件中的动画方案（2学时）教学内容：1、自定义动画2、动作路径自定义动画3、触发器在PowerPoint课件中的应用基本要求：掌握自定义动画的设置方法，特别是动作路径动画以及触发器的使用方法，能够合理地设置课件中的动画方案。
《网页设计与制作》实践大纲和实习指导书[1]
《网页设计与制作》实践大纲《网页设计与制作》实习指导书【实验简介】掌握使用HTML 代码、熟练运用Dreamweaver 设计网页；利用Fireworks 图片处理；利用Flash 制作动画。
【实验目标】通过实验，使学生能进行WEB 站点网页的规划、设计、制作、管理与维护。
【学时数】32 学时【学时分配】实验项目一网页的创建及其基本结构【实验目的】使学生了解用HTML 创建网页的过程，掌握HTML 文档的结构及基本标记的使用。
【实验内容】1 ．使用文本编辑软件（如Window 的记事本）编辑、修改HTML 文件；2 ．利用IE 浏览器显示效果。
3 ．制作“个人简介”的简单网页；实验项目二HTML 的常用标签【实验目的】使学生掌握字体、字更进一步型、字号、颜色的设置，掌握段落的控制以及链接的标签和图像标签。
【实验内容】1 ．字体标志的使用2 ．理解书签超级链接的意义，target 属性不同取值对应的含义。
3 ．掌握图像的标签4 ．对“个人简介”的网页进行美化实验项目三HTML 常用标签2【实验目的】掌握表格的制作，掌握综合性表单的制作和跑马灯动态网页效果设计，掌握框架的使用【实验内容】1 ．使用表格组织数据2 ．使用表单标签建立注册信息3 ．用环绕标签制作跑马灯效果4 ．用框架标签布局网页5 ．使用内框架。
实验项目四Dreamweaver 站点管理和建立简单的网站【实验目的】使学生掌握Dreamweaver 的基本使用方法，并利用Dreamweaver 工具制作一个比较完整的网页。
【实验内容】1 ．建立本地站点，题材自选。
主页上要求有导航栏，文字、图像以及站点的广告图像（用鼠标经过图像来制作）。
2 ．主页下创建三个子页，要求子页上面有内容列表、水平线，日期，并利用属性页面设置这些对象的属性。
3 ．用多种超链接方式完成站点地图的创建。
4 ．利用页面属性对话框设置页面的背景颜色或背景图像，并更改超链接的颜色和样式。