中南民族大学管理学院
学生实验报告
课程名称： 网页设计与制作 姓 名： 星存田 学 号： 10058048 年 级： 2010级 专 业： 电子商务 指导教师： 罗惠平
实验地点： 管理学院综合实验室
2011至2012学年度第2学期
中南民族大学 管理学院 学生实验报告
实验一实验二实验三实验四实验五实验六
目
录
HTML网页制作 FrontPage 2003 网页制作 Dreamweaver 8 网页制作 Photoshop CS2网页制作 Fireworks 8 网页制作 Flash网页制作
1
中南民族大学 管理学院 学生实验报告
实验一 HTML网页制作 实验属性 验证型
实验时间 2012-3-29 实验目的
学习如何编写HTML文档，并学会HTML的一些基本标记，如标题、背景图片、图像。水平线、文字编辑、段落、超链接、文本堆砌的使用方法。学习HTML表单标记的应用、框架标记，书签链接标记等等。
实验内容
1.鸟语花香网页 2.课表制作 3.表单的制作 4.框架的应用 5.书签的应用 6.网页定时跳转
7.下载提示，弹出窗口
实验步骤
2 中南民族大学 管理学院 学生实验报告
3 中南民族大学 管理学院 学生实验报告
4 中南民族大学 管理学院 学生实验报告
5 中南民族大学 管理学院 学生实验报告
实验结果分析
这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，学会了写HTML文档，并学会HTML的一些基本标记，如标题、背景图片、图像。水平线、文字编辑、段落、超链接、文本堆砌的使用方法。学习HTML表单标记的应用、框架标记，书签链接标记
6 中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（ ），较认真（ ），认真（ ） （2）实验目的：不明确（ ），较明确（ ），明确（ ） （3）实验内容：不完整（ ），较完整（ ），完整（ ） （4）实验步骤：混乱（ ），较清晰（ ），清晰（ ） （5）实验结果：错误（ ），基本正确（ ），正确（ ）
（6）实验结果分析：无（ ），不充分（ ），较充分（ ），充分（ ） （7）其它补充：
总评成绩：
评阅教师（签字）：
实验二 FrontPage 2003 网页制作
实验属性 验证型
实验时间 2012-4-12 实验目的
掌握frontpage 2003新增加的网页布局的功能，了解frontpage 2003中的表单元素的应用了解利用框架设计网页的基本操作，学习层在frontpage 2003的应用，制作网页动态效果，动画效果制作等等。
实验内容
1.表格布局页面 2.建立表单
7 中南民族大学 管理学院 学生实验报告
3.利用框架设计网页 4.层与行为的综合应用 5.制作文字的动态效果 6.制作网页动画 7.制作网页过渡效果
实验步骤
8 中南民族大学 管理学院 学生实验报告
9 中南民族大学 管理学院 学生实验报告
实验结果分析
在设计框架时经常需要调整某一行或列的属性，这时可以通过表格中列宽和行高的标签来完成。在操作窗口中单击布局表格需要调整的边框，每一侧都会出现显示列宽和行高的标签。每个标签都包括一个下拉箭头，如更改行高度时，单击此下拉箭头弹出一个下拉菜单，选择“更改行高”命令，在弹出的“行属性”对话框中重新输入该行高度值即可。FrontPage2003还提供了一个表格自动功能，它可以按照比例自动伸缩，调整表格的宽度和高度，使用时在边距标签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进行调整，非常方便。
10 中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（ ），较认真（ ），认真（ ） （2）实验目的：不明确（ ），较明确（ ），明确（ ） （3）实验内容：不完整（ ），较完整（ ），完整（ ） （4）实验步骤：混乱（ ），较清晰（ ），清晰（ ） （5）实验结果：错误（ ），基本正确（ ），正确（ ）
（6）实验结果分析：无（ （7）其它补充：
总评成绩：
评阅教师（签字）：
），不充分（
），较充分（ 11
），充分（
） 中南民族大学 管理学院 学生实验报告
实验三 Dreamweaver 8 网页制作
实验属性 验证型
实验时间 2012-4-26 实验目的
了解并掌握Dreamweaver 8的个个功能，比如表单，框架结构，时间轴在网页制作室的应用，层在网页图片上的应用，弹出式菜单在网页中的应用功能，用图片查看器制作简单的flash相册，用表格布局页面，最后建立一个简单的网站。
实验内容
1 表单的制作 2 制作框架页面 3 时间轴的应用 4 层的应用
5 制作弹出式菜单 6 制作Flash相册 7 用表格布局页面 8 制作个人网站
实验步骤
12 中南民族大学 管理学院 学生实验报告
13 中南民族大学 管理学院 学生实验报告
14 中南民族大学 管理学院 学生实验报告
15 中南民族大学 管理学院 学生实验报告
实验结果分析
跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的\"边缘科学.\"不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,c,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。我提倡简单的美。
16 中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（ ），较认真（ ），认真（ ） （2）实验目的：不明确（ ），较明确（ ），明确（ ） （3）实验内容：不完整（ ），较完整（ ），完整（ ） （4）实验步骤：混乱（ ），较清晰（ ），清晰（ ） （5）实验结果：错误（ ），基本正确（ ），正确（ ）
（6）实验结果分析：无（ （7）其它补充：
总评成绩：
评阅教师（签字）： ），不充分（
），较充分（ 17
），充分（
） 中南民族大学 管理学院 学生实验报告
实验四 Photoshop CS2网页制作
实验属性 验证型
实验时间 2012-5-10 实验目的
掌握Photoshop CS2的文字的处理的基本功能，利用Photoshop CS2制作具体的金属效果，倒影的效果，利用Photoshop CS2快速蒙版功能制作一个艺术边框，用Photoshop CS2对图片进行抠图操作等等。
实验内容
1 制作光晕空心字效果实验步骤 2 制作金属效果按钮 3 制作风景倒影效果 4 制作一个图片艺术边框 5 利用滤镜抽出功能抠图 6 利用通道进行抠图 7 制作一个精美的吊牌 8 制一长结婚请柬
实验步骤
18 中南民族大学 管理学院 学生实验报告
19 中南民族大学 管理学院 学生实验报告
20 中南民族大学 管理学院 学生实验报告
21 中南民族大学 管理学院 学生实验报告
实验结果分析
通过这次网页设计与制作综合型实验后，使得我不仅对dreamweaver8的网站页面布局工具层、框架、标签、表格、c样式表、表单、flash元素、等站点建设的整个流程有了更完善的了解与认识，并且能够熟练掌握应运，且在html编写、javascript脚本改写以及素材搜集等方面有了深刻认识和更高层次的掌握。熟悉了设置c样式、运用行为、时间轴来美化网页，并运用更多的软件如flash、photoshop软件与dreamweaver共同来完善网站。明确了网站的制作流程：首先要构思出一个清晰的思路，要注意颜色的搭配，不能色彩太显眼，让人感觉到视觉疲劳，注意整个网页的布局，以及给人一种舒服的视觉感受。此外，还对dreamver软件中各个菜单及相关属性设置及具体应用更加熟悉。最主要的是对网站建设流程有了整体的概念和清晰的认识。真正让我体会到了dreamweaver强大的设计和管理功能。从中我体会出网站的设计制作不仅要求我们对所学的专业知识有个较全面的了解，而且要全面地学习网站设计制作所需要的软件（比如“网页三剑客”）知识。在刚开始的时候觉得无从下手，心里有点茫然，只有抓紧时间紧跟老师学习dreamweaver软件知识。后来才发现在一段时间内想把这方面的知识学得很精，并不是一件很容易的事情。通过老师的耐心教授以及视频教程和同学间的帮助，我克服了诸多困难，学到许多网页设计制作知识。为以后的学习打下深深地基础。同时我也得出了一点道理：
一、无论做什么事情都要有一种执着的精神。否则就会半途而废；
二、做什么事情也不能急于求成，否则则欲速则不达！
三、在做一件事情以前必须有详实可行的计划，否则就会出现不知做什么的现象和后来的手忙脚乱的现象。
22
中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（ ），较认真（ ），认真（ ） （2）实验目的：不明确（ ），较明确（ ），明确（ ） （3）实验内容：不完整（ ），较完整（ ），完整（ ） （4）实验步骤：混乱（ ），较清晰（ ），清晰（ ） （5）实验结果：错误（ ），基本正确（ ），正确（ ）
（6）实验结果分析：无（ （7）其它补充：
总评成绩：
评阅教师（签字）： ），不充分（
），较充分（ 23
），充分（
） 中南民族大学 管理学院 学生实验报告
实验五 Fireworks 8 网页制作
实验属性 验证型 实验目的
实验时间 2012-5-24 掌握Fireworks 8图像和网页制作的功能，简单的logo和按钮的制作，弹出菜单的制作，通过马赛克文字效果掌握一些图像处理的技巧，掌握一般替代动画的制作方法和淡入淡出的动画的制作方法，最后掌握帧在动画中的应用。
实验内容
1.简单LOGO制作方法一 2.制作按钮
3.制作弹出菜单
4.制作马赛克文字效果 5.制作替换动画
6.制作淡入淡出动画 7.制作多帧动画
实验步骤
24 中南民族大学 管理学院 学生实验报告
25 中南民族大学 管理学院 学生实验报告
26 中南民族大学 管理学院 学生实验报告
实验结果分析
应从使用者的视觉感观、操作效果、思维过程等方面寻找答案,比如用红色作为企业级应用的主体色,就要很慎重了,因为红色是代表着激情、热烈与企业级应用的要求差距较大,这样就影响视觉效果;比如需要进行层次较多的选择时,以前会先用一个列表选择进去,再选择其相应的子选项进行查询、添加等操作,这样操作效果就很差很罗嗦,对于这样情况采用旁边放颗树进行选择,不失为一个好的表现形式;比如要实现一些审核性、流程性、过程性的业务,可以考
27 中南民族大学 管理学院 学生实验报告
虑采用流程图的形式,这样非常直观明了而且易操作;比如要常实现的添加、删除、修改、查询等操作时,如何在页面上组织它们才能使用户使用方便,这时就要考虑用户通常的思维过程是如何的,据此实现,用户使用起来就会方便舒心.
指导教师批阅
（1）实验态度：不认真（ ），较认真（ ），认真（ ） （2）实验目的：不明确（ ），较明确（ ），明确（ ） （3）实验内容：不完整（ ），较完整（ ），完整（ ） （4）实验步骤：混乱（ ），较清晰（ ），清晰（ ） （5）实验结果：错误（ ），基本正确（ ），正确（ ）
28 中南民族大学 管理学院 学生实验报告
（6）实验结果分析：无（ ），不充分（ ），较充分（ ），充分（ ） （7）其它补充：
总评成绩：
评阅教师（签字）：
29 中南民族大学 管理学院 学生实验报告
实验六 Flash 8网页制作
2012-6-7 实验属性 验证型 实验时间 实验目的
掌握Flash层的应用，动画中使用按钮，菜单和窗口等控件。用Flash 8制作闪烁的文字效果，应用Flash制作简单的广告，应用Flash制作下雨的效果，制作电子日历的效果.
实验内容
1 图层的妙用 2 制作按钮 3 制作菜单
4 制作文字闪烁效果 5 制作简单贺卡 6 制作简单广告
7 ActionScript动画 8 制作电子日历效果
实验步骤
30 中南民族大学 管理学院 学生实验报告
31 中南民族大学 管理学院 学生实验报告
32 中南民族大学 管理学院 学生实验报告
实验结果分析
Flash 8功能小到用户不会察觉其中丰富的变化，甚至可能有人认为笔者用上千字来阐述拖放是小题大做。但设计师却不能看不到这个小功能背后隐藏着用户长久的使用习惯和需求。作为设计师而言，我们可能需要思考：如何提炼用户的需求和使用习惯，从而设计出既符合用户日常使用习惯，自然又便捷的交互方式
网页制作心得技巧:交互设计经验分享:WEB拖放交互设计
33 中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（ ），较认真（ ），认真（ ） （2）实验目的：不明确（ ），较明确（ ），明确（ ） （3）实验内容：不完整（ ），较完整（ ），完整（ ） （4）实验步骤：混乱（ ），较清晰（ ），清晰（ ） （5）实验结果：错误（ ），基本正确（ ），正确（ ）
（6）实验结果分析：无（ （7）其它补充：
总评成绩：
评阅教师（签字）：
），不充分（
），较充分（ 34
），充分（
）
