《网页设计与制作》实践教学大纲
网页设计与制作教学大纲
《网页设计与制作》课程教学大纲一、说明（一）课程定义：《网页设计与制作》课程是网络与新媒体专业的一门核心课程，也是其他计算机专业的普及型课程。
内容主要涵盖了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脚本第七周：网页编辑器使用第八周：网页调试与测试第九周：网页发布和维护第十周：课程总结和复习，期末考试。
网页工作设计与制作课程实训教学大纲
必做
4
2 网页的编辑与制作（一） 综合 定义站点。使用表格。创建链 必做 5
接。
3 网页的编辑与制作（二） 综合 框架网页的制作，层和行为的 必做 5
使用。样式的使用。
注：项目类型：演示、验证、设计、综合、其它 实训要求：必做、选做
[实训一] 网页基本图形的制作方法 1、内容： 查看、熟悉Fireworks工作界面；设置“首选参数”对话框的基本项
教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供 一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并 利用课外时间进行创造性设计与训练。 5、实验环境与设备
硬件：多媒体计算机 软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8
3、时间分配及进度安排：第 1-3 周，4 学时。 4、教学的组织与实施： 教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供一 定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并利用 课外时间进行创造性设计与训练。5、实验环境与设备
硬件：多媒体计算机 软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8
目。新建、打开、导入、导出Fireworks 文档，制作基本图形。导入位图， 并进行基本编辑。创建热点、创建图像切片、为切片或热点附加行为。创 建按钮与导航条。创建简单GIF 动画。
2、目标及要求： 掌握Fireworks 的基础操作方法，以及“首选参数”对话框的设置方
法。掌握基本图形的制作方法。掌握制作按钮、导航条。掌握制作教师在 课程演示的实例。
教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供 一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并 利用课外时间进行创造性设计与训练。 5、实验环境与设备 硬件：多媒体计算机 软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8
网页设计与制作_实验大纲
《网页设计与制作》课程实验教学大纲课程性质：独立设课课程属性：专业基础实验课适用专业：信息管理、应用技术、软件技术、多媒体技术学时：总学时 96 实验学时 32开出时间：一年级二学期综合性、设计性实验项目数：4 学时先修课程：计算机基础一、课程简介《网页设计与制作》课程是计算机专业的一门必修专业课程。
它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》等课程打下一个坚实的基础。
通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。
从而能够承担网站制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。
从而培养学生的开发网站的能力和职业素质。
二、实验教学目的及要求通过上机实践，让学生掌握网页设计与制作的基本知识和基本技能，能较熟练地在Dreamweaver平台下合理设计网页并对站点进行规划、管理、发布，从而为下一阶段学习动态网页技术和高级Web程序设计打下良好的理论和实践基础。
三、实验项目设置表（注：“实验类型”：指演示性、验证性、设计性、综合性、研究性等）四、考核方法与评分标准上机部分考核采取上机表现成绩结合实验报告成绩的方式进行，分数组成为：上机成绩 =上机表现成绩（50%）+实验报告成绩（50% ）。
上机部分的成绩在本课程总成绩中占有的分值为20。
上机表现成绩基于上机实验出勤情况及上机过程的表现，每次上机对应1分。
实验报告成绩基于每个项目对应的实验报告完成情况，一个项目对应1分。
(完整版)网页设计与制作教学大纲
《网页设计与制作》课程教学大纲课程编号:课程名称：网页设计与制作课程类型:专业基础课总学时：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.WWW网站以及相关知识2.网页基本元素3.HTML语言简介要求：了解www网站的相关知识；掌握HTML语言以及相关技术；（二）网站设计及其工具1.网站与网页2.规划网站设计流程3.设计工具选择4.远程站点的管理——FTP上传下载软件的使用要求：制作工具Frontpage的介绍；与dreamwear工具区别与联系了解web 站点的申请过程；掌握FTP上传下载软件的使用；（三）网站制作1.建立网站2.主页设计与制作]3.表格制作4.创建表单和框架页面5.发布网站及其维护要求：了解网站导航以及网页中超级链接的作用；掌握不同链接源(包括图片热点)链接各种文件的方法；掌握web站点的申请过程；建立本地站点的必要性、原理和原则掌握如何规划站点；掌握创建Web站点的基本方法与步骤，并能够管理站点（四）让网页美起来1.Web上的图形2.网页中色彩选择3.使用photoshop设计图形4.使用Flash创建动画等要求：了解网页艺术设计的必要性和原则；掌握网页布局、图片和动画的设计方法和原则，掌握综合应用photoshop设计图形使用Flash创建动画等（五）网页编程1.网页编程基础2.VBScript语言编程3.JavaScript语言编程4.网页编程实例要求：了解JavaScript语言基础知识，VBScript语言知识（六）设计个人主页1.个人主页制作的一般步骤2.个人主页设计举例要求：综合所学知识，制作精美，合理，科学个人网站。
网页设计教学大纲(共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在动态网站上的应用。
《网页设计与制作》实践大纲和实习指导书[1]
![《网页设计与制作》实践大纲和实习指导书[1]](https://img.taocdn.com/s3/m/8c48d8e55ef7ba0d4a733be0.png)
《网页设计与制作》实践大纲《网页设计与制作》实习指导书【实验简介】掌握使用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 ．利用页面属性对话框设置页面的背景颜色或背景图像，并更改超链接的颜色和样式。
网页设计与制作》教学大纲
网页设计与制作》教学大纲网页设计与制作》教学大纲一、说明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软件基本使用和功能第十一周：复习和总结以上为《网页制作与设计教学大纲》的内容，本课程将以理论与实践相结合的方式进行，帮助学生全面掌握网页制作与设计的基本原理、技术和工具，为学生今后从事相关工作或深入研究提供必要的基础。
网页设计与制作教学大纲
《网页设计与制作》教学大纲第一部分大纲说明一、课程的性质和任务：《网页设计与制作》是一门操作性和实践性很强的课程,为网络专业和计算机相关专业的必修课。
本课程的主要内容包括了网页编辑与制作软件Dreamweaver MX建站的全过程。
教材体现网页制作技术的的特点，注重实用性和操作性,综合讲述了网页制作中的网页编辑、Web图像制作以及网页中动画设计的基本概念和基本操作技能。
书中文字叙述简单明了、通俗易懂。
按照Macromidia公司出品的网页制作系列软件的系统内容，由浅入深、循序渐进，符合学习者的认知规律。
书中列举了部分实例，各章都编排了适量的习题、思考题，以使学生更好地理解和掌握书中所讲述的内容。
二、培养目标：结业后能独立完成公司或个人主页的制作、维护、站点管理、设计制作精美的网页，能够更好地把企业通过互联网推向全球，并通过考试可获得网页设计师相关证书。
三、授课对象：高职高专类网络专业和计算机相关专业四、课程的特点和教学基本要求课程在重点介绍网页设计软件Dreamweaver MX的操作与应用的基础上，通过大量实例和光盘教学素材，详细地阐述了网页设计软件的应用技巧，使学生在学习过程中得以融会贯通，掌握网页设计软件的高级应用。
同时，授课过程中将始终遵循“用户界面感受第一”的基本原则，教导学生在策划、设计过程中设身处地为用户着想，让创意为用户服务，培养学生独立思考、独立创作的良好学习习惯，为学生成为一名优秀的网页设计师打下坚实的基础。
课程设置的根本思路是为使学生能够最大程度满足企业对于网页设计人员的需求，达到学以致用的目的，从而为企业培养优秀的网页设计实用人才。
五、课程教学要求的层次1、掌握：在网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性等操作方法。
在Dreamweaver MX中使用的图像格式、在网页文档中插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、设置图像的缩略图的操作方法，会使用图像编辑器，会在网页中插入翻转图像和导航条的操作、表格的组成和基本操作方法及创建表格、表格操作、表格编辑的方法、表格和单元格的属性设置，会用表格组织网页的总体布局，掌握使用布局视图布局页面的总体布局。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》实践教学大纲
（信息网络安全监察专业适用）
一、课程类别
专业能力课
二、地位和作用
本实践教学大纲是信息网络安全监察专业“网页设计与制作”课程的实践教学大纲，是完成“网页设计与制作”课程和培养网页设计与制作的基本操作技能的重要实习实践环节。
总学时为30学时，共包括9个实践项目。
实践地点为校内计算机基础实验室。
实践结果将使学生全面掌握网页设计与制作的技术及网页制作软件的使用。
三、实验目的和要求
通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件Dreamweaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
四、实验设施
1.硬件要求：
使用计算机基础实验室。
硬件条件包括50台计算机：1G以上内存、40G以上硬盘。
2.软件要求：
（1）WindowsXP以上版本
（2）Dream weaver8 中文版；
（3）Flash8 中文版
五、组织方式
所有实验环节均由每位学生独立完成。
实训内容、课时分配情况
实验项目（一）
实验项目（二）
实验项目（三）
实验项目（四）
实验项目（五）
（一）实验目的
(1)掌握时间轴和层的基本理论
(2)熟悉层面板，利用时间轴制作层动画。
（二）实验要求
实验前认真预习，熟练掌握有关时间轴和层概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师。
实验内容
使用层和时间轴制作动画：
1.建立一个本地站点,包括2-3个网页
2、在网页上添加如下的时间轴动画
(1)层的曲线运动
(2)录制层路径
3.设置超链接将站点中的网页链接起来。
实验步骤
1．层的曲线运动
（1）新建一个文档并保存。
（2）在文档中插入一个层，在“属性检查器”中命名层编号为fish，并在层中插入一幅图像。
并将层拖到时间轴面板中。
（3）选择动画条右侧端点，即右侧关键帧。
（4）在文档中将层向右侧拖拽，这时会在文档中出现一条灰色的直线，表示动画运动的路线。
（5）保存并在浏览器中预览，或按住播放键，可以看到鱼向右移动，是一个直线运动的动画。
（6）若要使层的运动路线形成曲线，则需要在动画条的中间增加的关键帧，并选择此关键帧，在文档中将层向下拖拽，这样就形成了一条向下的曲线。
2．录制层路径
（1）新建一个文档，并保存。
（2）在文档中绘制一个层，在“属性检查器”中命名该层编号为“butterfly”，并在层中插入一张蝴蝶的图像。
（3）将层移到起始位置，在层边框上单击鼠标右键，在快捷菜单中选择“录制层路径”的命令。
（4）在文档窗口中拖拽层，在停止位置松开鼠标，Dreamweaver8会在后台记录下层移动的路径，并在动画条上产生相应的关键帧。
（5）保存并在浏览器中预览，或按住播放键，观看动画播放效果。
实验项目（六）
实验项目（七）
实验步骤
（一）鼠标样式的设置
1.建立一个本地站点
2.在站点中建立一个网页文件index.htm并打开进行编辑。
3.新建一个网页并在网页中插入一幅图像，如图8.1所示，保存文档。
4.在CSS样式面板中，单击按钮，打开“新建CSS规则”对话框
5.输入CSS样式的名称“.shubiao”，“选择器类型”选择“类”选项，“定义在”选择“仅对该文档”。
6.点击“确定”，打开“.shubiao的CSS规则定义”对话框，切换到“扩展”分类
7.在“视觉效果”的“光标”的下拉列表中选择“help”，单击“确定”按钮，样式建立完成。
8.选中图像，执行以下操作之一：
9.在CSS面板中，右击.shubiao样式，在弹出的快捷菜单中选择“套用”命令。
10.在“属性检查器”的“类”的下拉列表中选择“shubiao”。
11.保存网页，在浏览器中鼠标指向图像测试效果。
（二）ＣＳＳ滤镜的使用
1.新建一个网页并在网页中插入两幅相同的图像，如图8.5所示，保存文档。
2.在CSS样式面板中，单击按钮，打开“新建CSS规则”对话框。
如图8.6所示。
3.名称中输入“.blur”，“选择器类型”选择“类”，“定义在”选择“仅对该文档”。
4.设置完成后，单击“确定”按钮，打开“.blur的CSS规则定义”对话框，切换到“扩展”分类。
5.在“滤镜”中选择Blur滤镜，参数设置如下：Blur(Add=true,
Direction=135,Strength=20)。
Add：设置图片是否被改变成印象派的模糊效果。
有两个值：true（默认）和false。
Direction：指定模糊方向。
0——垂直向下；45——垂直向右；90——向右；135——向下偏右；180、225、270、315分别是垂直向下、向下偏左、向左、向上偏左。
Strength：指定有多少像素的宽度将受到模糊影响。
值只能使用整数来指定，默认是5像素。
6.设置完成后，单击“确定”，创建的CSS样式出现在CSS面板。
7.选中文档中的右侧图像，在CSS面板中，右击.blur样式，在弹出的快捷菜单中选择“套用”命令。
8.保存并在浏览器中预览网页效果。
实验项目（八）
实验项目（九）。