网页设计实验报告 -.doc

集中上机（网络、语言）-网页设计实验报告学 院： 专业班级： 姓 名： 指导教师： 设计时间： 一、实验目的为了验证和巩固理论知识，提高同学们的学习兴趣和动手能力，培养同学们的协调工作意识和能力，特安排本实验内容。希望该实验课能够激发同学们的学习热情，为同学们将来走上社会就业提供实践的指导作用。二、实验要求（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.网页排版网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