网页制作综合应用精彩实例

17.1.2 定位网站CI形象
所谓CI，是借用的广告术语。(CI是英文corporate identity的缩写)，意 思是通过视觉来统一企业的形象。现实生活中的CI策划比比皆是，杰 出的例子如：可口可乐公司，全球统一的标志，色彩和产品包装，给 我们的印象极为深刻。通常网站的标志，色彩，字体，标语，是一个 网站树立CI形象的关键。
17.1.3 设计目录结构和排版布局
目录结构的实质是一个网站的大纲索引，索引应该将网站的主体明确 显示出来。在制定栏目的时候，要仔细考虑，合理安排。1．一定记 住要紧扣你的主题。
一般的做法是，将网站的主题按一定的方法分类并将它们作为网站的 主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站显的专 业，主题突出，容易给人留下深刻印象。
wenku.baidu.com 2．设一个最近更新或网站指南栏目。
如果首页没有安排版面放置最近更新内容信息，就有必要设立一个 “最近更新”、“留言板”、“论坛”的栏目。这样做是为了照顾常 来的访客，让主页更有人性化。
3．设定一个可以双向交流的栏目。
不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让 浏览者留下他们的信息。
所谓主题也就是网站的题材。网络上的网站题材千奇百怪，琳琅满目。只要能想的到， 就可以把它制作出来。 对于题材的选择，可以从下面几点考虑。 1．主题要小而精。定位要小，内容要精。如果想制作一个包罗万象的站点，把所有自 己认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有 特色，样样都有反而样样却都很肤浅，因为个人不可能有那么多的精力去维护它。网 络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。 2．题材最好是你自己擅长或者喜爱的内容。比如：擅长编程，就可以建立一个编程爱 好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不 会觉得无聊或者力不从心。 3．题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；比如软件 下载，免费信息。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站 点，要超过它是很困难的。除非下决心和有实力竞争并超过它。 如果已经有一个绝妙的主意了，就要开始为网站起名字。其实网站名称也是网站设计 的一部分，而且是关键的一个要素。和现实生活中一样，网站名称是否正气，响亮， 易记，对网站的形象和宣传推广也有很大影响。一般的建议是。 1．名称要正。就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会 安全的名词语句。 2．名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名 称，不要使用英文或者中英文混合型名称。 3．名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视 觉冲击和空间想象力，则为上品。
4．设一个下载或常见问题回答栏目。
网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值 的资料，你肯定希望能一次性下载，而不是一页一页浏览存盘。另外， 如果站点经常收到网友关于某方面的问题来信，最好设立一个常见问 题回答的栏目，既方便了网友，也可以节约自己更多时间用以学习。
17.1.4 网站的整体风格及创意设计
□ 本章知识点及学习目标
通过前面的学习，您一定对怎样制作网页有了初步认 识，本章将通过2个较为综合实例，来系统学习如何 制作网站，包括如何规划网站，如何设计网站栏目结 构和页面的排版布局。其中个人网站的制作过程中重 点突出了表格在网页设计中的使用技巧，在教育网站 设计与制作中重点讲解了网站中弹出式菜单的制作。 通过本章的学习，能够顺利地掌握网页设计的常规方 法和技能，逐渐成为网页设计高手。
17.1 网站设计与制作
通常所说的网站设计，包括网站的主题定位、客 户定位、网站策划、网站设计制作、以及网站的 推广等。根据建设网站一般的流程，可以将网站 设计概述为定位网站主题和名称、定位网站CI形 象、设计目录结构和排版布局、网站的整体风格 及创意设计以及网站的制作等几个方面。
17.1.1 网站主题和名称
1．设计网站的标志(logo)。首先需要设计制作一个网站的标志(logo)。 就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就 让大家联想起你的站点。
2．设计网站的标准色彩。网站给人的第一印象来自视觉冲击，确定 网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果， 并可能影响到访问者的情绪。
■了解网站设计与制作的相关概念。 ■设置网站目录结构和排版布局。 ■规划网站。 ■个人网站设计与制作。 ■教育网站设计与制作。
本书内容概览
17.1 网站设计与制作 17.1.1 网站主题和名称 17.1.2 定位网站CI形象 17.1.3 设计目录结构和排版布局 17.1.4 网站的整体风格及创意设计 17.2 个人网站设计与制作 17.2.1 规划个人网站 17.2.2 规划网站栏目结构和排版布局 17.2.3 制作过程 17.3 教育网站设计与制作 17.3.1 规划网站栏目结构和排版布局 17.3.2 制作过程 17.4 实战演练 17.4.1 范例1 弹出【小人】网页特效 17.4.2 范例2 飘动的图层特效 17.5 思考与练习
在设计网站时，要采用统一的风格及创意 设计来把各个页面组织在一起。网站的颜 色、字体、图像以及页面布局应统一，表 现出一个形象化的主题。可以从一下几点 来考虑。
1．颜色搭配 2．页面布局 3．内容结构
3．设计网站的标准字体。和标准色彩一样，标准字体是指用于标志， 标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体 现站点的“与众不同”和特有风格，我们可以根据需要选择一些特别 字体。
4．设计网站的宣传标语。也可以说是网站的精神，网站的目标。用 一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如： 鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”； Intel的“给你一个奔腾的心”。