潍坊学院网页设计与制作课程(0203007)实验大纲.doc

潍坊学院网页设计与制作课程（0203007）实验大纲 适用专业：计算机科学与技术专业，网络工程专业，通信工程专业；实验学时：16学时一、实验的性质、任务和基本要求(一)本实验课的性质、任务网页设计与制作是计算机科学与技术专业的专业基础课，具有较强的技术性和实用性，本课程旨在培养学生设计和制作静态网站和网页的能力，为后续课程的学习做准备。实验是巩固课堂教学质量必不可少的重要手段，实验课的任务是通过实验巩固加深对所学知识的的掌握，培养学生的动手能力和设计能力。（二）基本要求1、熟练使用网页制作三剑客：Dreamweaver MX 2004，Fireworks MX 2004，Flash MX 2004；2、掌握域名和空间的申请方法，能进行网站发布，对网站进行管理；3、熟练使用HTML语言；4、使用JavaScript和VBScript编写脚本；5、根据任务需求建立客户端的的静态网页和网站；（三）实验学时分配表（表格说明）序 号实 验 项 目实验类型实验学时1用Dreamweaver制作网页实验(一)验证性22用Dreamweaver制作网页实验(二)验证性23用Fireworks处理图形实验验证性24用Flash制作动画实验验证性25HTML语言实验验证性26JavaScript脚本语言实验验证性27VBScript脚本语言实验验证性28综合设计及网页发布实验综合性2合 计16二、实验教学内容实验一 用Dreamweaver制作网页实验(一)1、实验目的（1）熟练使用Dreamweaver工具箱、属性面板和面板组；（2）掌握创建站点、保存文档和文本格式化的方法；（3）掌握创建各种类型超链接的方法。 2、实验内容（1）新建一个网页文档，书写文字，用属性面板定义文字的字体、字号、颜色、排列方式等，预览文档，将文档保存在盘上；（2）创建一个站点，编辑站点，保存站点，并站点中创建文档和文件夹；（3）建立CSS样式，用CSS样式格式文档中的文本；（3）在站点中为文档创建各种类型的超链接。3、实验要求（1）了解工具箱、属性面板和面板组的使用方法；（2）掌握站点的相关操作；（3）掌握文本格式化的相关操作；（4）掌握超链接的相关操作；（5）写出实验报告。实验二 用Dreamweaver制作网页实验(二)1、实验目的（1）掌握页面布局的三种方法；（2）掌握表单建立的方法；（3）掌握插入多媒体元素的方法；（4）掌握行为的使用方法。2、实验内容（1）建立表格，编辑表格，用视图表格布局页面；（2）建立框架，保存框架，用框架布局页面；（3）建立一个表单，使用各种表单控件；（4）在网页中插入Flash元素和声音播放器；（5）使用行为练习：显示消息框，弹出广告窗口，插入背景音乐。3、实验要求（1）熟悉网页布局；（2）掌握表单建立、多媒体元素插入、附加行为等方法；（3）写出实验报告。实验三 用Fireworks处理图形实验1、实验目的（1）掌握使用Fireworks处理图形的方法，并能用Fireworks制作网站Logo、网站Banner和GIF动画；2、实验内容（1）在Fireworks中打开图像，更改图像尺寸；（2）在Fireworks中处理文字和图片；（3）制作一个网站Logo；（4）制作一个网站Banner；（4）制作一个GIF动画。3、实验要求（1）熟悉有关图像处理的操作；（2）掌握网站Logo和网站Banner的制作方法；（3）掌握GIF动画的制作方法；（4）写出实验报告。实验四 用Flash制作动画实验1、实验目的（1）掌握图层、元件、时间轴的原理及使用方法；（2）掌握7种动画的制作方法；（3）掌握给动画加按钮的方法；（4）了解给动画加声音的方法。2、实验内容（1）制作有背景层的关键帧动画，体会图层、元件、时间轴；（2）制作形变动画和沿直线动运动画，体会补间和实例的概念；（3）制作时间轴特效动画，体会时间轴特效对话框的使用；（4）制作沿指定路径运动的动画，体会运动引导层；（5）制作色彩动画和遮罩动画，体会渐变和遮罩层；（6）制作播放和停止按钮，控制动画播放。3、实验要求（1）熟悉层、元件、时间轴、补间、运动引导层、遮罩层的概念；（2）掌握7种类型动画的制作方法；（3）掌握按钮的制作及使用；（4）写出实验报告。实验五 HTML语言实验1、实验目的（1）学习用HTML语言制作网页；（2）掌握各种基本标记符的使用方法；（3）了解可视化生成网页与网页代码之间的关系。2、实验内容（1）使用标记符；（2）使用文本标记符和列表标记符；（3）使用超链接标记符；（4）使用表格标记符；（5）使用表单标记符。3、实验要求（1）熟悉用代码制作网页的过程；（2）了解各种基本标记符的使用方法；（3）写出实验报告。实验六 JavaScript脚本语言实验1、实验目的（1）学习用JavaScript脚本语言为网页添加效果；（2）掌握JavaScript脚本语言的基本结构及语法；（3）学习使用JavaScript脚本语言的对象及事件。2、实验内容（1）条件语句练习；（2）循环语句练习；（3）使用对象练习；（4）使用事件练习。3、实验要求（1）熟悉JavaScript脚本的编写；（2）运行结果准确；（3）写出实验报告。实验七 VBScript脚本语言实验1、实验目的（1）用VBScript脚本为网页添加功能和效果；（2）掌握VBScript脚本语言的基本结构及语法；（3）了解VBScript对象的使用。2、实验内容（1）VBScript变量、常量、数组的使用；（2）VBScript过程的定义和使用；（3）VBScript函数的定义和使用；（4）VBScript对象的使用方法。3、实验要求（1）熟悉VBScript脚本的编写；（2）运行结果准确；（3）写出实验报告。实验八 综合设计及网页发布实验1、实验目的（1）学习网站建设的全过程；（2）掌握网站发布的全过程；（3）学习网站的管理。2、实验内容（1）根据需求建立网站结构；（2）为网站设计LOGO和BANNER；（3）设计网页、导航系统；（4）建立网页之间的链接；（5）申请空间和域名，发布网站；（6）管理网站。3、实验要求（