网页设计与制作(cs4中文版) 从新手到高手——网页设计

《网页设计与制作(cs4中文版) 从新手到高手——网页设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第1章网页设计基础01网页设计基础随着互联网的快速发展，越来越多的企业开始建设网站，通过互联网为企业寻找新的商机；而很多人也开始学习建立个人网页，通过互联网展示自我，寻求个人发展的空间。无论建设网站还是建立个人网页，都离不开网页设计技术。本章主要介绍在设计网页之前的一些基础知识，以及设计网页需要进行的各种准备工作，包括网站内容的策划、网站板块的设计、网页配色的理论，以及设计网页所使用的一些基本技术和软件。1.1网站整体策划19第1章网页设计基础01网站的整体策划是一个系统工程，是在建设网站之前进行的必要工作。1．市场调查市场调查提供了网站策划的依据。在市场

2、分析过程中，需要先进行3个方面的调查，即用户需求调查、竞争对手情况调查以及企业自身情况的调查。2．市场分析市场分析是将市场调查的结果转换为数据，并根据数据对网站的功能进行定位的过程。3．制订网站技术方案在建设网站时，会有多种技术供用户选择，包括服务器的相关技术（NTServer/Linux）、数据库技术（ACCESS/MySql/SQLServer）、前台技术（XHTML+CSS/Flash/AIR）以及后台技术（ASP/ASP.NET/PHP/JSP）等。4．规划网站内容在制订网站技术方案之后，即可整理收集的网站资源，并对资源进行分类整理、划分栏目等。网

3、站栏目划分的标准是应尽量符合大多数人理解的习惯。例如，一个典型的企业网站栏目，通常包括企业的简介、新闻、产品，用户的反馈以及联系方式等。产品栏目还可以再划分子栏目。5．前台设计前台设计包括所有面向用户的平面设计工作，例如网站的整体布局设计、风格设计、色彩搭配以及UI设计等。6．后台开发后台开发包括设计数据库和数据表，以及规划后台程序所需要的功能范围等。7．网站测试在发布网站之前需要对网站进行各种严密测试，包括前台页面的有效性、后台程序的稳定性、数据库的可靠性以及整个网站各链接的有效性等。8．网站发布在制订网站的测试计划后，即可制订网站的发布计划，包括选择域

4、名、网站数据存储的方式等。19第1章网页设计基础019．网站推广除了网站的规划和制作外，推广网站也是一项重要的工作，例如，登记各种搜索引擎、发布各种广告、公关活动等。10．网站维护维护是一项长期的工作，包括对服务器的软件、硬件维护、数据库的维护、网站内容的更新等。多数网站还会定期改版，保持用户的新鲜感。19第1章网页设计基础011.2网页页面与板块19第1章网页设计基础01布局的设计通常需要注意网站的页面大小以及各种板块的安排。1．网页页面大小合理地设置页面尺寸，可以避免用户频繁地拖动滚动条。目前国内的上网者习惯使用微软公司的InternetExplore

5、r浏览器（简称IE浏览器）。在屏幕分辨率为1024×768时，不同版本的IE浏览器的屏幕大小如下表所示。IE浏览器版本屏幕宽度屏幕高度IE6.01003px600pxIE7.0（菜单栏显示状态）1003px594pxIE7.0（菜单栏隐藏状态）1003px620pxIE8.0（菜单栏隐藏状态）1003px626pxIE8.0（菜单栏显示状态）1003px598px由左表中的数据可得出，在设计网页时，如不希望用户频繁拖动水平滚动条，可将网页的宽度控制在1003px以内。2．网页板块构成网页是由各种板块构成的。Internet中的网页内容各异，然而多数网页都是

6、由一些基本的板块组成的，包括Logo、导航条、Banner、内容板块、版尾和版权等。lLogoLogo是企业或网站的标志。例如，微软的Logo。19第1章网页设计基础01l导航条导航条是网站的重要组成元素。合理安排导航条可以帮助浏览者迅速查找到需要的信息。例如，IBM的导航条。lBannerBanner的中文直译为旗帜、网幅或横幅，意译则为网页中的广告。多数Banner都以JavaScript技术或Flash技术制作，通过一些动画效果可展示更多的内容，并吸引用户观看。l内容板块网页的内容板块通常是网页的主体部分。这一板块可以包含各种文本、图像、动画、超链接

7、等。例如，蔡司光学网站的内容板块。l版尾板块19第1章网页设计基础01版尾，顾名思义是网页页面最底端的板块，通常放置网站的版权信息。例如，陶氏化学的版尾版权板块。1.3网页布局基础在设计网页时，需要了解网页的5种基本结构布局。1．“国”字型“国”字型网页布局又称“同”字型网页布局，其最上方为网站的Logo，Banner及导航条，接下来是网站的内容板块。19第1章网页设计基础01在内容板块左右两侧通常会分列两小条内容，可以是广告、友情链接等，也可以是网站的子导航条，最下面则是网站的版尾或版权板块。2．拐角型拐角型布局也是一种常见的网页结构布局。其与“国”字型

8、布局只是在形式上有所区别，实际差异不大。拐角型布局的网页和“国”字