关于HTML制作网页的论文 2

关于HTML制作网页的论文

摘要

随着网络在我们的生活中占着越来越重要的位置，万维网也随之而来，web页面能把文，声音，动画，视频等多种媒体信息融为一体，不但是信息的显示更加生动而且是信息的浏览更为方便，同时web页面能实现网易平台，客户信息反馈，方便了企业与客户之间信息交流，许多企业纷纷建设网站以增强企业知名度，同时也逐步在我们的生活和工作里演绎着重要地位。万维网跟HTML有着非常重要的关系。在WWW上，可以通过单击某一个对象就可以自动链接到与他相关的另一个文件超文本指的就是加上超链接的对象是文本，万维网上供人们浏览的页面即是网页，进入万维网网站的第一个页面即为主页，一般情况下，主页的文件名为index。HTML的超文本功能，也就是超连接功能，是网页之间可以链接起来，网页与网页的链接构成了网站，而网站与网站的链接就构成了多姿多彩的WWW。

关键字：HTML 网页 静态网页 论文

第一章 绪论

1.1 HTML简介

HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。就像我们逛淘宝买东西，在百度查看新闻等等。也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要

的只是一个文字处理器（如Mcrosoft Word\\记事本\\写字板等等）以及HTML的工作常识。其实你很快就会发现,基础的HTML语言很简单易学。HTML只不过是组合成一个文本文件的一系列标签。它们像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是

,块引用标签是

。有些标签说明页面如何被格式化（例如，

开始一个新段落），其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息－－例如标题。关于标签，需要记住的是，它们是成双出现的。每当使用一个标签－－如

,则必须以另一个标签

将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如，标签就不需要。基本HTML页面以标签开始，以结束。在它们之间，整个页面有两部分－－标题和正文。标题词－－夹在和标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文) 扩展名也可是HTML然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。 1.2 HTML标准的版本历史

超文本置标语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）.

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 28于2000年6月发布之后被宣布已经过时

HTML 3.2——1996年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准

ISO/IEC 145:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准

XHTML 1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002

年8月1日重新发布。

XHTML 1.1, 于2001年5月31日发布(XHTML 2.0, W3C工作草案)

HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版，这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始，最初是被设计成为“HTML的一个超集”。第一个正式规范在为了和当时的各种HTML标准区分开来，使用了2.0作为其版本号。HTML+的发展继续下去，但是它从未成为标准。

HTML3.0规范是由当时刚成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的，但是实现这个标准的工作在当时过于复杂，在草案于1995年9月过期时，标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出，而下一个被提出的版本是开发代号为Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。

HTML 4.0同样也加入了很多特定浏览器的元素和属性，但是同时也开始“清理”这个标准，把一些元素和属性标记为过时的，建议不再使用它们。HTML的未来和CSS结合会更好。 1.3 设计思想

通过网站，可以全面宣传信息，使人们达到自己希望的目的。有这样一句话“良好的开端是成功的一半”。在网站设计上也是如此，首页的设计是一个网站成功与否的关键。人们往往看到第一夜就已经对你的网站有了一个整体的感觉。是不是能够使浏览者继续点击进入，是否能够吸引浏览者留在网站上，全凭首页设计的成功与否。所以首页的设计和制作是绝对要重视和花心思的。我们的网站有特别的设计，更加吸引了观众的眼光。 1.4开发工具的选用及介绍

Visual Studio 2008是基于Vista平台的开发工具。但随着Vista的失败，Visual Studio 2008只能昙花一现。现在，微软把宝都押在了即将到来的新平台Windows 7上。作为面向下一代平台的开发工具，Visual Studio 2010提供了很多工具来帮助开发者开发基于Windows 7的应用程序，同时也使那些已经存在的非托管应用程序，通过一定的处理后也同样能够应用操作系统所带来的特性。例如，微软在Visual Studio 2010中花了很大的力气来使得非托管C++代码的开发更加容易和高效。那么，让我们来看看Visual Studio 2010有什么诱人的新特性：

