《dreamweaver网页制作标准教程（配cdrom光盘）教学课件作者李建民第11章》由会员分享，可在线阅读，更多相关《dreamweaver网页制作标准教程（配cdrom光盘）教学课件作者李建民第11章（98页珍藏版）》请在金锄头文库上搜索。
1、第11章 网站设计制作的基本流程,11.1 定位你的网站主题和名称 11.2 网站的CI形象需求 11.3 网站内容的组织 11.4 确定网站的目录结构和链接结构 11.5 确定网站的整体风格和创意设计,下一页,第11章 网站设计制作的基本流程,11.6 首页的设计 11.7 注重色彩的搭配问题 11.8 网页字体的设置 11.9 网页中表格的运用 11.10 网站整体风格定位,上一页,11.1 定位你的网站主题和名称,网站设计包含的内容非常多。大体分为以下两个方面。 一方面是纯网站本身的设计，比如文字排版、图片制作、平面设计、三维立体设计、静态无声图文、动态有声影像等；另一方面是网站的延伸设
2、计，包括网站的主题定位、浏览群的定位、智能交互、制作策划、形象包装、宣传营销等。 设计一个站点首先遇到的问题就是定位网站主题。 所谓主题也就是网站的题材。网络上的网站题材千奇百怪、琳琅满目。只要你想的到就可以把它制作出来。下面是美国个人电脑杂志(PC Magazine)评出的1999年度排名前100位的全美知名网站的10类题材，对我们有一些参考价值。,下一页,返回,11.1 定位你的网站主题和名称,第1类：网上求职。 第2类：网上聊天即时信息/ ICQ。 第3类：网上社区讨论邮件列表。 第4类：计算机技术。 第5类：网页网站开发。 第6类：娱乐网站。 第7类：旅行。 第8类：参考资讯。 第9类
3、：家庭教育。 第10类：生活时尚。,上一页,返回,下一页,11.1 定位你的网站主题和名称,每个大类都可以继续细分，比如娱乐类可以再分为体育 /电影/ 音乐大类，音乐又可以按格式分为MP3，VQF；Ra、按表现形式分古典、现代、摇滚等。以上都只是最常见的题材，还有许多专业的、另类的、独特的题材可以选择，比如中医、热带鱼、天气预报等，同时，各个题材相联系和交叉结合可以产生新的题材，例如旅游论坛（旅游+讨论）、经典入球播放（足球+影视）。按这样分下去，题材可以有成千上万个。对于题材的选择，应满足以下几个条件。,上一页,返回,下一页,11.1 定位你的网站主题和名称,（1）主题要小而精。定位要小，内
4、容要精。如果想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专卖店。再举个例子，我的一位网友KK希望制作文学方面的题材，但是文学也包括许多内容，有小说、诗歌、散文、有科幻、武侠、推理，通过仔细了解他的擅长和想要提供的主要内容，最后将题材定位在网络文学上，删除了原有的一些无关
5、的文学作品，集中扩大和整理网络文学作品。网站推出后，很快受到大家的喜爱。,上一页,返回,下一页,11.1 定位你的网站主题和名称,（2）题材最好是自己擅长或者喜爱的内容。比如，你擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况、球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情很难设计制作出杰出的作品。 （3）题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材，比如软件下载、免费信息。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。除非你下决心和有实力竞争并超过它，记住，在互联网上只有第一
6、，人们往往只记得最好的网站，第二第三名的印象则会浅得多。,上一页,返回,下一页,11.1 定位你的网站主题和名称,和现实生活中一样，网站名称是否正气、响亮、易记，对网站的形象和宣传推广也有很大影响。一般的建议如下所述。 （1）名称要正。这个“正”就是要合法、合理、合情。不能用反动的、色情的、迷信的、危害社会安全的名词语句。 （2）名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。例如：beyond studio和超越工作室，后者更亲切好记。另外，网站名称的字数应该控制在6个字（最好4个字）以内，比如“阁、设计室”，4个字的可以用成语，
7、如“一网打尽”。字数少还有个好处，一般友情链接的小logo尺寸是8831，而6个字的宽度是78左右，适合于其他站点的链接排版。,上一页,返回,下一页,11.1 定位你的网站主题和名称,（3）名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。例如，音乐前卫、网页陶吧、天籁绝音。在体现出网站主题的同时，能点出特色之处。 总之，定位题材和名称是设计一个网站的第一步，也是很重要的一部分。,上一页,返回,11.2 网站的CI形象需求,所谓CI，是借用的广告术语。CI是英文Corporate Identity的缩写，意思是通过视觉来统一企业的形象。现实生
8、活中的CI策划比比皆是，杰出的例子如可口可乐公司，全球统一的标志、色彩和产品包装给我们的印象极为深刻。更多的例子如SONY、三菱、麦当劳等。 一个杰出的网站和实体公司一样，也需要整体的形象包装和设计。准确的、有创意的CI 设计对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后，需要思考的就是网站的CI形象。,返回,下一页,11.2 网站的CI形象需求,1. 设计网站的标志 首先需要设计制作一个网站的标志(Logo)。如同商标一样，logo是站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。注意：这里的logo不是指8831的小图标banner，而是网站的标志。 标志可
9、以是中文、英文字母、符号、图案，也可以是动物或者人物等。比如，soim是用soim的英文作为标志，新浪用字母sina和眼睛图形作为标志。标志的设计创意来自网站的名称和内容。,上一页,返回,下一页,11.2 网站的CI形象需求,（1）网站有代表性的人物、动物、花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠、搜狐的卡通狐狸、鲨威体坛的篮球鲨鱼。 （2）网站有专业性的，可以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。 （3）最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体、字母的变形、字母的组合可以很容易地制作好自己的标志。,上一
10、页,返回,下一页,11.2 网站的CI形象需求,2. 设计网站的标准色彩 网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。 “标准色彩”是指能体现网站形象和延伸内涵的色彩。举个实际的例子就明白了，如IBM的深蓝色、肯德基的红色条型、Windows视窗标志上的红蓝黄绿色块都使我们觉得很贴切、很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？ 一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。其他色彩也可以使用，只是作为点缀和衬托，绝不能
11、喧宾夺主。 一般来说，适合于网页标准色的颜色有蓝色、黄/橙色、黑/灰/白色三大系列色。,上一页,返回,下一页,11.2 网站的CI形象需求,3. 设计网站的标准字体 和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等。总之可以根据自己网站所表达的内涵选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用英文艺术字体下载，要寻找一款满意的字体并不算困难。 需要说
12、明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你所使用的特别字体。,上一页,返回,下一页,11.2 网站的CI形象需求,4. 设计网站的宣传标语 也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括，类似实际生活中的广告精典语句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。 以上四方面（标志、色彩、字体、标语）是一个网站树立CI形象的关键，确切地说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。形象地说，你从一个土气的农民转变为一位西装革履的白领人士。(注意：我们只是以平面静
13、态来设计CI，还没有引入声音、三维立体等因素。),上一页,返回,11.3 网站内容的组织,建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确、层次清晰；也好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。 初学者最容易犯的错误就是确定题材后立刻开始制作。当你一页一页制作完毕后才发现网站结构不清晰、目录庞杂、内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难，您的网站或许就此半途而废，更糟糕的是因此失去了制作主页的信心和兴趣！我们首先来讨论“确定网站的栏目和版块”。,返回,下一页,11.3 网站内容的组织,网站的题材确定后，相信你已经收集和组织了许多相关的资
14、料内容。你一定认为这些都是最好的，肯定能吸引网友们来浏览网站，但是你有没有将最好的、最吸引人的内容放在最突出的位置呢？有没有让好东西在版面分布上占绝对优势呢？许多个人主页的栏目（主菜单）并不是这样的。举个例子，有一个以提供动画素材为主题的站点，它的主栏目是：关于站长，本站导航，动画宝库，本站论坛，本站留言本，联系站长。首页上写着本站网址和版权申明。最主要的、最吸引人的动画素材在主栏目里占1/6，在首页上一字没提。即使这个站点的确有大量的、精美的动画素材，也很难吸引浏览者继续挖掘。 栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。一般的网
15、站栏目安排要注意以下几方面。,上一页,返回,下一页,11.3 网站内容的组织,1. 紧扣主题 一般的做法是：将主题按一定的方法分类并将它们作为网站的主栏目。例如，可以将栏目分为动物动画、标志动画、三维动画、卡通动画等，在首页上标明最近更新的动画。记住：主题栏目个数在总栏目中要占绝对优势，这样的网站更专业，主题突出容易给人留下深刻的印象。,上一页,返回,下一页,11.3 网站内容的组织,2. 设一个最近更新或网站指南栏目 如果首页没有安排版面放置最近更新的内容信息，就有必要设立一个“最近更新”的栏目。这样做是为了照顾常来的访客，让主页更有人性化。 如果主页内容庞大（超过15MB），层次较多，而又
16、没有站内的搜索引擎，建议设置“本站指南”栏目，可以帮助初访者快速找到他们想要的内容。 3. 设定一个可以双向交流的栏目 不需要很多，但一定要有，比如论坛、留言本、邮件列表等，可以让浏览者留下他们的信息。有调查表明，提供双向交流的站点比简单的留一个“Email me”的站点更具有亲和力。,上一页,返回,下一页,11.3 网站内容的组织,4. 设一个下载或常见问题的回答栏目 网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值的资料，你肯定希望能一次性下载，而不是一页一页地浏览存盘。因此，在自己的主页上设置一个资料下载栏目会得到大家的喜欢。有些站点为了广告显示量，一篇文章要分几页显示，这样迟早会因访问量下降而淘汰。另外，如果您的站点经常收到网友关于某方面的问题来信，那么最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多的时间。 至于其他辅助内容，如关于本站版权信息等可以不放在主栏目里，以免冲淡主题。总结以上几点，我们得出划分栏目需要注意的几点。,上一页,返回,下一页,11.3 网站内容的组织,（1）尽可能删除与主题无关的栏目。 （2）
