网页设计实验报告 -
- 格式：doc
- 大小：2.54 MB
- 文档页数：6
《集中上机（网络、语言）》-网页设计实验报告
学院：
专业班级：
姓名：
指导教师：
设计时间：
一、实验目的
为了验证和巩固理论知识，提高同学们的学习兴趣和动手能力，培养同学们的协调工作意识和能力，特安排本实验内容。
希望该实验课能够激发同学们的学习热情，为同学们将来走上社会就业提供实践的指导作用。
二、实验要求
（1）为了充分发挥同学的主动性，同学可自选课题，但必须事前经计算中心试验指导老师审定认可。
（2）根据课题工作量大小或难易程度同学可自行分组完成，通常每组人数最多不超过2人。
（3）开发工具不限。
（4）主题要求健康、积极，具有一定的技术难度，如平面布局合理、美观；有动、静态文字、图片的结合、多页链接、网站链接等。
（5）实习报告突出策划、设计、编码、测试等主要过程。
（6）提交实验报告的形式既可以是完成课题的总结，也可以是完成课题项目的使用说明等。
但文本编排必须规范。
三、设计工具
Macromedia Dreamweaver MX 2004 软件
美图秀秀
四、实验步骤
1、确定网站主题。
确定好自己将要做的网站的主题，有助于收集网站素材，以后工作的开展更方便顺利。
2、根据网站主题收集素材。
3、制作网站。
（1）学习
制作网页之前先学习怎样制作网页。
通看了一遍“网页制作视频教程”，初步了解了网页制作的流程和基本技术。
(2)制作过程
1）先新建一个空白网页，把光标定在网页的开始位置
2）插入表格执行“插入”—“表格”
好的网页与设计者对网页面的总体规划密不可分。
表格是网页制作中最重要的版面设计运用到的工具，只有合理的运用它才能生成好看的网页。
3）在表格中根据自己的需要输入文字或插入图片，再在页面属性中设置背景颜色或背景图片。
再在下方属性面板中设置文字的属性。
或调整文字、图片或整体便面的对齐方式。
这样既可生成属于自己的网页。
4、图片的编辑。
利用美图秀秀图片编辑软件来编辑自己需要的图片。
在美图秀秀中打开一张自己需要编辑的图片。
选中文字编辑栏，添加文字和文字效果。
美图后的效果为：
再将图片插入网页中。
执行“插入”—“图像”，在文件夹中找到图片，然后点击“确定”。
5、根据网页制作基本方法制作其他页面。
6、铆钉制作。
有时候页面太长、太宽，想要立刻找到自己想要的内容就比较麻烦，这时就需要制作铆钉，这样的话只要点击导航条页面就会立刻跳转到你想去的位置。
在下列图片显示的下拉菜单中选中“常用”按钮。
从左到右第三个图标为铆钉，将光标定位在要创立铆钉的地方点击铆钉图标，在弹出来的对
话框中输入铆钉名称。
再在导航条中选中文字，将下方链接条后面的“指向文件”拖向创立铆钉的地方即可。
7、网站内部网页的链接。
在导航条中选中将要链接的网页名称，将下方属性面板中链接条后面的“指向文件”拉向右边的网页。
运用这种较为简单的方法就可以将网站内部所有的网页都链接起来。
五、实验结果。
网站的主题为个人网站，已做好了简单的网页，并把网站内部的网页链接了起来。
网页共有7个页面。
分别为“我的主页”、“我的日志”、“我的文学收藏”、“我的影视收藏”、“我的相册”、“我的音乐”和“写信给我”。
预览效果良好。
六、实验心得
做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
1.标题
在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。
2.内容的采集
选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。
个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来。
3.图片
做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。
4.网页排版
网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。
不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。
5.背景
网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。
合理的应用色彩是非常关键的。
