上机实验报告格式

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