微软在Visual Studio 2010中简化了产品阵容，预期将有3个基本版本：VS2010 Ultimate、VS2010 Premium and VS2010 Professional。微软希望VS2010将是历史上经典的一个版本，相当于当年的6.0版。在介绍资料上，我们可以看到新功能主要包括：应用程序生命周期(ALM)、C# 4.0动态类型和动态编程、多

显示器支持、支持TDD、支持Office开发、Quick Search特性、C++ 0x新特性、新增基于.NET平台的语言 F#等。

VS2010除了上述功能外还在以下方面进行了改进：增强和完善了Visual Studio IDE;改进了Visual Basic和C#语言，开发人员可以根据自己的爱好选择任意一种语言;同时还包括一种新的.NET Framework语言：F#;支持基于MVC的Web应用，改进了代码编写的速度，简化了Web开发;改进了对WPF和

Silverlight应用程序的开发;当然最重要的变化是完善了Visual C++功能。 微软宣称Visual Studio 2010的承诺是开发者可以针对众多的应用程序进行开发，诸如Windows7、Office、Web、智能手机、云应用框架等。微软除了支持其基本平台外，也准备提供对新兴应用趋势的工具支持，即云计算和并行设计，以充分利用高性能的多核系统。例如，为并行编程提供了更多支持，包括增加调试窗口，增加对NET Framework PLINQ、本地Parallel Pattern Library和Concurrency Runtime并行扩展编码的支持。

同时把Windows Azure Tools工具也集成在新的IDE中，主要是用作构建、调试和部署云应用和服务。另外，第三方产品和框架也在该IDE中有了用武之地。VS 2010中有两个值得注意的内嵌工具：一个是Quest Software公司开发的可选数据库架构，提供了对Oracle数据库的支持，另一个是本地JQuery。微软宣称VS2010将是一个新时代多周期演进过程的第一个发布版本，这么做的原因是要确保开发人员的工作尽可能的有效率。微软的目标是确保Visual Studio 2010及以后的版本都能提供一个高效率的产品，对开发人员来说会很容易熟悉而能立即上手利用新的功能。

在.NET平台上，Visual Studio一直是独领风骚。这一次Visual Studio 2010也有许多令人期盼已久的强化功能，包括提供更高的程序开发效率、更精简的程序代码、更佳的安全性能。目前微软希望将Visual Studio 2010打造成和Visual Studio 6.0一样经典的开发工具。所以，除了在语言层面开始支持最新的C++标准外，在IDE以及MFC库等方面微软也下了很大的力气。那么，微软VS 2010有什么特点能让其成为新一代的经典开发工具? （1）未来:代码管理工具比平台更重要

对于大型开发项目来说，由于现有规模和业务种类已经十分复杂，加之有多年遗留下来的应用系统，开发平台最适当的选择是要具有强大的代码管理能力。Visual Studio 2010的工具功能不但日趋强大和丰富，而且还兼有其它产品的优点。更值得注意的是，首度推出的 Visual Studio Team System 是与开发工具完全整合的软件开发生命周期管理平台，与Agile方以及CMMI规范都相整合。Visual Studio Team System 除了在软件开发流程上更加严谨之外，软件开发的质量与时间也更易于掌控。 （2）灵活高效的全新IDE

众所周知，IDE 对于软件开发领域是一项伟大的发明，它能极大的降低软件开发的门槛。自从微软在1998年发布Visual Studio 6.0以来，Visual Studio的IDE已经成为软件开发工具的标杆，很多其它的开发工具都在模仿Visual Studio的IDE。微软更是成功地通过创建高效率的IDE战胜了其竞争对手，如Borland 和 Metrowerks。但是从Visual Studio 6到Visual Studio 2008，虽然IDE的功能越来越多，但却没有什么性的变化，反倒因为功能太多带来了使用上的不便，导致开发效率低下。于是，开发人员都在期盼一个全新的IDE的出现。现在，开发人员的梦想在Visual Studio 2010成为了现实。在Visual

