安徽广播电视大学
毕业论文
“我们的合肥”网站的设计与制作
姓 名 任 磊
专 业 计算机网络技术 指导教师 马 宁
2010年12月
安徽广播电视大学开放教育专科计算机网络技术专业毕业论文
摘 要
在网络越来越接近我们生活的当今社会，Internet的应用已普及到了人们生活与工作的各个层面。网页作为一个宣传企业和展示自我的平台，其重要性也越来越受到人们的关注。因此网页制作业逐渐发展成为一种职业。目前用于网页制作的的软件非常多，但根据多位网页制作者多年的经验，Dreamweaver+Photoshop+Flash无疑是制作网页的最强组合，它们在制作网页效果图、制作网页动画，以及制作Web格式的页面中担任着重要的角色。随着Adobe公司发布的CS3系列设计软件的出现，Dreamweaver与Photoshop、Flash的结合更加紧密，使用更加方便。熟练地使用这三种设计软件，可以大大提高网页设计和制作的效率，以便制作出精美的网页。
商业网页是企业向用户和网名提供产品和服务的一种方式，是企业开展电子商务的基础设施和信息平台，其网页页面由具体的文字（标题、广告语、单位名称、Email地址等）、企业标志、商标、产品图形、和信息菜单等内容组成，这些元素的不同展现影响到读者的视觉习惯和心理变化。本文将对一个小型企业设计一个网页，以展现企业形象、介绍产品和服务、体现企业的发展战略。
关键词：网站设计；网页制作；Dreamweaver；Photoshop；Flash
- 1 -
安徽广播电视大学开放教育专科计算机网络技术专业毕业论文
目 录
前言： ................................................... 4 一、网站的主题 ............................................ 5 二、网站的总体规划......................................... 5 2.1预早筹划、目标明确、定位正确 .................................5 2.2主题鲜明、富有特色、尽量精简 .................................6 2.3善用图像、尽量简朴 ...........................................6 三、网页风格布局的设计 ..................................... 7 四、网站制作过程中主要用到的开发工具......................... 8 4.1 Macromedia Dreamweaver 8.....................................8 4.2 Adobe Photoshop CS3..........................................9 4.3 Adobe Flash CS3.............................................10 五、典型网页的设计过程与详例 ............................... 11 5.1典型网页的设计过程 .................................... 11 1．需求分析 ...................................................11 2．制作页面效果图 .............................................11 3．制作Flash动画 .............................................11 4．切图 .......................................................11 5．制作静态Web页面 ...........................................12 6．添加程序 ...................................................12 7． Web站点的发布、推广和维护.................................12 5.2典型网页的设计详例 .................................... 12 1．定义站点 ...................................................12 2．文件夹的设置 ...............................................13 3．设置页面属性 ...............................................13 4．页面的布局与色调 ...........................................14 六、网站的测试与发布 ...................................... 29 6.1网站测试 ....................................................30 1.测试的内容： ................................................30 2.运用Dreamweaver提供的站点报告测试功能 ......................30 6.2 使用LeapFTP将静态网页设计课程网站发布到服务器上............30 6.3网站维护 ....................................................31
- 2 -
安徽广播电视大学开放教育专科计算机网络技术专业毕业论文
总结............................................................31 参考文献........................................................31
- 3 -
安徽广播电视大学开放教育专科计算机网络技术专业毕业论文
前言
因特网正在改变世界，由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，在全球编制出了一张巨大无边的无形网络，涵盖了我们生活中的各个方面，已经发展成为了人们生活、学习、商务必不可少的部分。与此同时这张网中的重要组成部分网站，就仿佛这张网中的血液骨骼，也日新月异的成长发展着。
近几年来,网页设计技术一直在推陈出新.不断有新技术被推出并应用,实在令人眼花缭乱.这些网页设计技术可以分为静态网页技术和动态网页技术两种. 静态网页技术一般是指HTML和CSS技术.采用静态网页技术的网页只能在网页中展示文字和图片,但它却是所有网页设计的基础技术。动态网页技术是指让网页能够按照用户的需求做出动态响应的技术,例如JavaScript , VBScript及ASP等技术都属于动态网页技术的范畴. 目前,大部分制作网页的方式,都是运用网页设计软件,这些软件的功能相当强大,使用非常方便.不论是那一种网页设计软件,最后都是将所设计的网页转化为HTML,CSS,JavaScript/VBScript和ASP。
网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画，视频，声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。
随着浏览器和W3C标准一致性的改善，XHTML/XML（可扩展标识语言）与CSS（层叠样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。
通常，网页可以分为静态网页和动态网页。静态网页页面上的内容和格式一般不会改变，只有网管可根据的需要更新页面。动态网页的内容随着用户的输入和互动而有所不同，或者随着用户，时间，数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,）来改变。当然更普遍的是由服务器端的描述语言（Perl，PHP, ASP, JSP, ColdFusion, 等)进行编译，从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。
- 4 -