资源描述
网页设计实 验 报 告 院 (部):热能学院专 业:热能与动力工程班 级: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三、实验内容及步骤:实验内容功能描述,上机操作具体步骤。四、实验总结通过上机实践,对所学内容的某个知识点有了更深入的理解,写出一些体会、学习心得。实验名称: 站点的测试和上传课程名称:网页设计指导教师:刘轩班级:学号:姓名: 成绩:
展开阅读全文