《网页设计》

实 验 报 告

院 （部）：热能学院

专 业：热能与动力工程 班 级：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．

2．

3．

4．

5． 练习创建一个Flash文档，并在舞台上使用绘图工具箱绘制简单的几何图形 了解图层，练习图层的添加、删除、命名等操作 练习帧的操作，包括创建关键帧、创建空白关键帧，帧的复制、粘贴和删除等。 练习创建动作渐变动画、形状渐变动画、路径动画和遮罩动画。 练习Flash中帧的控制，并用Flash制作简单的综合动画。

二、实验环境：

本次实验基于Windows 2000 的操作系统，使用的软件是 Flash MX

三、实验内容及步骤：

实验内容功能描述，上机操作具体步骤。

四、实验总结

通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。

一、实验目的及要求：

1．

2． 使用Dreamweaver MX上传自己的站点 对自己的站点分别进行下载时间测试、浏览器兼容性测试、链接测试和拼写测试，如果发现问题，及时更正

二、实验环境：

本次实验基于Windows 2000 的操作系统，使用的软件是 Dreamweaver MX

三、实验内容及步骤：：

实验内容功能描述，上机操作具体步骤。

四、实验总结

通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。

第二篇：上机1--现代工业统计实验报告格式

现代工业统计实验作业格式

一、实验题格式

实验问题求解完成之后，每个实验成员需要对实验过程中的问题求解分析、统计实验方法、实验步骤及程序设计等撰写一份简要实验报告，报告可以参照以下几方面进行填写：

【实验题目名称】

【实验软件】Minitab15.0中文版

【实验内容】

【实验步骤】

【实验结果与分析】

二、作业题格式

1、题目

2、【解】

3、【答】

实验1-熟悉Minitab15和JMP9.0

（1）Minitab15

○简介，下载地址

http://www.njcdtjx.com/news.asp?key=606

○安装

○启动、退出

○浏览各种窗口、输入、输出

○简介使用方法—>点菜单功能—>点邦助—>点相应示例—>模仿示例即可

（2）JMP9.0

○简介、安装、下载地址，

 http://www.sescn.org.cn/

（3）数据文件建立与保存

（4）在图书馆和网络上检索质量管理书与杂志（各列出5～10本（感兴趣））

（5）在期刊网上检索现代工业统计与质量管理相关的论文10篇

实验2-质量管理中QC工具使用与过程能力分析（任务上机和手算完成下列问题）

1．某纺织厂漂染车间QC小组针对一年中出现的染色疵点进行统计分析。现收集到如下一些数据，请画出排列图并指出主要的质量问题。
    项目        色花 色渍 蜡花 色差 其他
    数量（个）  280    50   17  120   33

【实验题目名称】画出排列图并指出主要的质量问题

【实验软件】Minitab15.0中文版

【实验内容】用排列图对纺织厂漂染车间一年中出现的染色疵点进行统计分析，并画出排列图，指出主要质量问题。

【实验步骤】1.制作工作表

2.绘制帕累托图

【实验结果与分析】

由于超过一半是由于色花原因出现质量问题，所以我们应该着重减少色花数量。

2. 下面的数据是某钢铁厂扎刚车间的钢板厚度的测量值：

5.77   6.01   5.71   6.19   6.42   5.92   5.87   5.89   5.96   5.95

6.27   6.04   5.75   6.11   6.13   5.92   5.63   5.91   6.05   5.94

5.93   5.98   5.96   5.74   5.71   5.75   5.80   6.00   6.25   6.07

6.08   5.92   6.19   5.96   5.96   6.05   6.12   6.21   5.89   6.02

作直方图，并分析其形状。

【实验题目名称】对钢板厚度测量值的统计分析

【实验软件】Minitab15.0中文版

【实验内容】绘制钢板厚度的直方图，分析其形状

【实验步骤】

 1.输入数据，制作工作表

 2.绘制直方图

 

【实验结果与分析】

                          平均值

变量       N  N*  平均值  标准误  标准差  最小值  下四分位数  中位数

钢板厚度  40   0  5.9758  0.0271  0.1712  5.6300      5.8900  5.9600

