《{电子公司企业管理}网页制作与设计讲义电子讲义第一章》由会员分享,可在线阅读,更多相关《{电子公司企业管理}网页制作与设计讲义电子讲义第一章(20页珍藏版)》请在金锄头文库上搜索。
1、网页制作与设计陈语林 梁建武 周诚 主编中国水利水电出版社,第一章 网站设计 网站设计是一个很大的课题。本章将网页设计的软件透明化,从网站的主题、结构、风格、布局等讲述一个网站的制作构思。这是从一个最大的范围去讲述网站设计这个主题的。,教学重点与难点,网站的目录结构 网站的连接结构 网站创意 网站布局,1.1 定位网站的主题和名称,一、题材的选择 美国个人电脑杂志(PC Magazine评出的2001年度排名前100位的全美知名网站的十类题材,这对于读者进行网站设计,也许有一些参考价值。 第一类:网上求职 第二类:网上聊天/即时信息/ICQ,第三类:网站社区/讨论邮件列表 第四类:计算机技术
2、第五类:网页/网站开发 第六类:娱乐网站 第七类:旅行 第八类:参考/资讯 第九类:家庭/教育 第十类:生活/时尚,在选择题材时,可从下面几个方面进行考虑:1主题要小而精 定位要小,内容要精。2题材最好是自己擅长或者喜爱的内容3题材不要太滥或者目标太高,二、网站名称的选择 一般建议按以下规则取名: 1名称要正气 2名称要易记 3名称要有特色 名称平实可以接受,但如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。在体现网站主题的同时,要有这画龙点睛之笔。,1.2 定位网站的CI形象,CI(Corporate Identity)是借用广告词语,意思是通过视觉来统一企业的形象。 1
3、.设计网站的标志(logo) 2.设计网站的标准色彩 3.设计网站的标准字体 4.设计网站的宣传标语,1.3 确定网站的栏目和版块,一般的网站栏目安排要注意以下几个方面: 1一定记住要紧扣主题 2设一个最近更新或网站指南栏目 3设定一个可以双向交流的栏目 4设一个下载栏目或常见问题回答栏目,栏目实质是一个网站的大纲索引,索引应该将网站的主题明确显示出来。在指定栏目的时候,要仔细考虑,合理安排。 划分栏目需要注意的是: (1)尽可能将网站最有价值的内容列在栏目上。 (2)尽可能方便访问者的浏览和查询。 (3)尽可能删除与主题无关的栏目。,1.4 确定网站的目录结构和链接结构,一、网站的目录结构
4、建立目录结构的一些建议: 1不要将所有文件都存放在根目录下 2按栏目内容建立子目录,在设置网站的目录结构时,需要注意的问题有: (1)不要使用中文名字的目录名。 (2)不要使用过长的目录名。 (3)尽量使用意义明确的目录名,尽量做到“见名知意”。 (4)目录的层次不要太多,建议不要超过3层。,二、网站的链接结构 一般情况下,建立网站的链接结构有以下两种基本方式: 1树状链接结构 2星状链接结构 链接结构的设计,在实际的网页制作中是非常重要的一环,采用什么样的链接结构将直接影响到版面的布局。,1.5 确定网站的整体风格和创意设计,一、 网站风格 风格是抽象的,是指站点的整体形象给浏览者的感受。
5、风格是独特的 风格是有人性的,如何树立网站风格 ? (1)要肯定风格是建立在有价值内容之上的。一个网站有风格而没有内容,就像绣花枕头一包草,像一个性格傲慢但目不识丁的人。所以首先必须保证内容的质量和价值。 (2)要彻底搞清楚自己希望站点给人的印象是什么。 (3)在明确自己的网站印象后,开始努力建立和加强这种印象。,二、网站创意 创意(idea)是网站生存的关键。 1创意是传达信息的一种特别方式 2创意是将现有的要素重新组合 创意的目的是更好地宣传推广网站。如果创意很好却对网站发展毫无意义,就像给奶牛穿高跟鞋,那么宁可放弃这个创意。,1.6 首页设计,设计好一个首页,一般的步骤是: (1)确定首
6、页的功能模块。 包括:网站名称(logo)、主菜单(menu)、新闻(whats new)、搜索(search)、友情链接(links)、邮件列表(maillist)、计数器(count)、版权(copyright),(2)设计首页的版面。 (3)处理技术上的细节。,1.7 版面布局,版面布局也是一个创意的问题,但要比站点整体的创意容易,有规律。版面布局一般可分为以下步骤: 1草案 2粗略布局 3定案,1.8 网页色彩搭配,通常的做法是:主要内容文字用非彩色(黑色),边框、背景、图片用彩色。这样页面整体不单调,看主要内容也不会眼花。 在网页配色中,要注意的是:不要将所有颜色都用到,尽最控制在三种色彩以内。背景和前文的对比尽最要大,绝对不要用花纹繁复的图案作背景。,