网页制作__网站的整体规划.ppt

12.3.3 网页布局的技术 现今网站设计的网页布局技术可分为三种，分别是表格布局技术、框架布局技术和DIV＋CSS布局技术。其中，最为广泛应用的是表格布局技术。而框架布局由于其兼容性的问题未得到解决而限制了使用。另外，DIV＋CSS是新兴的网页布局技术，在最近的两三年非常流行。下面分别具体介绍这三种网页布局的技术。 12.3.3 网页布局的技术 1．表格布局 表格网页布局是比较传统的网页布局技术，也是迄今为止使用最为广泛的网页布局技术。如图所示是表格布局页面在浏览器上的效果， 12.3.3 网页布局的技术 1．表格布局 如图所示是用Dreamweaver CS3打开保存后的表格布局的页面效果。 12.3.3 网页布局的技术 2．框架（Frames）布局 框架布局是比较传统的网页布局技术。 框架布局的优势在于能将一个框架网页划分成若干个部分，每个部分都可以是一个独立的页面，而用浏览器观看的框架网页则是一个完整的包含几个部分的页面。使用框架型网页能达到很好的页面切换效果。 12.3.3 网页布局的技术 3．DIV+CSS布局 DIV+CSS是比较新的网页布局技术，目前正逐渐成为流行的网页布局方式。CSS＋DIV布局主要利用层和CSS样式表对网页元素进行布局和定位。 12.4 专家总结 本章主要介绍了如何进行网站规划、网站规划的要素和页面的各种基本布局方式三方面关于网站整体规划的知识。网站布局主要有“国”字型布局、T型布局、POP布局、Flash布局、标题正文型布局、上下框架型布局和左右框架型布局等。注意学习各种布局结构，体会布局的思想是本章学习的重点。 网站的整体规划 一项建筑工程在开始之前需要进行详细地规划，网站建设也是一样。在创建网站前必须做的工作就是对网站进行整体的规划和设计。网站的整体规划和设计在整个网站创建中起到指导的作用。就个人网站而言，好的网站规划能够令网站质量更佳，使浏览者身心舒畅。 对于商业网站来说，整体规划成功与否能够在一定程度上决定该网站日后的发展。只有在网站建设前进行了详细合理的规划，才能避免在网站建设过程中出现各种各样的问题，才能使网站建设能够顺利地开展和使建成后的网站能够顺利运营。因此，网站规划是决定网站成功与否的关键。 12.1 网站规划概述 网站规划是指在网站创建前必须明确创建网站的主题、目的和功能。也就是网站提供哪些服务和内容、网站的设计方案、网站的测试和发布方案、后期网站的维护和推广方案、投入费用以及必要的市场分析等。 12.1.1 市场分析 个人网站具有自娱自乐的特点，故市场分析对于个人网站而言不是必要的。但对于商业网站而言，该项却是不可或缺的网站规划要素。商业网站具有赢利性的本质特点，所以只有做好网站的市场分析工作，才能使商业网站拥有更好的发展前景。 12.1.2 网站的目的和主题 在进行市场分析后，就要确定网站的目的和主题。 确定创建网站的目的。对个人网站而言，应确定建立的网站是为了和亲朋戚友一起分享自己的一些东西，还是纯粹地为了交友或是其他目的；对于企业网站而言，确定创建网站的目的能够对日后网站的运营起到指导的作用，所以具有重大的意义。通常，创建企业网站的目的包括：宣传企业蜗蟆⒄故静贰⒌缱由涛窈屯嫌取 确定网站的主题。网站的主题很重要，设计者要根据已经确定的网站有目的地去构思网站的主题。 12.1.3 确定网站的内容和服务 网站的内容和服务使网站的目的和主题更具体化。对于个人网站，网站的内容不用过分强调标新立异，但却不能做一些过于陈旧的东西。例如，几年前就已经兴起且已经流行过的东西就不要放太多。互联网上喜欢有新意的东西，访问者对于已经看过的东西一般很少会感兴趣。 一般网上商城网站的栏目包括：会员登录、会员注册、产品搜索、产品详细信息、在线订单、相关帮助和联系信息等。如图所示为某外国软件公司网站，读者可仔细思考一下其网站栏目的划分与网站主题和目的之间的关系。 外国某软件公司的网站 12.1.4 网页设计 网页设计是网站规划中的一个非常重要的环节。网页的设计包括网站的命名、网站的Logo设计、网页的布局设计、网页的色彩搭配和网站的字体等。互联网上有很多风格迥异的网站，其表现有的大气、有的婉约、有的精致、有的古典、有的沉稳、有的庄严肃穆、有的高雅严谨、有的雄伟壮丽等。如图所示是某外国政府网站，体现出庄严肃穆的国家威严感和大气感。 庄严肃穆的外国政府网站 12.1.5 网站的测试和发布 网站设计完成后，接下来要进行的是网站的测试和发布操作。在网站规划阶段必须做好网站的测试和发布的方案。很多网页设计的初学者以为网站设计好了就可以进行网站的发布了，其实不然。在网站制作完成后，要认真地检测网站存在的错误。在检查完错误后才能进行网站的发布。这是因为