网页设计实验报告w.docx

资源描述

网页设计实验报告w.docx

《网页设计实验报告w.docx》由会员分享，可在线阅读，更多相关《网页设计实验报告w.docx（46页珍藏版）》请在冰点文库上搜索。

网页设计实验报告w.docx

网页设计实验报告w

中南民族大学管理学院

学生实验报告

课程名称：

网页设计与制作

姓名：

星存田

学号：

10058048

年级：

2010 级

专业：

电子商务

指导教师：

罗惠平

实验地点：

管理学院综合实验室

2011 至 2012 学年度第 2 学期

中南民族大学管理学院学生实验报告

实验一HTML 网页制作

实验二FrontPage 2003 网页制作

实验三Dreamweaver 8 网页制作

实验四Photoshop CS2 网页制作

实验五Fireworks 8 网页制作

实验六Flash 网页制作

中南民族大学管理学院学生实验报告

实验一HTML 网页制作

实验属性验证型实验时间2012-3-29

实验目的

学习如何编写 HTML 文档，并学会 HTML 的一些基本标记，如标题、背景图片、图

像。

水平线、文字编辑、段落、超链接、文本堆砌的使用方法。

学习 HTML 表单标

记的应用、框架标记，书签链接标记等等。

实验内容

1.鸟语花香网页

2.课表制作

3.表单的制作

4.框架的应用

5.书签的应用

6.网页定时跳转

7.下载提示，弹出窗口

实验步骤

中南民族大学管理学院学生实验报告

实验结果分析

这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样

收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，

学会了写 HTML 文档，并学会 HTML 的一些基本标记，如标题、背景图片、图像。

水平线、文字

编辑、段落、超链接、文本堆砌的使用方法。

学习 HTML 表单标记的应用、框架标记，书签链

接标记

中南民族大学管理学院学生实验报告

指导教师批阅

（1）实验态度：

不认真（　），较认真（　），认真（　）

（2）实验目的：

不明确（　），较明确（　），明确（　）

（3）实验内容：

不完整（　），较完整（　），完整（　）

（4）实验步骤：

混乱（　），较清晰（　），清晰（　）

（5）实验结果：

错误（　），基本正确（　），正确（　）

（6）实验结果分析：

无（　），不充分（　），较充分（　），充分（　）

（7）其它补充：

总评成绩：

评阅教师（签字）：

实验二FrontPage 2003 网页制作

实验属性验证型实验时间2012-4-12

实验目的

掌握 frontpage 2003 新增加的网页布局的功能，了解 frontpage 2003 中的表单

元素的应用了解利用框架设计网页的基本操作，学习层在 frontpage 2003 的应用，

制作网页动态效果，动画效果制作等等。

实验内容

1.表格布局页面

2.建立表单

中南民族大学管理学院学生实验报告

3.利用框架设计网页

4.层与行为的综合应用

5.制作文字的动态效果

6.制作网页动画

7.制作网页过渡效果

实验步骤

中南民族大学管理学院学生实验报告

实验结果分析

在设计框架时经常需要调整某一行或列的属性，这时可以通过表格中列宽和行高的标签来

完成。

在操作窗口中单击布局表格需要调整的边框，每一侧都会出现显示列宽和行高的标签。

每个标签都包括一个下拉箭头，如更改行高度时，单击此下拉箭头弹出一个下拉菜单，选择“更

改行高”命令，在弹出的“行属性”对话框中重新输入该行高度值即可。

FrontPage2003 还提

供了一个表格自动功能，它可以按照比例自动伸缩，调整表格的宽度和高度，使用时在边距标

签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进行调整，非常方便。

中南民族大学管理学院学生实验报告

指导教师批阅

（1）实验态度：

不认真（　），较认真（　），认真（　）

（2）实验目的：

不明确（　），较明确（　），明确（　）

（3）实验内容：

不完整（　），较完整（　），完整（　）

（4）实验步骤：

混乱（　），较清晰（　），清晰（　）

（5）实验结果：

错误（　），基本正确（　），正确（　）

（6）实验结果分析：

无（　），不充分（　），较充分（　），充分（　）

（7）其它补充：

总评成绩：

评阅教师（签字）：

中南民族大学管理学院学生实验报告

实验三Dreamweaver 8 网页制作

实验属性验证型实验时间2012-4-26

实验目的

