《网页设计》
实验报告
院（部）：热能学院
专业：热能与动力工程班级：112
姓名：范金仓
学号：2011031388
一、实验目的及要求：
1、确定网站主题和网站的用途；
2、收集资料和素材。
3、规划网站结构和页面版式。
二、实验环境：
本次实验基于Windows 2000的操作系统。
三、实验内容及步骤：
实验内容功能描述，上机操作具体步骤。
四、实验总结
通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。
一、实验目的及要求：
1．上网浏览不同网页设计风格，简单分析学习其实现方法和原理
2．确定网页的版式，设计网页的布局。
3．设计网站的基本色调和配色方案，确定网页文字的格式和图像的编排。
4．运用网页配色技巧设计一套自己的网页方案
二、实验环境：
本次实验基于Windows 2000 的操作系统。
三、实验内容及步骤：
实验内容功能描述，上机操作具体步骤。
四、实验总结
通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。
一、实验目的及要求：
1．使用DreamweaverMX“站点管理器”功能，创建一个站点，并在本地计算机上建立该站点的目录。
2．对网页页面进行基本设置
3．练习网页中文本的格式化
4．练习网页中链接的创建、属性的设置和链接的管理。
5．学习使用层叠样式表(CSS)对标题采用相对定位方式，字体格式
二、实验环境：
本次实验基于Windows 2000 的操作系统，使用的软件是 Dreamweaver MX 三、实验内容及步骤：
实验内容功能描述，上机操作具体步骤。
四、实验总结
通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。
一、实验目的及要求：
1．了解表格、层以及框架的基本概念
2．练习插入表格，在表格中插入文本、图像以及表格，并在属性面板中设置表格属性3．在页面中绘制层，练习使用嵌套层和重叠层，并对层进行编辑。
4．创建框架集文档，在属性面板中设置框架的颜色、边界等。
二、实验环境：
本次实验基于Windows 2000 的操作系统，使用的软件是 Dreamweaver MX 三、实验内容及步骤：
实验内容功能描述，上机操作具体步骤。
四、实验总结
通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。
同组者丁梦捷、陈嘉璐、洪萍
实训目的掌握Fireworks的基础操作方法。
掌握基本图形的制作方法。掌握制作按钮、导航条。
掌握制作教师在课程演示的实例。
实验场地现教403
实训设备计算机（安装Dreamweaver、Fireworks、Flash 软件）
实训内容内容与步骤∶
一、Fireworks图像编辑技巧之各类工具的使用
1. 学习Fireworks中各类工具的使用
2. 工具使用技巧（5项基本工具中选做3项）实验要求：
根据不同工具的应用技法，设计并生成相应的应用效果图。自选基本素材，通过某种技法的应用产生不同的效果图：
1、选择、移动与裁切工具的使用效果图
2、位图绘图和修饰工具的使用效果图
3、矢量绘图工具的使用效果图
4、文字工具的使用效果图
5、其他辅助工具使用效果图
二、Fireworks创建动画
1. 学习Fireworks中创建简单动画工具的使用
2. 工具使用技巧
实验要求：
1、熟悉帧的基本操作
2、制作简单逐帧动画
3、补间动画/选择动画
1、帧的插入、删除、复制、移动：
a 选择“窗口〉帧”命令，打开帧面板
b 在帧面板上练习帧的插入、删除、复制、移动
c 更改帧的命名
d 单击帧面板右上角的三角形按钮，复制多个帧，
2、帧中对象的复制、移动
a 在帧面板上，选择要复制或移动对象所在的帧,该帧的标签出现蓝色矩形
b 按住“Alt”,用鼠标拖动蓝色矩形到目标帧，完成帧中对象的复制
c 不按“Alt”,用鼠标拖动蓝色矩形到目标帧，完成帧中对象的移动
3、共享层的使用
a 建立一个468象素×60象素的图像，并导入一个位图
b 输入文字，并按下“Alt”将文字复制对个副本
c 将位图对象移动到新层中，单击面板右上角的按钮，选择“共享此层”，共享层上的图层会出现在所有帧中。
d 选择所有文字对象，单击帧面板中的“分散到帧”
4、制作简单逐帧动画
a 建立一个468象素×60象素的图像
b 绘制第1帧的图像
c 分别绘制后面各帧的图像
d 设定各帧的停留时间
5、制作补间动画和选择动画
补间动画：
a 建立一个468象素×60象素的图像，并导入一个位图
b 输入文字，按“F8”，将其转换为图形元件
c 按住“Alt”，用鼠标拖动文字图形元件，进行复制
d 选中这两个文字图形元件，选择“修改>元件>补间实例”，设置对话框中的选项，注意勾选“分散到帧”。
选择动画
c 选择“修改>动画>选择动画”，设置对话框中的选项。
6、动画的输出
a 选择“文件>导出向导”
b 选择导出格式中的“GIF动画”
c 导出
三、制作交互性网页元素
1、热区
a 打开或创建需要建立热区的文档
b 绘制热区，可用“指针”工具移动热区，用“部分选定”工具调整热区形状
c 为热区指定链接地址
d 导出图像及HTML代码
2、按钮
a 选择“编辑>插入>新建按钮”
b 在“释放”状态下，绘制按钮外观
c 在“滑过”状态下，绘制按钮外观，当然可以“复制弹起时的图形”
d 同样处理“按下”、“按下时滑过”状态下的按钮外观
e 设置按钮“活动区域”
f “预览”，导出图像及HTML代码
3、切片
a 打开或创建需要建立切片的网页图像
b 使用切片在网页的导航栏上绘制切片，可用“指针”工具移动热区，用“部分选定”工具调整切片形状
c 可为切片指定链接地址
d 导出图像及HTML代码，注意选择“导出切片
4、行为（简单翻滚图、下拉菜单）
简单翻滚图：
a 制作第1帧的图形内容
b 制作第2帧的图形内容
c 选择第1帧，在“行为”面板上，添加“简单变换图像”行为(相当于在网页层上创建了一个切
片)
d “预览”，导出图像及HTML代码
下拉菜单：
a 打开或创建需要建立切片的网页图像
b 使用切片在网页的导航栏上绘制切片
c 选中切片，添加“设置弹出菜单”行为，在“菜单编辑器”中设置
d 导出图像及HTML代码，注意选择“导出切片”
一、实验目的及要求：
1．利用Fireworks工具，学习绘制基本的图形。
2．利用Fireworks创建和编辑位图、矢量图像，要求将处理前后的图像作对比，并表明处理的过程和用到的方法。
3．使用Fireworks编辑文本，创建路径文本。
4．利用Fireworks对图像处理，产生羽化效果。
5．利用Fireworks制作悬停按键。
二、实验环境：
本次实验基于Windows 2000 的操作系统，使用的软件是 Fireworks MX 三、实验内容及步骤：
实验内容功能描述，上机操作具体步骤。
四、实验总结
通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。
一、实验目的及要求：
1．练习Fireworks图像切片工具的使用，并能将切片图像保存。
2．练习Fireworks图像热点工具的使用。
3．使用Fireworks进行网站布局和版式制作，通过热点工具创建链接，通过切片切割图像，并保存成Html网页。
二、实验环境：
本次实验基于Windows 2000 的操作系统，使用的软件是 Fireworks MX 三、实验内容及步骤：
实验内容功能描述，上机操作具体步骤。
四、实验总结
通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。
一、实验目的及要求：
1．练习创建一个Flash文档，并在舞台上使用绘图工具箱绘制简单的几何图形
2．了解图层，练习图层的添加、删除、命名等操作
3．练习帧的操作，包括创建关键帧、创建空白关键帧，帧的复制、粘贴和删除等。
4．练习创建动作渐变动画、形状渐变动画、路径动画和遮罩动画。
5．练习Flash中帧的控制，并用Flash制作简单的综合动画。
二、实验环境：
本次实验基于Windows 2000 的操作系统，使用的软件是 Flash MX
三、实验内容及步骤：
实验内容功能描述，上机操作具体步骤。
四、实验总结
通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。
一、实验目的及要求：
1．使用Dreamweaver MX上传自己的站点
2．对自己的站点分别进行下载时间测试、浏览器兼容性测试、链接测试和拼写测试，如果发现问题，及时更正
二、实验环境：
本次实验基于Windows 2000 的操作系统，使用的软件是 Dreamweaver MX 三、实验内容及步骤：：
实验内容功能描述，上机操作具体步骤。
四、实验总结
通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。