Studio 2010中，微软用全新的WPF技术重新打造了它的编辑器。借助WPF的强大功能，新的编辑器可以实现很多以前Visual Studio 2008的IDE根本无法想象的功能。比如代码的无级缩放、多窗口即时更新、文档地图、代码的自动产生等。这些新的IDE特性不但会极大地提高程序员的开发效率，也为创立划时代特征写下重要的一笔。

(3)助力Azure平台，强化云计算能力

随着云计算的发展，微软看到了一个战胜谷歌的机会。所以在云计算概念刚刚兴起的时候，微软就宣布要进军云计算领域。因此，Visual Studio 2010为Windows Azure提供了强有力的支持。Windows Azure是由微软开发的一套基于云计算的作业系统，主要用来提供云端线上服务所需要的作业系统、基础储存和管理的平台。虽然Azure平台可以满足大部分的云计算工作，但是它有一个缺陷，就是开发的周期比较长。因此，微软在Visual Studio 2010中为Windows Azure提供了专门的项目模型。借助Visual Studio 2010这个有效的开发工具，可以大大的减少云计算系统的开发周期。这也是微软推广Azure云计算平台的重要助力一步。

(4)提升并行计算，应对多核趋势 在以往的计算机发展历史中，每次硬件的升级都可带来软件性能的大幅提升。但是进入多核时代后，这种便利性就没有了。原因是当前的应用程序几乎都是针对一个运算核心而设计的，由于受到其架构的影响，软件并不能充分地利用多核所带来的性能提升，甚至有时性能还会有所下降。在这种情况下，开发者不得不改变应用程序的架构和开发方法，以应对多核的趋势，使得自己的软件可以充分利用硬件升级所带来的性能提升。

面对这样的需求，微软希望不管是使用非托管代码，还是.NET Framework，开发者都能够高效地进行并行计算的开发。因此，Visual Studio 2010加大了对并行运算的支持。比如Visual Studio 2010的调试器会知道代码的并行特性，并且能够在调试程序的不同执行单元时显示应用程序的状态。另外，Visual Studio 2010还提供了一个并行性能分析器，它可以帮助分析应用程序的性能瓶颈，找到需要并行处理和可以进行并行处理的地方，并以图形化的形式表现出来。这样，通过Visual Studio 2010并行性能分析器的使用，开发人员就可以轻松地实现应用程序的并行化。这是非常有前瞻性的一个功能，也是协助应用程序步入多核计算趋势的关键一步。 (5)C++王者归来

C++曾经是Visual Studio 6.0中的首席语言，但是微软从2000年开始推行.NET战略以来，其核心及缺省的编程语言是C#，Visual C++每次都是几个不咸不淡的小更新，没有性的变化。所以，C++的地位不断下滑，被后来居上的C#抢了风头，很多钟情于C++的程序员感到失落和惆怅，甚至开始怀疑起C++的前途。但从Visual studio 2010开始，不管是从IDE到编译器，C++开发者都能够重新找回自己的位置。在Visual Studio 2010中微软不仅继承了原有的功能，还提供了更多的新特性，以吸引用户升级到这一新的平台上来。首先是对C++新标准C++0x的全面支持，不会再像Visual C++ 6.0一样，被人诟病为对C++标准支持不佳。在IDE方面，微软将Visual C++的构建系统VCBuild整合到了MSBuild中。借助后台编译，Visual C++的IntelliSense将会更加智能，能够处理更多的文件、和更加复杂的项目。另外，还可以在构建过程中使用不同版本的编译器和连接器，使得解决方案更具扩展性。正如一个C++架构师说的那样：

C++终于站在了它应该站的位置上，而且这对于C++来说也是划时代的发展。 (6)快速开发，跨越开发周期协作

在软件开发工具领域，微软的地位无疑是非常重要的。不过，我们不应该忘记在开发工具领域是两军对垒。在激烈竞争的商业环境中，谁都希望以更低的成本、更快的速度推出满足市场需求的产品。因此，快速开发是选择平台工具的重要考察因素之一。

