第11章 综合实例——制作“宝贝爱”网站.ppt

第11章 综合实例——制作“宝贝爱”网站 网站规划 网站制作 11.1 网站规划 11.1.1 网站命名 11.1.2 划分栏目并确定网站结构 11.1.3 确定网站风格 11.1.4 设置本地站点目录并定义站点 11.1.5 收集和整理素材 11.2 网站制作 11.2.1 制作网页模板 11.2.2 制作网站首页 在制作好网页模版后，下面在其基础上制作网站的首页。 11.2.3 制作一级子页 11.2.4 制作二级子页 11.2.5 设置超链接 超链接是网站的灵魂，有了超链接，才能在网站中的各个页面之间来回跳转。接下来为各个页面添加超链接。 * * 一般情况下，公司网站直接以公司名作为网站名即可，个人网站可依自己爱好命名。网站名应该能反映出网站的性质。本章要制作的是一个专营婴幼用品的公司网站，网站名为公司名“宝贝爱”。 如果想要使建站的过程更顺利，就必须事先规划好网站的栏目和结构，这样在后面的制作中才能做到有章可循。 经过对网站内容的分析，我们将该网站划分为以下6个栏目：首页、公司简介、我们的产品、我们的服务、我们的动向和联系我们。 一般情况下，要根据公司的性质或标志来确定网站风格。本章要制作一个专营婴幼用品的公司网站，所以选用了代表沉静、理智、诚实的蓝色和代表生命、活力、青春的绿色作为网站主色调；又以浅灰色作为点缀，不仅突出了重点，又能产生强烈的视觉效果。整个网站看起来特色鲜明，生机勃勃。 在编辑网页之前，首先要定义一个站点。站点的定义我们在前面已讲了不止一次，这里只简单地介绍一下定义过程。 网页设计素材的收集是相当重要的。通常情况下，素材的来源主要有下面几种。 客户提供的素材：主要是与产品或企业相关的图像和文字，比如产品外观图像等，本例中主要指“我们的产品”中用到的图片。 网上收集的素材：主要是一些辅助性的图像，这些图像的装饰性较强，比如背景图像等。 独自创作的素材：主要是整个页面中视觉面积最大、最有说服力的图像，比如广告图像、标题图片等。 1．新建模板文档 2．设置模板内容 3．创建可编辑区域 4．定义CSS样式表 一级子页主要包括我们的产品、我们的服务和我们的动向的下级页面，这里以我们的产品的下级页面为例，来讲解一级子页的制作方法。 二级子页是指一级子页下的产品详细介绍页面或具体新闻页面，下面以产品详细介绍页面为例，讲解二级子页的制作方法。 1．为模版设置链接 2．为首页设置链接 * * *