静态网页设计与制作 毕业论文

《静态网页设计与制作 毕业论文》由会员分享，可在线阅读，更多相关《静态网页设计与制作 毕业论文（9页珍藏版）》请在金锄头文库上搜索。

1、静态网页设计与制作静态网页设计与制作 毕业论文毕业论文静态网页的设计与制作 摘 要 本文就网站的设计与制作，以软件工程的方法对全过程进行了分析与研究， 本文的主要工作集中在： 1.对web 页进行概述，主要是对 internet 的历史和发展作了回顾，并对 WEB 页的定义和特性进行阐述，并对网站设计过程中使用的工具和技术简单的介绍. 2.对网站建设中提及的术语进行简单解释，并对网站的由来和发展进行讨论。 3.对自己设计的网站从设计理念到制作的过程进行详细分析. 4.使用 Dreamweaver+Flash+photoshop 等软件的设计方式进行解析 . 5.就网站的设计与制作提出自己的观点

2、以及建议。 关键词：网站 设计工具 设计方案 创意 风格 个人静态网页设计 1 Static web design and production Abstract This website design and production, with the method of software engineering to process the analysis and research, this paper main work concentrates in: 1. The paper to web page is mainly to the Internets history and de

3、velopment, and a review of the definition and characteristics of web pages is expounded, and the website design process using the tools and techniques of simple introduction. 2. The website construction mentioned in terms of website, and simple explanation of the origin and development are discussed

4、. 3. For the design of your own website from design concept to making process were analyzed. 4. Use Flash +Dreamweaver + photoshop software design methods are analyzed 5. Just website design and facture put forward its own views and Suggestions 个人静态网页设计 2 第 1 章 绪论 随着 21 世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越

5、来越 重要，越来越多的职业需要具有计算机应用技能型人才。掌握计算机是职业的需要， 更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页 设计的相关知识。1.1Internet 的历史与发展 Internet 最早来源于美国国防部高级研究计划局 DARPA(Defense advanced Research Projects Agency)的前身 ARPA 建立的 ARPAnet，该网于 1969 年投入使用。从 60 年代 开始，ARPA 就开始向美国国内大学的计算机系和一些私人有限公司提供经费， 以促 进基于分组交换技术的计算机网络的研究。1968 年，ARPA 为 A

6、RPAnet 网络项目立项， 这个项目基于这样一种主导思想：网络必须能够经受住故障 的考验而维持正常工作， 一旦发生战争，当网络的某一部分因遭受攻击而失去工作能力时，网络的其它部分应 当能够维持正常通信。最初，ARPAnet 主要用于 军事研究目的，它有五大特点： 支持资源共享； 采用分布式控制技术； 采用分组交换技术； 使用通信控制处理机； 采用分层的网络通信协议。 1972 年，ARPAnet 在首届计算机后台通信国际会议上首次与公众见面，并验证了分 组交换技术的可行性，由此，ARPAnet 成为现代计算机网络诞生的标志。 ARPAnet 在技术上的另一个重大贡献是 TCP/IP 协议簇的

7、开发和使用。 1980 年，ARPA 投资把 TCP/IP 加进 UNIX(BSD4.1 版本)的内核中，在 BSD4.2 版 本以后,TCP/IP 协议即成为 UNIX 操作系统的标准通信模块。 1982 年，Internet 由 ARPAnet，MILNET 等几个计算机网络合并而成，作为 Internet 的早期骨干网，ARPAnet 试验并奠定了Internet 存在和发展的基础，较好地解决了 异种机网络互联的一系列理论和技术问题。 1983 年，ARPAnet 分裂为两部分：ARPAnet 和纯军事用的 MILNET。该年 1 月， ARPA 把 TCP/IP 协议作为ARPAnet

8、 的标准协议，其后，人们称呼这个以 ARPAnet 为主干网的网际互联网为 Internet，TCP /IP 协议簇便在 Internet 中进行研究，试验， 并改进成为使用方便，效率极好的协议簇。与此同时，局域网和其它广域网的产生和 蓬勃发展对 Internet 的进一步发展起了重要的作用。其中，最为引人注目的就是美国 个人静态网页设计 3 国家科学基金会 NSF(National Science Foundation)建立的美国国家科学基金网 NSFnet。 1986 年，NSF 建立起了六大超级计算机中心，为了使全国的科学家、工程师能 够 共享这些超级计算机设施，NSF 建立了自己的基于

