《Web标准化网页设计论文》由会员分享，可在线阅读，更多相关《Web标准化网页设计论文（22页珍藏版）》请在金锄头文库上搜索。
1、. -导师：院系：专业：*： *： 题目：Web标准化网页设计. 优选-. -目录摘要1第一章概述21.1 HTML21.2 HTML语言的产生21.3层叠样式表31.4 工程介绍41.5 页面设计规划4第二章制作前期准备52.1 软件的准备52.2 软件的应用62.3 Fireworks的应用82.4Dreamweaver的应用9第三章 CSS样式建站113.1 CSS排版与普通排版的区别113.2 DIV+CSS样式页面布局123.3 CSS样式表133.4CSS色彩及颜色根底知识153.5两种方法设置对象颜色样式163.6文字颜色控制一样163.7 RGB颜色给出了四种方法之一173.8
2、 CSS盒子模型17第四章后期特效194.1 特效194.2 本的特效19五. 结论与总结21参考文献22致谢23. 优选-. -摘要随着信息技术的开展，信息技术使用传递速度突破了时间和地域性的局限，网络化与全球化成为一种不可防止的世界趋势。然而网页制作并不是一个简单的过程，期间要运用好多技术，包括图像设计和处理、网页动画的制作和网页版面的网页布局编辑等。随着网页制作技术的不断开展和完善，产生了众多网页制作与建立软件。目前使用最多的是较为常用的Dreamweaver、Flash、Fireworks这三个软件，也就是人们俗称的建站三剑客，其中Dreamweaver是网页制作的核心。 相对于一个页
3、面的标准化，美观化是更为重要的，CSS是最主要的表现标准化的语言。在本论文将通过对网友需求的了解和对其他的参考，在网页设计与制作中着重使用CSS+DIV样式布局来标准化美观化网页，最终成功完成一个CSS样式。用一段话来概括标准化的作用就是；1.确保任何文档都能够长期有效简化代码、降低建立本钱；2.让更容易使用，能适应更多不同用户和更多网路设备的需求；3.确保所有应用都能够持续准确的执行；【关键词】：Dreamweaver、CSS、DIV、网页设计标准化、Html。. 优选-. -第一章 概述1.1 HTML从1993到如今的开展，同时针对其以后的开展进展评测。HTML语言作为网络语言的标准，在
4、计算机的开展史中有着不可或缺的地位。所以在HTML上的成就也决定着一个时代的开展。1.2 HTML语言的产生HTML的全称是Hyperte*tMarkupLanguage超文本标记语言HTML是用于描述网页文档的标记语言。现在我们常常习惯于用数字来描述HTML的版本例如：HTML5，但是最初的时候我们并没有HTML1,而是1993年IETF团队的一个草案，并不是成型的标准。两年之后，在1995年HTML有了第二版，当时是作为RFC1866发布的。有了以上的两个历史版本，HTML的开展可谓突飞猛进。1996年HTML3.2成为W3C推荐标准。之后在1997年和1999年，作为升级版本的4.0和4
5、.01也相继成为W3C的推荐标准。而在2000年基于HTML4.01的ISO，HTML成为了国际标准化组织和国际电工委员会的标准。于是被沿用至今，这期间虽然有点小的改动但大方向上终归没有什么变化。从1993-2000之间短的7年时间，HTML语言有着很大的开展，基于诸多人的努力，终于产生了我们现在用的HTML语言。1.3层叠样式表从1990年代初HTML被创造开场样式表就以各种形式出现或不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开场样式表是给读者用的，最初的HTML版本只含有很少的显示属性，读者来决定网页应该怎样被显示。 但随着HTML的成长，为了满
6、足设计师们的要求，HTML获得了很多显示功能。随着这些功能的增加定义样式的语言越来越没有意义了。 1994年哈坤利提出了CSS的最初建议。伯特波斯Bert Bos当时正在设计一个叫做Argo的浏览器，他们决定一起合作设计CSS。 当时已经有过一些样式表语言的建议了，但CSS是第一个含有层叠的主意的。在CSS中，一个文件的样式可以从其它的样式表中继承下来。读者在有些地方可以使用他自己更喜欢的样式，在其他地方则继承，或层叠作者的样式。这种层叠的方式使作者和读者都可以灵活地参加自己的设计，混合个人的爱好。 哈坤于1994年在芝加哥的一次会议上第一次展示了CSS的建议，1995年他与波斯一起再次展示这
7、个建议。当时W3C刚刚建立，W3C对CSS的开展很感兴趣，它为此组织了一次讨论会。哈坤、波斯和其他一些人比方微软的托马斯雷尔登是这个工程的主要技术负责人。1996年底，CSS已经完成。1996年12月CSS要求的第一版本被出版。 1997年初，W3C内部组织了专门管CSS的工作小组，其负责人是克里斯里雷。这个工作组开场讨论第一版中没有涉及到的一些问题，其结果是1998年5月出版的第二版要求。到2004年为止，第三版还未出版。* 1996年W3C正式推出了CSS1. * 1998年W3C正式推出了CSS2. * CSS2.1是W3C现在正在推荐使用的. * CSS3现在还处于开发中.1.4 工程
8、介绍本是一个可以在线交流、提供顾客效劳，以及在线下载的渠道；对开发设计人员而言，本类就是使一些功能模块，通过网页的形式将前台和后台结合起来。每一个完整的，都要划分为四个组成局部：构造、内容、效劳、功能。是为了展现企业形象、介绍产品和效劳、表达企业开展战略的重要途径。本论文着重介绍前台页面总设计，总体页面设计以满足网友需求为主要目的，以页面运行速度为首要考虑因素，尽量防止过多的运用图片，使页面大方美观展现企业形象。1.5 页面设计规划根据网友的需求。初步规划为一种风格和色系，其着重表达简约的风格，整体页面选用蓝色，但其又不会显单调，因为主要为增加了三种特效，分别是背景改变特效7中背景颜色随意改鼠
9、标特效鼠标气泡特效页面特效窗口飘洒的雪花，分为LOGO与片头页面栏、导航栏、公告栏、合作伙伴栏、和资源下载等模块，以及下级子界面。第二章制作前期准备2.1 软件的准备在网页的设计过程中，因人而宜，每个人使用的软件也许不同，比方较有名的设计软件有Macromedia公司出品的网页设计三剑客、有微软的Frontpage、还有国产的东方网页王等等。在这里，我们主要要说的是Macromedia公司出品的三剑客。这三剑客包括Dreamweaver，Fireworks和Flash，其中，Dreamweaver是网页编辑软件，Fireworks是图形/图像处理软件，Flash是矢量动画编辑软件。当然，到今天
10、为止，Macromedia公司出品的这个三剑客都已经是2004版，估计最新版也应该很快出，Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称，这三个软件也不例外，是Macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可以无缝集成，能够有效地解决网络带宽问题，是设计动画网页的最正确工具。Dreamweaver采用所见即所得的直观设计模式，充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现局部和设计局部别离开来，使用户只需专注于设计，而其余的工作由Dreamweaver自动完成。另外，还有一点值得说明的是，Dreamweaver可以
11、控制和删除冗余代码，减小网页文件的大小。从而能够快速上传和下载。Fireworks的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创立WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks的最大优势就在于它在任何时候可以从任何阶段开场设计工作，这样既可以节约时间又可以对产品进展扩展。另外，Fireworks中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。Flash是比拟另类、超前的一种网页动画制作软件，它不仅能够满足网页设计的诸多要求，更为网页多媒体的使用者带来
12、了前所未有的便利。Flash提供了广泛的平台支持，它不需要任何编程工作就能够制作出精彩的动态效果。由于Flash采用矢量图形格式来制作动画，因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点，从而是浏览者能够快速的下载效果非凡的动画。在我设计我的的过程中我选择了Dreamwear和Fireworks和Photoshop三种软件。因为自己相对于其它的软件来说，这三个还算是比拟熟悉的。2.2 软件的应用在本中 我主要应用PS制作了的效果图，下面我们来看下PS的界面，认识了解PS：(标题栏: 标题栏左边显示photoshop的标志和软件名称。右边三个图标分别是最小化、最大化和关闭按
13、钮。图2-1菜单栏: photoshop菜单栏包括文件、编辑、图像等9个菜单工具属性栏: 主要用来显示工具箱中所选用工具的一些延展的选项。选择不同的工具时出现的相应选项也是不同的，具体内容在工具箱介绍中详细讲解。 工具箱: 对图像的修饰以及绘图等工具，都从工具箱中调用。几乎每种工具都有相应键盘快捷键，工具箱很想画家的画箱。调板窗: 用来存放不常用的调板。调板在其中只显示名称，点击后才出现整个调板，这样可以有效利用空间。防止调板过多挤占了图像的空间。 浮动调板:用来安放制作需要的各种常用调板,也可以称为浮动面板。这就是PS的工作界面，下面我将用PS制作的PSD效果图，在图中我一共建了七个分组底部组，合作伙伴组，产品分类组，最新动态组，产品公告组，top组，会员中心组组下又分好多图层，及其单独的背景图层。效果图如下：
