没有合适的资源?快使用搜索试试~ 我知道了~
网站设计的要点与9条原则.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 30 浏览量
2022-07-09
11:04:08
上传
评论
收藏 3.54MB DOC 举报
温馨提示
试读
70页
网站设计的要点与9条原则.doc
资源推荐
资源详情
资源评论
1 / 70
转的别人的 回什么是设计
设计(Web Design),就是指在因特网上,根据一定的规则,使用 Dreamweaver、photoshop 等工具制
作的用于展示特定容的相关网页的集合。简单地说,是一种通讯工具,就像布告栏一样,人们可以通过
来发布自己想要公开的资讯(信息),或者利用来提供相关的网路服务(网络服务)。人们可以通过网页
浏览器来访问,获取自己需要的资讯(信息)或者享受网路服务。它是由域名(俗称网址),源程序和空
间三部分构成。其中域名它是类似于互联网上的门牌,是用于识别和定位互联网上计算机的层次结构式
字符标识,与该计算机的互联网协议(IP)地址相对应。而设计是设计师通过像 Frontpage 或 Dreamweaver
等工具来对进行编辑的!
[编辑本段]
发展趋势
几乎每个网络公司都在开展建设业务,同时,因发展方向的不同,产生了三大块主体建设群体:
第一类,行业门户。许多行业门户,在其 VIP 会员服务项目当中,包含了为 VIP 企业会员提供建设
的服务,像阿里巴巴、中国纺织网等公司,吸引了大批行业类的企业注册成为他们的 VIP 会员,获得包
括建设和维护在的多种服务项目。行业门户的企业建站服务占到所有企业建设服务市场的 20%;这类以
模板型居多。
第二类,网络综合应用服务公司。指提供包括网络基础应用服务(如域名、主机、)和网络增值应用
服务(如建设和推广)等业务在的综合应用服务公司,企业建设是重要业务之一,业务总量占到所有企
业建设市场的 60%。像九曲网等公司,通过网络综合应用服务业务的宣传与拓展,在业界具有良好的形
象和口碑,提供的建设服务也普遍为客户所接受。
第三类,专业建设服务公司,以个性化建设业务为主,大多体现在制作出 3D 全景,FLASH 全景等,
突出个性化制作和客户长期跟踪服务,业务总量占到所有企业建设市场的 20%。
在这三类中,第一类行业门户需要长期的客户资源积累,大量的资本运作,操作起来资金门槛不低。
而第三类专业个性化设计需要高端技术人才,从而提高了技术成本门槛。因此,真正在市场上拼杀的主
力军就成了技术和资金门槛相对低很多的第二类:网络综合应用服务公司。
[编辑本段]
设计的要点
设计要注意的两个要点:整体风格和色彩搭配。
一、确定的整体风格
的整体风格与其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一
个主题,任何两人都不可能设计出完全一样的。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的 CI
(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、容价值、存在意义、站点荣
誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM 是专业严肃的。
这些都是给人们留下的不同感受。
在这里,我提供给大家一些参考经验:
1.将你的标志 logo,尽可能的放在每个页面上最突出的位置。
2 / 70
2.突出你的标准色彩。
3.总结一句能反映贵站精髓的宣传标语!
4.一样类型的图像采用一样效果,比如说标题字都采用阴影效果,那么在中出现的所有标题字的阴
影效果的设置应该是完全一致的!
二、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们
看到的不是优美的版式或美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理
解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统
一,有层次感。
2.用两种色彩。先选定一种色彩,然后选择它的对比色。
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三至五种色彩以。
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字容。
[动态设计]
网络技术日新月异,细心的网友会发现许多网页文件扩展名不再只是“.htm”,还有“.php”、“.asp
”等,这些都是采用动态网页技术制作出来的。
早期的动态网页主要采用 CGI 技术,CGI 即 Common Gateway Interface(公用网关接口)。您可以使
用不同的程序编写适合的 CGI 程序,如 Visual Basic、Delphi 或 C/C++等。虽然 CGI 技术已经发展成
熟而且功能强大,但由于编程困难、效率低下、修改复杂,所以有逐渐被新技术取代的趋势。
下面介绍几种目前颇受关注的新技术:
1、PHP 即 Hypertext Preprocessor(超文本预处理器),它是当今 Internet 上最为火热的脚本语言,
其语法借鉴了 C、Java、PERL 等语言,但只需要很少的编程知识你就能使用 PHP 建立一个真正交互的 Web
站点。
它与 HTML 语言具有非常好的兼容性,使用者可以直接在脚本代码中加入 HTML 标签,或者在 HTML 标
签中加入脚本代码从而更好地实现页面控制。PHP 提供了标准的数据库接口,数据库连接方便,兼容性
强;扩展性强;可以进行面向对象编程。
2、ASP 即 Active Server Pages,它是微软开发的一种类似 HTML(超文本标识语言)、Script(脚本)
与 CGI(公用网关接口)的结合体,它没有提供自己专门的编程语言,而是允许用户使用许多已有的脚本
语言编写 ASP 的应用程序。ASP 的程序编制比 HTML 更方便且更有灵活性。它是在 Web 服务器端运行,运
行后再将运行结果以 HTML 格式传送至客户端的浏览器。因此 ASP 与一般的脚本语言相比,要安全得多。
ASP 的最大好处是可以包含 HTML 标签,也可以直接存取数据库与使用无限扩充的 ActiveX 控件,因
此在程序编制上要比 HTML 方便而且更富有灵活性。通过使用 ASP 的组件和对象技术,用户可以直接使用
ActiveX 控件,调用对象方法和属性,以简单的方式实现强大的交互功能。
但 ASP 技术也非完美无缺,由于它基本上是局限于微软的操作系统平台之上,主要工作环境是微软
3 / 70
的 IIS 应用程序结构,又因 ActiveX 对象具有平台特性,所以 ASP 技术不能很容易地实现在跨平台 Web
服务器上工作。
3、JSP 即 Java Server Pages,它是由 Sun Microsystem 公司于 1999 年 6 月推出的新技术,是基
于 Java Servlet 以与整个 Java 体系的 Web 开发技术。
JSP 和 ASP 在技术方面有许多相似之处,不过两者来源于不同的技术规组织,以至 ASP 一般只应用
于 Windows NT/2000 平台,而 JSP 则可以在 85%以上的服务器上运行,而且基于 JSP 技术的应用程序比
基于 ASP 的应用程序易于维护和管理,所以被许多人认为是未来最有发展前途的动态技术。
虽然以上 3 种新技术在制作动态网页上各有特色,但目前仍都在发展中,不够普与。对于广大个人
主页的爱好者、制作者来说,建议尽量少用难度大的 CGI 技术。如果您对微软的产品情有独钟,采用 ASP
技术会让您得心应手;如果是 Linux 的追求者,运用 PHP 技术在目前是最明智的选择。当然,不要忽略
了 JSP 技术.
[编辑本段]
设计的全过程
这篇文章献给希望想建设成功的人士看看!
1. 准备容
在注册网址之前就应该先搜集至少「一百页」的容,这些容必须是有价值的、不违反著作权的容。
2. 网址
想个比较有意义,好记的网址(喔,好吧,中文比较不需要在网址里放关键字,这一项我们可以忽
略)。
3. 设计
对搜索引擎来说,他们看不到里的 flash、java applet 和 javascript,也看不到你图档里写的字,
所以在设计上,只要尽量简洁有利,让容可以好好的呈现,就是一个成功的 seo 页面。
另外呢,网页要尽量符合 w3c 的标准,如果懒得作网页,可以参考这里,有提供一些免费的网页本,
几乎都是 cc 授权,所以可以自由的使用,他们的网页都是符合 w3c 标准的。
4. 每页档案大小
建议每个网页尽量在 15k 以下,如果可以缩减到 12k,甚至 10k 那就更好,但是不能在 5k 以下。其
实我们都知道,搜索引擎最佳化的目的,实际上是为了使用者,而不是为了搜索引擎本身(这个我过几
天再补一篇文章介绍)。
不过这一项到底是不是真的,我也不晓得,曾经有长辈跟我说,在 Yahoo,网页大小越大越好..这
有待实验证明。
5. 容
每天建立一个 500~1000 字的网页,当然这个网页里面必须包含你重要的关键字,如果想不出关键
字来的话,可以使用 Yahoo 的关键字建议工具
6. 关键字密度以与关键字放置位置
拿出你的关键字,在下列六个地方各使用一次:
* 标题
* meta 标签
* 网址里面(好吧,中文关键字做不到)
* 粗体关键字 (就是写出你的关键字,然后把他加粗)
* 斜体关键字 (就是写出你的关键字,然后把他斜体)
4 / 70
* 页面上半部 (网页容比较前面的地方,我是建议用个标题,像是 h1)
另外,英文的话,文句要通畅,拼字要正确,虽然搜索引擎本身就会帮你校正…
7. 外部
每一个容页面都应该一、二个该关键字的「有名大站」(我不是针对无名小站= =),要注意的是的方
式,要先写出你的关键字,再将这个关键字直接到该站台。
8. 部
你的里面可能有很多类的容,请确定同类容互相,而不同类容千万不要互相。例如讲食品的页面请
到讲水果的页面这样。
为什么要这样作呢?同类容的部可以让 google 的 pagerank 在你的网页里互相传递,如果你只对个
别网页作最佳化,有可能会发生的情况是,里只有少数几个页面的排名可以往前,但是若是做好部的话,
可以让每个网页的排名都往前。
你想要五十个网页每天都可以带来一位访客,还是只有一个网页,每天带来五十位访客呢?前者还
有机会可以努力,后者要再增加应该有其限度才对。
9. 上线
最好不要用虚拟主机,若是能有自己的代管主机或者是固定 ip 位置就最好了。若是租用虚拟主机厂
商的虚拟主机方案,你可能遇到的就是一台主机里面放了上万个,尽管 Yahoo 和 Google 宣称,他们对待
虚拟主机一视,但是我还是担心要他们开始把同一主机 ip 数量加入排名公式的那天…
确认的每一页都可以被搜索引擎索引进去,里的要做好。另外呢,在还称不上是个「好」的时候,
不要让上线,若是随便让你的烂进入搜索引擎,并且被打了低分之后,我想,要让分数上升似乎就不是
那麼容易了。
接著,把自己加入到 odp(open directory project),这是一个大家可以手动加入的目录索引,这
样至少你的已经在一个索引里面了,接著,若是有钱的话,可以使用 Yahoo 的搜索引擎快速付费登录,
这可以让你的在七天进入 Yahoo!奇摩的索引里,若是没钱的话也没关系,慢慢等还是会被 Yahoo 登录进
去的。
10. 送交搜索引擎以与目录索引
把你的登录到 Google、Yahoo!奇摩以与 MSN,接著,就放著不管了。别忘了,这篇文章的目的是建
立成功的,过程是一年,所以把送交登录之后,请耐心等待六个月。(最惨的情况下啦,不过一般来说,
新最迟三~五个星期就会进入索引里面了)
11.推广
毋庸置疑任何一个想盈利的都无法回避付费推广服务,推广方面最主要的就是竞价排名。国首推百
度,任何人也不可否认百度的强大流量,google 虽然在世界围是老大,但是百度在中国的流量是 google
的 4-10 倍。不点击不收费是竞价排名能够将百度带到财富巅峰的,不可否认也有大量的企业通过竞价排
名带来了不小的收益!推广在建站之后是最重要的一步!
12 纪录与追踪
申请一个不错的网页计数器(现在这个时候的话,当然是推荐使用 Google Analytics,毕竟繁体中
文容已经可以使用 Google AFC 了;当然 cnzz 站长统计也是一个不错的选择。)
13、设计包括前台用户视觉体验的设计和后台程序功能设计,两个方面都是非常重要的;视觉设计
对于客户的阅读带来愉悦和信任,后台注重操作的方便行;
[编辑本段]
设计时候的一些基本原则
5 / 70
设计中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的设计专家,让你共享他们的秘密,告
诉你:使赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以与他们喜爱和厌恶的。
01 明确容
如果你想成为一个设计者,并正想建一个的话,首先应该考虑的容,包括功能和你的用户需要什么。
你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的,或操作不便捷,设计就是失败的。不要让用户失望而转向你的对
手的。
03 优化容
容是核心。大约在两年以前,企业就像一本广告册子,更槽糕的是,使用了大量的图片,似乎要几
个世纪才能下载完。
Chanels 在设计的某些方面是成功的,但是容太贪乏,并且要花很长时间才能找到所要的东西,因
此不能算是一个成功的。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于 60K,通
过 56K 调制解调器加载花 30 秒的时间。有的设计者说网页加载应在 15 秒。
05 升级
时刻注意的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想
失去访问者的话,一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂 HTML 语言,你只需购买一个有的所见即所得的网页设计工具,如 Adobe PageMill 或 Micr
osoft FrontPage Express,就可以创建一个看起来很合理的。但是,在设计时,这些软件包虽然不需要
HTML,却使速度下降。
为了成功地设计,你必须理解 HTML 是如何工作的。大多数的设计者建议网络新手应从有关 HTML 的
书中去寻找答案,用 Notepad 制作网页。
07 学习 HTML
用 HTML 设计,可以控制设计的整个过程。但是,如果你仅仅是设计的新手,你应该寻找一个允许修
改 HTML 的软件包。HomeSite4 是一个很好的 Web 设计工具。在设计过程中,HomeSite4 能帮助你学习 HTML。
它还允许你切换到所见即所得的模式,以便你在把发送到 Web 之前,预览你的。
08 用笔画一个的框架
圣人云:笔比剑更强大。在用计算机之前,用笔画一个的框架,显示出所有网页的相互关系。计划
好你的用户如何以最少的时间浏览你的。
09 “在计算机上永远也找不到好的方案”。 ——专家忠告
10 地图
许多设计者把他们的地图放在上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特
别的信息,他们对于你的是如何工作的,并没有兴趣。如果你觉得你的需要地图,那很可能是需要改进
你的导航和工具条。
11 “睁大你的眼睛,留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站
点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。” ——专家忠告
12 点击规则
听说过 3 次点击规则吗?对于小型,在你的主页上,没有任何一条信息,需要点击次数超过 3 次的。
剩余69页未读,继续阅读
资源评论
智慧安全方案
- 粉丝: 3645
- 资源: 59万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功