Visual Studio 2010提供了帮助开发团队改进协作的扩展。其中包括帮助将数据库专业人员和图形设计人员加入到开发流程的工具。例如.NET Framework 提供了用于解决常见编程任务的构建基块(预制的软件)，从而能够快速构造具有出色的最终用户体验的应用程序。而且，Visual Studio 和 .NET Framework 的结合使用可减少对公用管道代码的需要，从而缩短了开发时间，并使开发人员能够集中精力解决业务问题。

第二章 网站总体分析与设计

2.1网站系统分析

根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可以对网站作如下划分：

主页：将贵大新图书馆的图片作为页头，同事在主页上会显示登陆界面，提醒用户登陆自己的账号，上面还显示更新时间。 次页：虽然是静态网页，但是他可以实现网页与网页之间的链接，在这个网站里，可以实现连接到百度，贵大主页和网易这些网页上。还有你可以关注你喜欢的帖子，当然还有会员制度。你也可以和你认识的人打招呼，发短信息，和他讨论一些你所关注的问题。

2.2主页设计

网站主要采用静态的设计方式，即我们设计的主要是静态网页（平面页），它的网址形式通常为htm（超文本标记语言）结尾，还有就是以超文本标记语言（.htm,.html）,.shtml,.xml（可扩展标记语言）等为后缀的，在超文本标记语言格式的网页上，也可以出现各种动态的效果，如：GIF格式的动画，FLASH,滚动字幕等，这些“动态效果”只是视觉上的，与动态网页不同。静态网页通常是超文本标记语言文档储存在文件系统里，并且可以通过HTTP访问网络服务器。我们的网页体现学校独特的风景，图片的取材都是学校的建筑物，给人一种清新，独特，真实的感觉。（1）主页截图如下：

页头

（2）登陆界面如下：

（3）可以进入下面链接：

（4）更新时间如下：

（5）登陆后的界面，下面的是用户名为lixiuqin的登陆界面：

（6）如下是消息盒子，里面可以显示用户的消息：

第三章 详细设计

3.1 功能

首页布局简单明了，精华部分尽在链接中，要想了解对应专题的相关内容，需要点击链接。

3.2组成构造

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件， 简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 MacromediaDreamweaver和 MacromediaFlash共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。Fireworks在图片处理上使用了高光和阴影的效果，以突出按钮的立体感，变化感和悬停感；Fireworks在处理Banner的时候采用横幅与网站图标一体的方式处理，将二者整体化，不仅方便排版，也方便浏览者浏览；Fireworks在处理网站上方的导航按钮时，用代表该按钮的图片配以相应的文字来处理；Fireworks在图片输出的时候采用JPEG (ISO国际标准图像压缩）格式。这是目前网络较为流行的图片格式，文件小，传输速度快，图片清晰。输出品质为80，无平滑。

第四章 总结

对于现在的社会，科技的飞速发展已经成为社会发展的标志，其中计算机的发展可谓模块中之快，而在计算机的发展中计算机网络的发展又是首当其冲的，计算机网络从未我们所知，到现在才经历短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻消息，新产品的出台，新游戏的发布，最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么围着所有的一切提供平台呢。我们又是通过什么来获取这些消息呢--这就是网页。现如今，数以万计的网站以网页的方式提供了丰富，精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网络也在他自己的岗位上做出了突出的贡献。网页是我们在网络上的\"代言人\"。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。网页设计是伴随着网络的快速发展而快速兴起。由于人们使用网络的频繁而网页作为上网的主要依托就变得非常重要，网页讲究的是排版

布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。网页设计直接面对的是大量用户，随时都会反馈回来对网页的批评建议等，可以根据实际情况修改，这样做可以是使用者用起来更加的方便。在网站制作中，我们有一些深刻的体会，要想将一个网站制作的漂亮，吸引游客的眼球，我们必须做到：

1.网站整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。 2.网站形象突出：一个复合酶的标准的网页时能够是网站的形象得到最大限度的提升。

3.页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的

参考文献：

[1]杨选辉《网页设计与制作教程》----------清华大学出版社2007 [2]Ajax设计模式（影印版）——东南大学出版社

[3]Photoshop cs3质感.纹理与背景——中国青年电子出版社

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文