变量      上四分位数  最大值

钢板厚度      6.0775  6.4200

 钢板的厚度呈正态分布，均值5.976 ，标准差为0.1712，由此可见，该车间钢板生产过程正常。

3．下面记录了36块产生质量问题的钢板原因：

线性伤痕  折    痕  皱    纹  线性伤痕  线性伤痕  线性伤痕

折    痕  皱    纹  轧压划痕  划    痕  重    皮  线性伤痕

重    皮  折    痕  线性伤痕  折    痕  线性伤痕  皱    纹

折    痕  线性伤痕  轧压划痕  耳    子  线性伤痕  皱    纹

折    痕  线性伤痕  皱    纹  折    痕  折    痕  线性伤痕

皱    纹  划    痕  线性伤痕  线性伤痕  轧压划痕  折    痕

作排列图，并指出产生质量问题的主要因素。

【实验题目名称】分析36块产生质量问题的钢板原因

【实验软件】Minitab15.0中文版

【实验内容】对出现质量问题钢板原因绘制排列图，并指出产生质量问题的主要因素。

【实验步骤】

1.输入数据，制作工作表

2.绘制帕累托图

【实验结果与分析】

根据绘制图表分析可得，线性伤痕和折痕是导致钢板产生质量问题的主要原因，因而要着重注意减少线性伤痕和折痕的发生率。

4. 某QC小组全组名厨师的食调技术进行了调查,得出下表。试画出排列图进行分析，并对主要问题提出解决的措施。

【实验题目名称】对名厨师的食调技术的统计分析

【实验软件】Minitab15.0中文版

【实验内容】绘制名厨师食调技术的排列图找出主要问题，并提出解决措施。

【实验步骤】

1.输入数据，制作工作表

2.绘制帕累托图

【实验结果与分析】

根据图表分析，技术空白是当前名厨师烹调技术的主要现状，针对这种问题我们可以采取措施是：加强人员的技术培训，实行定期测试和岗位轮换制度。

5. 下图为某有限公司“中继线插头槽径大”的因果图。图中用方框框出的末端因素是“要因”。这里“要因”经确认后均应列入对策表中。

请用因果图法分析中继线插头槽径大的真实原因，并用Minitab作出中继线插头槽径大的因果图。

【实验题目名称】采用因果法对插头漕径进行统计分析

【实验软件】Minitab15.0中文版

【实验内容】绘制因果图分析中继线插头漕径大的原因

【实验步骤】

1.       制作工作表

2.       用minitab对数据进行处理

【实验结果与分析】

6. 以如何有效地学习“大学英语”课程为主题开展一次个人头脑风暴。

【实验题目名称】以如何有效地学习“大学英语”课程为主题开展一次个人头脑风暴

【实验条件】

【实验内容】

围绕如何有效地学习大学英语课程这一主题，发散思维，提出问题并发表自己的见解

【实验步骤】

1.       明确阐述问题

2.       发散思维，提出自己不同的见解

3.       记录见解，并指出相应的解决方案

4.       总结

【实验结果与分析】

如何有效的学习大学英语

          见解                                  措施

      缺少语感练习                       多阅读英语文章，增强语感

      词汇缺乏                           多阅读英文报刊，杂志，对不认识的加以标注

      听力弱                             收听英文广播，看少许英文电影

      口语差                              多与外国人交流，多说英文，增强语言意识

7. 某毕业生写毕业论文，题目为“新形式下保险公司人力资源管理的对策”，文章共分三大部分，A、新形式下保险公司人力资源管理的意义；B、新形式下保险公司人力资源管理存在的问题；C、新形式下保险公司人力资源管理的对策。试画出KJ法的示意图。

【实验题目名称】新形式下保险公司人力资源管理的对策KJ法示意图

【实验条件】

【实验内容】对新形式下保险公司人力资源管理的对策画出KJ法

【实验步骤】

1.       围绕题目，找出主干

2.       根据主干，着重归纳细节

3.       画出亲和图

4.       总结

【实验结果与分析】

新形式下保险公司人力资源管理的对策