网页设计综合实验报告
本实验报告主要介绍了如何使用 Dreamweaver 软件完成网页的制作,并对网页设计的各个方面进行了详细的介绍。
一、实验目的
实验的主要目的 是使用 Dreamweaver 软件完成网页的制作,并运用多种技术手段来制作一个完整的网站。
二、设备与环境
实验所需的设备是微机,软件是 Dreamweaver 8,实验环境是完成网页的制作。
三、实验内容
实验的主要内容是按照特定的主题制作一个完整的网站,使用 Dreamweaver 软件完成网页的制作,并在网站中包含文字与段落、列表、超链接、多媒体、表格、表单、框架、CSS、JavaScript 等 9 个内容。
四、实验结果及分析
实验的结果是一个完整的网站,包括主页和三个功能页面,每个页面都使用了 CSS、DIV、JavaScript 等技术,整个网站的布局和设计都是使用 Dreamweaver 软件完成的。
五、 Dreamweaver 部分
Dreamweaver 是美国 MACROMEDIA 公司开发的网页编辑器,是一个集网页制作和管理网站于一身的所见即所得网页编辑器。使用 Dreamweaver,可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页设计。
六、超链接部分
超链接是网页的一部分,是一种允许我们同其他网页或站点之间进行连接的元素。超链接的目标可以是另一个网页、相同网页上的不同位置、图片、电子邮件地址、文件、应用程序等。在本网站中,导航栏、图片及部分文字部分均设置了超链接,为查找相关的知识提供了便利的条件。
七、 Flash 部分
Flash 是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。在本网站中,视频部分插入了视频,为来访人员提供了欣赏的机会,丰富了网站内容。
八、 CSS 部分
级联样式表(Cascading Style Sheet)简称“CSS”,是用来进行网页风格设计的。使用 CSS,可以统一地控制 HTML 中各标志的显示属性,扩充精确指定网页元素位置、外观以及创建特殊效果的能力。在本网站中,多数地方均涉及到 CSS,达到美化页面的作用。
九、 JavaScript 部分
JavaScript 是一种基于对象 (Object) 和事件驱动 (Event Driven) 并具有安全性能的脚本语言。使用 JavaScript,可以与 HTML 超文本标记语言、Java 脚本语言一起实现在一个 Web 页面中连接多个对象,与 Web 客户交互作用。在本网站中,注册页面与登录页面中,均利用了 JavaScript,达到了网页智能化的效果。
十、小结
通过本次的网站设计,运用了本学期所学到的知识,同时也加深了所学知识的内容。本次的网页制作使我学会了很多,如掌握使用表格进行网页布局设计、掌握网页装饰设计、会使用简单的 HTML 设计、会使用 DREAMWEAVER 建立本地站点、插入文字与段落、列表、超链接、多媒体、表格、表单、框架等内容、会利用 CSS 或 JavaScript 进行编辑并将其应用在网页中、实现简单的交互等。