《网页设计实验报告.docVIP

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