上机实验报告格式

网页设计实 验 报 告 院 （部）：热能学院专 业：热能与动力工程班 级：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代码，注意选择“导出切片”实验名称： 使用Dreamweaver进行页面布局设计课程名称：网页设计指导教师：刘轩班级：学号：姓名： 成绩：一、实验目的及要求：1 利用Fireworks工具，学习绘制基本的图形。2 利用Fireworks创建和编辑位图、矢量图像，要求将处理前后的图像作对比，并表明处理的过程和用到的方法。3 使用Fireworks编辑文本，创建路径文本。4 利用Fireworks对图像处理，产生羽化效果。5 利用Fireworks制作悬停按键。二、实验环境：本次实验基于Windows 2000 的操作系统，使用的软件是 Fireworks MX三、实验内容及步骤：实验内容功能描述，上机操作具体步骤。四、实验总结通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。实验名称： 使用Fireworks处理图像课程名称：网页设计指导教师：刘轩班级：学号：姓名： 成绩：一、实验目的及要求：1 练习Fireworks图像切片工具的使用，并能将切片图像保存。2 练习Fireworks图像热点工具的使用。3 使用Fireworks进行网站布局和版式制作，通过热点工具创建链接，通过切片切割图像，并保存成Html网页。二、实验环境：本次实验基于Windows 2000 的操作系统，使用的软件是 Fireworks MX三、实验内容及步骤：实验内容功能描述，上机操作具体步骤。四、实验总结通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。实验名称： 使用Fireworks制作网站课程名称：网页设计指导教师：刘轩班级：学号：姓名： 成绩：一、实验目的及要求：1 练习创建一个Flash文档，并在舞台上使用绘图工具箱绘制简单的几何图形2 了解图层，练习图层的添加、删除、命名等操作3 练习帧的操作，包括创建关键帧、创建空白关键帧，帧的复制、粘贴和删除等。4 练习创建动作渐变动画、形状渐变动画、路径动画和遮罩动画。5 练习Flash中帧的控制，并用Flash制作简单的综合动画。二、实验环境：本次实验基于Windows 2000 的操作系统，使用的软件是 Flash MX三、实验内容及步骤：实验内容功能描述，上机操作具体步骤。四、实验总结通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。实验名称： 使用Flash制作简单的动画课程名称：网页设计指导教师：刘轩班级：学号：姓名： 成绩：一、实验目的及要求：1 使用Dreamweaver MX上传自己的站点2 对自己的站点分别进行下载时间测试、浏览器兼容性测试、链接测试和拼写测试，如果发现问题，及时更正二、实验环境：本次实验基于Windows 2000 的操作系统，使用的软件是 Dreamweaver MX三、实验内容及步骤：实验内容功能描述，上机操作具体步骤。四、实验总结通过上机实践，对所学内容的某个知识点有了更深入的理解，写出一些体会、学习心得。实验名称： 站点的测试和上传课程名称：网页设计指导教师：刘轩班级：学号：姓名： 成绩：