初识网页制作

《初识网页制作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、上篇基础篇第1章初识网页制作随着互联网的发展和普及，越来越多的个人与企业建立了网站，将互联网技术应用到生产、经营、娱乐等活动中。互联网已经深入千家万户，在潜移默化中影响着各个领域，不断地改变着人们的生活方式。互联网的各种应用都是基于网站进行的。而网站又是由各种网页组成的，必须通过网页传递其信息。网页是浏览器与网站开发人员沟通交流的窗口。合理的网页设计，可以使浏览者流连忘返。本章主要介绍网页设计、服务器设置等一些基础知识，以及如何通过Dreamweaver建立一个简单的页面。Ø网页内容策划Ø网页配色Ø网

2、页布局Ø配置服务器Ø制作一个简单网页1.1网页设计基础知识网页的设计千变万化，不同的设计师设计出的作品往往风格迥异。然而，万变不离其宗，所有的网页通常都是由几个固定的部分组成的。策划网页的内容也有着各种相同的步骤。本节将介绍策划网站以及设计网站的一些基础知识。1.1.1网页内容策划在设计网页之前，首先应对网页需要制作的内容进行策划。例如，策划网页需要提供哪些服务或资料，制作哪些栏目，以及需要收集哪些方面的资料等。合理的策划可以帮助网站发挥最大的效能。www.docin.com1．策划网页服务项目网页建

3、设的目的是为浏览者服务的。因此，在策划网页服务项目之前，首先应进行市场调查，调查所设计网站需要提供什么样的服务以及同类网站所提供的服务内容。通过调查来分析这些网站服务的优点和缺点，并扬长避短。2．策划网页的栏目网站是由各栏目组成的。各栏目又可以包含多个网页。丰富的栏目可以为浏览者提供多样化的服务，可以便于浏览者查找相关的资源。因此，网页的栏目划分应合理，应符合大多数人的理解与习惯。栏目划分不宜过多。大量的栏目容易使浏览者不知所措，一般网站的栏目以4～6个为宜。栏目下还可以设置子栏目，以增加栏目的信息容

4、纳量。但一般网站不要分层过深。在子栏目下再进行划分，容易造成网页内容混乱。合理的栏目策划可以帮助浏览者快速查找其需要的资源，节省时间。也可以帮助网页设计者理解各网页之间的关系，使设计的网页结构清晰，更有条理性。例如，策划一个企业的网页，其栏目划分如图1-1所示。图1-1企业网页的栏目3．收集资料网站建设的目的即是为浏览者提供信息服务。这些信息可以是网站设计者的原创，也可以是收集的资料。对于一些信息量较大的网站而言，其提供的信息不可能完全由网站设计者创作，因此收集资料也就显得尤为重要。在收集资料的过程中

5、，应明确资料和网页栏目的关系，做到有的放矢，不能偏离网页栏目的主题。1.1.2网页版式设计www.docin.com版式是整个网页的外观，其设计体现在页面的布局、颜色等。一般优秀的网页，会给浏览者留下深刻的印象和赏心悦目的感觉。所以，许多设计人员非常重视版式的设计效果，多数在布局与色彩上下很大的功夫。1．页面尺寸在设计网页之前首先应确定网页的页面尺寸大小。合理地设置页面尺寸，可以使网页完整地显示于计算机的浏览器中，避免用户频繁地拖动滚动条。在设置页面尺寸时，还应考虑到不同浏览器以及不同显示器分辨率的大

6、小。以目前国内的上网者习惯而言，绝大多数上网者使用的都是微软公司的InternetExplorer6.0浏览器及其升级版本。使用该浏览器，当显示器分辨率为1024×768时，可显示约1003×600px的内容；当显示器分辨率为800×600时，则可以显示约779×428px的内容。因此，在设计网页时，如不希望用户频繁地拖动滚动条，应将网页的内容限制在1003×600px或779×428px以内。由于现代汉语是横排的语言，为符合大多数上网者的浏览习惯，页面中应尽量避免出现横向滚动条。如果网页内容过多，则

7、可以适当增加页面高度来添加内容。2．网页版块内容网页是由各版块组成的。网页布局就是合理地安排这些版块的位置，使之构成一个完整的网页。Internet中的网页的内容千差万别，风格各异。但一般网页都是由网站标志、导航条、Banner、内容版块和版尾组成的。网站标志网站标志，又称为Logo，主要用于网页与其他网页友情链接的图形标识，是网页的商标和名片。它是网页用于标识与其他网站区别的最重要标志。一个新颖、独特的Logo可以使网页在其他网页的友情链接中更加醒目，提高网页被访问的几率。导航条导航条是指通过一定技

8、术手段，为网页的浏览者提供一定的途径，使其可以方便地访问到所需内容的网页版块。导航条是浏览网页时从一个页面转到另一个页面的快速通道。导航条的设计通常要依据网页的栏目内容，每个栏目占据导航条一个导航的位置。很多导航条还设计了子菜单，在子菜单中添加子栏目的链接以方便浏览者查找相关信息。导航条的设计可以使用多种技术，常见的导航条种类有CSS+XHTML导航条、Flash动画导航条、JavaScript导航条等。即可以是简单的文字链接，或者是形态多变的按钮。Ba