通过Dreamweaver_CS3学习HTML+DIV+CSS_第18章__网站实例.ppt

第18章网站实例,前面几章分别从页面的头部设计、导航条设计、主体版式设计、页脚设计和模板制作与应用等方面进行了网站设计和制作的具体介绍，使读者对网页中各部分的制作有了一个比较深刻的认识。本章将通过一个具体的企业网站为例进行介绍，从而使读者对具体网站的制作过程印象深刻。本章中的实例是一个普通印刷企业的公司网站，旨在树立公司的形象，宣传公司的产品及文化，以达到树立企业可信度，吸引客户的目的。,18.1首页制作,首页的制作是制作整个网站的关键环节，因为大多时候访问者都是通过首页进入到企业网站。首页的好坏直接影响到访问者是否会在该网站停留以及停留时间的长短。这样也将直接影响到企业网站宣传的效果。本节从首页头部制作、主体制作和页脚制作三部分进行网站首页制作的介绍。,18.1.1制作首页头部,在进行首页头部设计与制作时，页面头部的设计必须符合企业形象的风格。具体步骤如下：,18.1.2使用CSS修饰首页头部,插入导航栏后的页面头部由于没有CSS样式的修饰，因而显得比较粗糙，本小节将介绍如何应用样式表进行导航栏的修饰。具体步骤如下：,18.1.3首页主体的制作,本小节中，首页主体的制作采用多层表格嵌套的方式进行制作，这对初学者来说可能比较复杂，在学习时应学会多思考。具体步骤如下：,18.1.4首页页脚的制作,页脚主要放置网站的版权信息。制作美观、大方与页面头部和主体相配的页脚是首页制作中很重要的一步。具体步骤如下：,18.2公司简介页制作,从本节开始，对首页稍作修改即可制作成其他页面的模板（在18.2.1中作了介绍）。网站的其他页面均在该模板的基础上进行页面的制作。,18.2.1网页模板制作,从本节开始，对首页稍作修改即可制作成其他页面的模板（在18.2.1中作了介绍）。网站的其他页面均在该模板的基础上进行页面的制作。,18.2.2公司简介主体部分制作,公司简介页主体部分主要放置介绍企业的相关信息，本节介绍该部分的制作过程。具体步骤如下：,18.2.2公司简介主体部分制作,将光标定位于新表格的单元格内，将【背景图片】属性设置为images/lan.gif，输入导航性文字“你的位置-企业文化”，如图所示。,18.3产品展示页制作,在产品展示页中，为达到吸引潜在目标客户的目的，应更多地列出本公司优秀产品的图片。本页页面的制作以表格为定位图片的框架。具体步骤如下：,18.4公司文化页制作,公司文化页旨在宣扬和体现公司的人文环境和经营理念等，因此应详尽地列出这一相关信息，以达到宣传公司文化的目的。,18.5联系我们页制作,该页面的制作在一定程度上与公司简介页面的制作有类似的地方，可当作是第18.2节的巩固和复习。具体步骤如下：,18.5联系我们页制作,至此，完成联系我们的页面制作。,18.6专家总结,本章主要介绍使用DreamweaverCS3进行企业网站制作的基本过程。企业网站一般包括首页、公司简介页、企业文化页、产品展示页和联系我们页等页面。首页通常是访问者首先进入网站的页面，首页效果的好坏直接影响到访问者是否继续在网站上停留和停留时间的长短；将直接影响到企业网站宣传的效果。还介绍了通过对首页进行简单的改造从而使其变成制作其他页面的模板的过程