了解并掌握 Dreamweaver 8 的个个功能，比如表单，框架结构，时间轴在网页制

作室的应用，层在网页图片上的应用，弹出式菜单在网页中的应用功能，用图片

查看器制作简单的 flash 相册，用表格布局页面，最后建立一个简单的网站。

实验内容

1 表单的制作

2 制作框架页面

3 时间轴的应用

4 层的应用

5 制作弹出式菜单

6 制作 Flash 相册

7 用表格布局页面

8 制作个人网站

实验步骤

中南民族大学管理学院学生实验报告

实验结果分析

跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种

执著。

学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题

时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了

半个月时间才解决。

学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的

更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经

达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技

术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知

识,还涉及到 html,javascript,css,asp,php 等编程语言技术方面的知识.只有综合运用多种知

识,才能设计出视听特效,动感十足,富于个性的 web 页面,才能全面展现互联网这一新型媒体的

独特魅力和多维空间的超强功能.

注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以

评论，可以交互的。

我提倡简单的美。

中南民族大学管理学院学生实验报告

指导教师批阅

（1）实验态度：

不认真（　），较认真（　），认真（　）

（2）实验目的：

不明确（　），较明确（　），明确（　）

（3）实验内容：

不完整（　），较完整（　），完整（　）

（4）实验步骤：

混乱（　），较清晰（　），清晰（　）

（5）实验结果：

错误（　），基本正确（　），正确（　）

（6）实验结果分析：

无（　），不充分（　），较充分（　），充分（　）

（7）其它补充：

总评成绩：

评阅教师（签字）：

中南民族大学管理学院学生实验报告

实验四Photoshop CS2 网页制作

实验属性验证型实验时间2012-5-10

实验目的

掌握 Photoshop CS2 的文字的处理的基本功能，用 Photoshop CS2 制作具体的金

属效果，倒影的效果，利用 Photoshop CS2 快速蒙版功能制作一个艺术边框，用

Photoshop CS2 对图片进行抠图操作等等。

实验内容

1 制作光晕空心字效果实验步骤

2 制作金属效果按钮

3 制作风景倒影效果

4 制作一个图片艺术边框

5 利用滤镜抽出功能抠图

6 利用通道进行抠图

7 制作一个精美的吊牌

8 制一长结婚请柬

实验步骤

中南民族大学管理学院学生实验报告

实验结果分析

通过这次网页设计与制作综合型实验后，使得我不仅对 dreamweaver8的网站页面布局工

具层、框架、标签、表格、css 样式表、表单、flash 元素、等站点建设的整个流程有了更完

善的了解与认识，并且能够熟练掌握应运，且在 html 编写、javascript 脚本改写以及素材搜

集等方面有了深刻认识和更高层次的掌握。

熟悉了设置 css 样式、运用行为、时间轴来美化网

页，并运用更多的软件如 flash、photoshop 软件与 dreamweaver 共同来完善网站。

明确了网

站的制作流程：

首先要构思出一个清晰的思路，要注意颜色的搭配，不能色彩太显眼，让人感

觉到视觉疲劳，注意整个网页的布局，以及给人一种舒服的视觉感受。

此外，还对 dreamver

软件中各个菜单及相关属性设置及具体应用更加熟悉。

最主要的是对网站建设流程有了整体的

概念和清晰的认识。

真正让我体会到了 dreamweaver 强大的设计和管理功能。

从中我体会出网

站的设计制作不仅要求我们对所学的专业知识有个较全面的了解，而且要全面地学习网站设计

制作所需要的软件（比如“网页三剑客”）知识。

在刚开始的时候觉得无从下手，心里有点茫

然，只有抓紧时间紧跟老师学习 dreamweaver 软件知识。

后来才发现在一段时间内想把这方面

的知识学得很精，并不是一件很容易的事情。

通过老师的耐心教授以及视频教程和同学间的帮

助，我克服了诸多困难，学到许多网页设计制作知识。

为以后的学习打下深深地基础。

同时我

也得出了一点道理：

一、无论做什么事情都要有一种执着的精神。

否则就会半途而废；二、做

什么事情也不能急于求成，否则则欲速则不达！

三、在做一件事情以前必须有详实可行的计划，

否则就会出现不知做什么的现象和后来的手忙脚乱的现象。

中南民族大学管理学院学生实验报告

指导教师批阅

（1）实验态度：

