网页制作的程序与设计毕业论文

网页制作的程序与设计毕业论文目录

摘要........................................................ I 第1章选题背景 (1)

1.1来源 (2)

1.2目的 (2)

1.3意义 (2)

1.4应解决的主要问题 (2)

1.5应达到的技术要求 (3)

1.6国外现状及发展趋势 (3)

1.7所用各技术特点 (3)

1.8网页制作优缺点 (4)

1.9 PS页面样式 (5)

第2章方案论证 (9)

2.1设计原理 (10)

2.2方案选择 (15)

2.3方案的特点 (16)

2.4 css代码 (17)

第3章后台 (29)

1 后台页面 (29)

2 页面代码 (30)

3 运行环境 (33)

3 小结 (34)

第4章总结 (35)

致谢 (35)

第1章引言

一、介绍

超是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。

框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面容。

网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者JavaScript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、发布和管理站点等技术。

Web页面往往是具有各种各样的页面元素、丰富的容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术，不可能创作出一个优秀的Web页面，一个美观而实用的Web页面往往需要综合利用各种技术。

二、概述

1. 名称：“JONY的天空”

2. 步骤：

(1) 确立主题

(2) 收集资料

(3) 创建

(4) 编辑网页

(5) 美化网页

三、目的

运用已经掌握的知识完成一个环境保护企业。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。

四、要求

根据公司的要求，设计一个，以达到宣传该公司及其产品的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，容丰富多彩，页面风格独特。

五、设计工具

Dreamweaver、Flash、Photoshop等。

六、站点构思

1.整体构思：

本主题为：JONY的天空个人。总共有主网页7个，外加后台网页及程序。主页是一个总目录的网页，里面加有网页动画效果“相册浏览”及Flash动画，本站几个主要分网页分别为：首页、展示时刻、心情日志、随笔感悟、温馨相册、关于我们。还有许多子网页。

2.页面构思：

下面介绍一下中的几个网页的制作。

背景色采用跟主页一样的蓝色，淡蓝色的背景给人以干净大方的感觉，上方为Flash动画与导航部分，全部均是用Photoshop制作的图片PSD图片，每个页色调均不相同。左边的LOGO是用Photoshop制作的图片。

每个页面都有一个置的播放器，不同的页面有不同风格的音乐，让浏览者有身临其境的感觉，播放器支持点击播放/停止的功能，更加人性话。

七所用各技术的特点

1.Dreamweaver : Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。

Dreamweaver的主要特点：

最佳的制作效率

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver 自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

管理

使用地图可以快速制作雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的更新变得迅速又简单。

无可比拟的控制能力

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所供即所得

Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party 厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。

梦幻样版和XML

Dreamweaver将容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，容提供者可直接编辑以样式为主的容，却不会不小心改变既定之样式。您