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

网页制作的程序与设计毕业论文 目 录摘要 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. 网站名称：“” 　　2. 步骤： (1) 确立主题 (2) 收集资料 (3) 创建网站 (4) 编辑网页 　　　 (5) 美化网页 　　三、目的 　　运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。 　　四、要求 　　根据公司的要求，设计一个，以达到宣传该公司及其产品的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。 　　五、设计工具 　　Dreamweaver、Flash、Photoshop等。 　　六、站点构思 　　1.整体构思： 　　本网站主题为：。总共有个。主页是一个总目录的网页，里面加有网页动画效果“”及Flash动画，本站几个主要分网页分别为：、、、、。还有许多子网页。 　　2.页面构思： 　　下面介绍一下网站中的几个网页的制作。 背景色采用跟主页一样的蓝色，淡蓝色的背景给人以干净大方的感觉，上方为Flash动画与，Photoshop制作的图片，。的是用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