当前位置:文档之家› 网页设计综合实验报告

网页设计综合实验报告


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