9、 TCP/IP 协议簇的计算机网络 NSFnet。NSF 在全国建立了按地区划分的计算机广域网，并将这些 地区网络和超级 计算中心相联，最后将各超级计算中心互联起来。地区网的构成一般是由一批在地理 上局限于某一地域，在管理上隶属于某一机构或在经济上有共同 利益的用户的计算 机互联而成，连接各地区网上主通信结点计算机的高速数据专线构成了 NSFnet 的主 干网，这样，当一个用户的计算机与某一地区相联以后， 它除了可以使用任一超级 计算中心的设施，可以同网上任一用户通信，还可以获得网络提供的大量信息和数据。 这一成功使得 NSFnet 于1990 年 6 月彻底取 代了 ARPAnet 而成为

10、Internet 的主干 网。 1.2 网页的概述 网页，是网站中的一页 ，通常是 HTML 格式（文件扩展名为.html 或.htm 或.asp 或.aspx 或.php 或.jsp 等） 。网页通常用图像档来提供图画。网页要透 过网页浏览器来阅读。 网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您 的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的 话，您的客户仍旧无法访问您的网站。 所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用 HTML 等 工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布

11、告栏 一样，人们可以通过网站来发布自己想要公开的资讯（信息） ，或者利用网站来提供相关的网路服 务（网络服务） 。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网 路服务 个人静态网页设计 4 第 2 章 开发软件简介 2.1 Dreamweaver 简介 Dreamweaver 是美国 MACROMEDIA 公司开发的集网页制作和管理网站于一身 的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化 网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制 的充满动感的网页。其特点有以下几方面： 1最佳的制作效率 Dreamweaver 可以用

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

13、页。改变网页 位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML 码、 HTML 属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简 单。 3无可比拟的控制能力 Dreamweaver 是唯一提供 Roundtrip HTML、视觉化编辑与原始码编辑同步 的设计工具。它包含 HomeSite 和 BBEdit 等主流文字编辑器。帧(frames)和表 格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、 栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精 准定位，利用可轻易转换成表格的图层以拖拉置放的

14、方式进行版面配置。所见 即所得 Dreamweaver 成功整合动态式出版视觉编辑及电子商务功能，提供超强 的支援能力给 Third-party 厂商，包含 ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango 与自行发展的应用软体。当您正使用 Dreamweaver 在设 个人静态网页设计 5 计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦 幻样版和 XML Dreamweaver 将内容与设计分开，应用于快速网页更新和团队合 作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供 者可直接编辑以样式为主的内容却

15、不会不小心改变既定之样式。您也可以使用 样版正确地输入或输出 XML 内容。 Dreamweaver 还集成了程序开发语言，对 ASP、.NET、PHP、JS 的基本语 言和连接操作数据库，都是完全支持的。 2.2 Html 语言简介 HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语 言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 文本是 由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、声音、表格、 链接等。HTML 的结构包括头部（Head） 、主体（Body）两大部分，其中头部描述浏览

16、器所需的信息，而主体则包含所要说明的具体内容。 HTML 文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入， 这也是 WWW 盛行的原因之一，其主要特点如下： 1 简易性，HTML 版本升级采用超集方式，从而更加灵活方便。 2 可扩展性，HTML 语言的广泛应用带来了加强功能，增加标识符等要求， HTML 采取子类元素的方式，为系统扩展带来保证。 3 平台无关性。虽然 PC 机大行其道，但使用 MAC 等其他机器的大有人在， HTML 可以使用在广泛的平台上，这也是 WWW 盛行的另一个原因。 用什么可以编辑 HTML？ HTML 其实是文本，它需要浏览器的解释，HTML 的编辑器大体可以分为三种， 1 基本编辑软件，使用 WINDOWS 自带的记事本或写字版都可以编写，当然， 如果你用 WPS 来编写，也可以。不过存盘时请使用.htm 或.html 作为扩展名， 这样浏览器就可以解释执行了。 2 半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短 的时间内做出 Homepage，且可以学习 HTML，这种类型的软件主要有 HOTDOG，还