网页设计和制作第4章.pptVIP

第4章 站点的规划与设置;　　在Dreamweaver 8中，站点包括本地站点和远程站点两种。在一般情况下，用户需要首先在本地计算机上创建本地站点，并对站点结构做合理有序的规划，然后添加相关内容，最后将站点上传至Internet服务器。　　4.1.1 站点的目标定位　　一个网站要有怎样的目标定位，是规划站点时必须要考虑和解决的首要问题。只有定位准确，目标鲜明，才可能做出切实可行的策划，进而进行具体设计。对于站点的目标定位有以下5点建议：;　　（1）主题要小而精，要突出个性和特色。　　（2）题材最好是自己所擅长或者喜爱的内容。　　（3）题材不要太滥或者目标太高。　　（4）要申请一个好记且具有一定含义的域名。　　（5）要取一个响亮、易记的网站名称。网站名称最好使用中文，字数应该控制在6个字以内，而且要有一定的内涵。;　???4.1.2 站点的风格　　站点的风格是指站点给浏览者的整体形象，包括版面布局、标准色彩和标准文字等。站点风格的好坏与否将在一定程度上影响网站的形象和宣传推广。　　1．版面布局　　在制作网页时，首先要对其版面进行布局，以便合理地放置网页内容。版面布局一般要遵循平衡性、对称性、对比性、疏密度、反复性和韵律感等原则。常见的版面布局大致包括以下5种：;　　（1）同字型：最上面是站标和广告栏，接下来是网站的主要内容，左右分列一些小条内容，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等。　　（2）厂字型：最上面是站标和广告栏，左侧是导航链接，右侧是很宽的正文信息区。　　（3）标题正文型：最上面是标题，下面是正文。　　（4）分栏型：简单的分栏型布局一般为左右或上下两栏的框架结构，一栏是导航链接，一栏是正文信息区；复杂的分栏结构则将画面分割为多个部分，分别放置图片和文字信息。　　（5）封面型：接近于平面设计艺术，一般应用于网站的主页。;　　2．标准色彩　　网页的色彩是树立网站形象的关键之一。在浏览网页时，最先引起访问者注意的往往是网页的色彩，其次才是图像和文字，所以确定网站的标准色彩相当重要。　　标准色彩是指体现网站形象和延伸内涵的色彩，一般一个网站的标准色彩不超过3种，太多则让人感到眼花缭乱。标准色彩主要用于网站的标志、标题、主菜单和主色块，给人以整体的感觉，至于其他色彩的使用，只可作为点缀和衬托，绝不能喧宾夺主。;　　3．标准字体　　标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的中文字体为宋体，英文字体为Times New Roman，也就是说，如果没有设置任何字体，网页将以这两种字体显示。　　在Windows操作系统中，浏览器能正确显示Windows自带的英文字体和中文字体。但在其他的操作系统中，有些字体则无法显示。解决这个问题的办法是图像代替法，即先把字体做成图像格式，然后在需要这种字体的地方用图像来代替，以保证所有人看到的页面是相同效果，但这会使网页打开的速度减慢。;　　4.1.3 网站的目录结构　　在规划站点时，应该事先在计算机硬盘上建立一个文件夹作为工作的起点，然后在文件夹下新建若干个子文件夹组成合理的目录结构，以便将不同类型的文件存放在站点中。下面对网站的目录结构提出4条建议：　　（1）不要将所有的文件都存放在根目录下：有的制作者为了一时的方便，将所有文件都放在根目录下，这会造成文件管理上的混乱以及上传速度慢等诸多不便，所以要尽可能减少根目录中的文件数。;　　（2）按栏目内容建立子目录：子目录的建立首先应基于主栏目，对于一些内容较多、需要经常更新的栏目应该建立独立的子目录；对于一些相关性强、不需要经常更新的栏目可以合并在一个目录下；对于程序文件一般将它们全部存放在一个目录下，以便于维护管理。　　（3）在每个主目录下都建立独立的Images目录：一般的，在每个网站根目录下都默认有一个Images目录，如果把所有图片都存放在这个目录里，会给图片的管理带来许多不便。所以为每个主栏目建立一个独立的Images目录是很有必要的。　　（4）目录的层次不要太多：为了维护方便，目录的层次一般不要超过3层。;　　4.1.4 站点导航　　一个优秀的网站应该能够使用户轻而易举地找到所需的信息，所以，在设计站点时应该规划站点的导航。下面对站点导航提出4条建议：　　（1）清晰地显示用户在站点中所处的位置，使其可以轻松地返回到站点首页。　　（2）在整个站点内的导航风格应保持一致。　　（3）提供反馈功能，方便用户与网站管理员联系。　　（4）提供搜索和索引功能，方便用户查找信息。;　　下面介绍站点的设置，包括本地站点与远程站点的建立，站点的管理、测试与上传。　　4.2.1 建立本地站点　　利用Dreamweaver 8提供的站点创建向导，用户可