不认真（　），较认真（　），认真（　）

（2）实验目的：

不明确（　），较明确（　），明确（　）

（3）实验内容：

不完整（　），较完整（　），完整（　）

（4）实验步骤：

混乱（　），较清晰（　），清晰（　）

（5）实验结果：

错误（　），基本正确（　），正确（　）

（6）实验结果分析：

无（　），不充分（　），较充分（　），充分（　）

（7）其它补充：

总评成绩：

评阅教师（签字）：

中南民族大学管理学院学生实验报告

实验五Fireworks 8 网页制作

实验属性验证型实验时间2012-5-24

实验目的

掌握 Fireworks 8 图像和网页制作的功能，简单的 logo 和按钮的制作，弹出菜单

的制作，通过马赛克文字效果掌握一些图像处理的技巧，掌握一般替代动画的制

作方法和淡入淡出的动画的制作方法，最后掌握帧在动画中的应用。

实验内容

1.简单 LOGO 制作方法一

2.制作按钮

3.制作弹出菜单

4.制作马赛克文字效果

5.制作替换动画

6.制作淡入淡出动画

7.制作多帧动画

实验步骤

中南民族大学管理学院学生实验报告

实验结果分析

应从使用者的视觉感观、操作效果、思维过程等方面寻找答案,比如用红色作为企业级应

用的主体色,就要很慎重了,因为红色是代表着激情、热烈与企业级应用的要求差距较大,这样

就影响视觉效果;比如需要进行层次较多的选择时,以前会先用一个列表选择进去,再选择其相

应的子选项进行查询、添加等操作,这样操作效果就很差很罗嗦,对于这样情况采用旁边放颗树

进行选择,不失为一个好的表现形式;比如要实现一些审核性、流程性、过程性的业务,可以考

虑采用流程图的形式,这样非常直观明了而且易操作;比如要常实现的添加、删除、修改、查询

等操作时,如何在页面上组织它们才能使用户使用方便,这时就要考虑用户通常的思维过程是

如何的,据此实现,用户使用起来就会方便舒心.

中南民族大学管理学院学生实验报告

指导教师批阅

（1）实验态度：

不认真（　），较认真（　），认真（　）

（2）实验目的：

不明确（　），较明确（　），明确（　）

（3）实验内容：

不完整（　），较完整（　），完整（　）

（4）实验步骤：

混乱（　），较清晰（　），清晰（　）

（5）实验结果：

错误（　），基本正确（　），正确（　）

（6）实验结果分析：

无（　），不充分（　），较充分（　），充分（　）

（7）其它补充：

总评成绩：

评阅教师（签字）：

中南民族大学管理学院学生实验报告

实验六Flash 8 网页制作

实验属性验证型实验时间2012-6-7

实验目的

掌握 Flash 层的应用，动画中使用按钮，菜单和窗口等控件。

用 Flash 8 制作闪

烁的文字效果，应用 Flash 制作简单的广告，应用 Flash 制作下雨的效果，制作

电子日历的效果.

实验内容

1 图层的妙用

2 制作按钮

3 制作菜单

4 制作文字闪烁效果

5 制作简单贺卡

6 制作简单广告

7 ActionScript 动画

8 制作电子日历效果

实验步骤

中南民族大学管理学院学生实验报告

实验结果分析

Flash 8 功能小到用户不会察觉其中丰富的变化，甚至可能有人认为笔者用上千字来阐述拖放

是小题大做。

但设计师却不能看不到这个小功能背后隐藏着用户长久的使用习惯和需求。

作为

设计师而言，我们可能需要思考：

如何提炼用户的需求和使用习惯，从而设计出既符合用户日

常使用习惯，自然又便捷的交互方式

网页制作心得技巧:

交互设计经验分享:

WEB 拖放交互设计

中南民族大学管理学院学生实验报告

指导教师批阅

（1）实验态度：

不认真（　），较认真（　），认真（　）

（2）实验目的：

不明确（　），较明确（　），明确（　）

（3）实验内容：

不完整（　），较完整（　），完整（　）

（4）实验步骤：

混乱（　），较清晰（　），清晰（　）

（5）实验结果：

错误（　），基本正确（　），正确（　）

（6）实验结果分析：

无（　），不充分（　），较充分（　），充分（　）

（7）其它补充：

总评成绩：

评阅教师（签字）：

展开阅读全文