网页设计综合实验报告

网 页 设 计 实 验 报 告

课程名称：作业名称：学生姓名：本人学号：专业班级：任课老师：本人签名：

《 网页设计 》课程综合性实验报告

实验题目 个人主页网站的开发 一、实验目的 使用Dreamweaver软件完成网页的制作。 二、设备与环境 微机、Dreamwaver 8 三、实验内容 按照特定的主题制作一个完整的网站。 使用Dreamweaver软件完成网页的制作。 网站中要包括文字与段落，列表，超链接，多媒体，表格，表单，框架，CSS，JavaScript的9个内容 至少包含1个主页页面和3个功能页面，各页面要求综合运用CSS、DIV、JavaScript等技术完成。 尽可能多地使用学过的技术手段。 在上交文件中主页一律以命名。 四、实验结果及分析 一．网站内容 主页 注册 相关 视频 图片 网站部分截图 以上是网站的部分截图 二．Dreamweaver部分 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台和跨越浏览器的充满动感的网页。 本博客网站利用Dreamweaver实现静态网页，运用了表格将网站页面进行整体布局，页面专业美观，色彩和谐。网页绝大部分画面都是由其完成 超链接部分 超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 本网站中，导航栏，图片及部分文字部分均设置了超链接，为查找相关的知识提供了便利的条件。 Flash部分 Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。 网站在视频部分，插入了视频，可供来访人员欣赏，丰富了网站内容。 CSS部分 级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 网页多数地方均涉及到CSS，达到美化页面的作用。 JavaScript部分 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中连接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序 等。它是通过嵌入或调入到标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。 在本网页中，注册页面与登录页面中，均利用了JavaScript，达到了网页智能化的效果。 七．小结 通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多： （1）掌握使用表格进行网页布局设计。 （2）掌握网页装饰设计。 （3）会使用简单的HTML设计。 （4）会使用DREAMWEAVER建立本地站点。插入文字与段落，列表，超链接，多媒体，表格，表单，框架等内容。 （5）会利用css或javascript进行编辑并将其应用在网页中。 （7）实现简单的交互。 在制作网站的过程中，也碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题，通过循序渐进的学习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如没有动态页面、一些效果的运用等运用的不够多，同时网页布局也不是很完善，但是，却培养了我思考问题的能力。