第1章续网页设计概述.pptVIP

第1章 网站与网页设计基础 第1章 网站与网页设计基础 教学提示：随着Internet的普及，拥有自己的网站已经成为一种潮流和时尚。虽然制作一个简单的网页并不困难，但是制作出超凡脱俗的网站就不那么容易了。本章介绍网站设计与网页制作的基本知识。从网站的设计架构出发，在网站的主题、结构、风格和布局等方面讲述网站的构思，并且制作和发布第一个网页。 教学目标：通过本章的学习，要求读者能正确定位网站的主题，了解网站的目录结构和链接结构、网站的创意和布局、网页中的元素及常用网页设计软件等网站与网页设计基础知识，对新建本地站点、编辑网页、预览网页和发布网站等网站制作的流程有一个最基本的认识。 第1章 网页设计前的准备工作 1.1 定位网站主题和名称 1.2 确立网站的CI形象 1.3 网站的目录结构和链接结构 1.4 确定网站的整体风格和创意设计 1.5 网页设计“三剑客” 1.6 其他常用工具 1.7 网页及网页中的元素 1.8 其他的设计元素 1.1 定位网站主题和名称 1.1.1 合理选题 1.1.2 精选网站名称 1.1.1 合理选题 对于题材的选择，有以下几个建议： 1. 主题要小而精 定位要小，内容要精。如果想制作一个包罗万象的站点而把所有自己认为精彩的东西都放在上面，往往会事与愿违，给人的感觉是没有主题、没有特色，这是因为作者不可能有那么多的精力去维护它。而网络最大的特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱。这就像逛商店，如果需要买某方面的东西，会选择专卖店而不是百货店。 2. 题材最好是自己擅长或者喜爱的内容 如果你是一个收藏爱好者，就可以建立一个收藏爱好者的网站，展示你的收藏并和别人共享；对足球感兴趣，可以报道最新的球赛战况、球星动态等。这样，在制作时才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出精彩优秀的网站。 3. 题材不要太滥或者目标太高 “太滥”的题材是指到处可见、人人都有的题材，例如软件下载、免费信息。“目标太高”是指在这一题材上已经有非常优秀、知名度很高的站点，要超过它是很困难的，除非真的具有竞争实力。在互联网上只有第一，人们往往只记得最好的网站，而对第二、第三名的印象则模糊得多。 1.1.2 精选网站名称 如果对于网站的题材已经有一个绝妙的主意，那就可以开始为网站起名字了。有的人可能认为起名字与网站设计无关，其实网站名称也是网站设计的一部分，而且是一个很关键的要素。例如，“电脑学习室”与“电脑之家”显然是后者简练；“迷笛乐园”与“MIDI乐园”显然是后者清晰。和现实生活中一样，网站名称是否正气、易记、有特色，对网站的形象和宣传的推广会有很大影响。 1.2 确立网站的CI形象 1.2 确立网站的CI形象 1.2 确立网站的CI形象 2. 选择网站的标准色彩 网站给人的第一印象来自视觉冲击，所以确定网站的标准色彩是相当重要的一步。不同的色彩搭配会产生不同的效果，并可能影响到访问者的情绪. “标准色彩”是指能体现网站形象和延伸内涵的色彩。例如IBM的深蓝色、肯德基的红色条型都让人觉得很贴切，很和谐。一般情况下，一个网站的标准色彩不超过三种，太多会让人觉得眼花缭乱。标准色彩要运用在网站的标志、标题、主菜单和主色块上，给人以统一的感觉。至于其他色彩也可以使用，但只能作为点缀和衬托，绝不能喧宾夺主。 3. 选择网站的标准字体 和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。但为了体现站点“与众不同”和特有的风格，可以根据需要选择一些特别字体。例如，体现专业性可以用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等。当然这些都是个人看法，读者可以根据自己网站所表达的内涵，选择更贴切的字体。目前常见的中文字体有二三十种，英文字体有近百种，网络上还有许多专用艺术字体下载，要找一款满意的字体并不算困难。如图1.3所示即为采用了具有古典韵味字体的网页。 需要说明的是，使用非默认字体最好用图片的形式表现，因为很可能浏览者的计算机里没有安装网页中指定的特别字体，那么制作者的辛苦设计便付之东流 1.2 确立网站的CI形象 1.3 网站的目录结构和链接结构 1.3.1 网站的目录结构 1.3.2 网站的链接结构 1.3 网站的目录结构和链接结构 清晰的目录结构有利于站点的维护，而网站的链接结构是指页面之间相互链接的拓扑结构。研究网站的链接结构目的在于用最少的链接，使得浏览最有效率。 1.3.1 网站的目录结构 网站的目录是指建立网站时创建的目录。例如在用FrontPage建立网站时都默认建