文档介绍：网页设计说明书楚雄师范学院 1 1 网页设计说明书学校: 楚雄师范学院班级: 12 级电信一班科目: 网页设计说明书姓名: 刘保婕学号: 20120922120 网页设计说明书楚雄师范学院 1 2 情人节网页制作说明书目录引言第一章网页概述第二章网页设计思路网站开发的意义网页设计背景开发环境以及开发工具素材收集网页设计内容构想第三章网页内容简介网页功能简介网页主要功能描述网页的浏览第四章网页设计网页结构总图各网页模块的组成网页制作环境网页设计思路第五章网页制作素材的加工制作网页设计说明书楚雄师范学院 1 3 网站的建立网页设计主页设计节日起源我们的故事情人节的祝福爱的告白墙设计体会致谢摘要随着社会的不断进步与发展,互联网得到广泛运用成为一个交流信息的平台。现在很多企业,学校,以及个人都有自己的网站。随着网络和经济的不断发展, 现在很多东西都已经接入互联网, 来对自己行推广。在这个高度信息化的社会里, 建立属于自己的网站是最直接的宣传手段, 情人节网站是给我们提供一个展示节日起源, 我们的故事, 情人节的祝福, 爱的表白墙的专题交互的平台。本文展示了《情人节》开发的基本过程,该系统的主要功能主要包括节日起源, 我们的故事, 情人节的祝福, 爱的表白墙的专题交互的平台。这些功能都是通过 Dreamweaver 得以实现, 网站中还使用了 flash cs4 对图片网页设计说明书楚雄师范学院 1 4 进行简单的动画处理。本文从该网站的要求和思想讲起; 然后介绍开发工具及运行环境;接下来就开始对网站总体框架进行分析和设计; 最后对网站的详细设计与功能模块的最终实现。关键词: Dreamweaver ;情人节的网站; flash cs4 第一章网页概述网页,是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,网站就是由网页组成的。网页说具体了是一个 html 文件, 浏览器是是用来解读这份文件的。本次网页设计,主要用 HTM L 语言编写,利用作为开发工具,中间插入了一些 Javascript 语言用以编制一些特效,如左右移动图片广告、显示当前时间等, 主要介绍了情人节的概括, 以图片和文字介绍相结合的方式, 穿插一些视频媒体, 以网站浏览的方式综合展示了将情人节展现给大家。第二章网页设计思路网站开发的意义情人节又叫圣瓦伦丁节或圣华伦泰节,即每年的 2月 14日,是西方的传统节日之一。这是一个关于爱、浪漫以及花、巧克力、贺卡的节日男女在这一天互送礼物用以表达爱意或友好。现已成为欧美各国青年人喜爱的节日, 其他国家也已开始流行。而在中国, 传统节日之一的七夕节也是姑娘们重视的日子,因此而被称为中国的情人节。由于能表达共同的人类情怀, 各国各地纷纷发掘了自身的“情人网页设计说明书楚雄师范学院 1 5 节”。网站设计背景由于因特网的开放结构,对多数用户来说,已不满足于浏览别人制作的网页, 而要自己制作网页发布到因特网上, 所以网页制作不仅是专业人员的工作,已成为普通人的生活和工作需求。制作工具选择 Macromedia Dreamweaver 是一款集网页制作和管理网站于一身的所见即所得网页编辑器, 是一套视觉化网页开发工具, 利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。概括起来, Dreamweaver 具有以下优点: 一是最佳的制作效率。 Dreamweaver 可以用最快速的方式将 Fireworks , FreeHand ,或 Photoshop 等档案移至网页上。对于选单, 快捷键与格式控制, 都只要一个简单步骤便可完成。二是方便的网站管理功能。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称, Dreamweaver 会自动更新所有链接。三是无可比拟的控制能力。 Dreamweaver 是提供 HTML 、视觉化编辑与原始码编辑同步的设计工具。帧(frames) 和表格的制作速度快。 Dreamweaver 支援精准定位, 利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。当使用 Dreamweaver 在设计动态网页时, 所见即所得的功能, 让您不需要透过浏览器就能预览网页。全方位的呈现利用 Dreamweaver 设计的网页, 可以全方位的呈现在任何平台的热门浏览器上。网页设计说明书楚雄师范学院 1 6 素材收集文字与图片是构成一个网页的两个最基本的元素。可以简略的理解为: