导航:首页 > 万维百科 > 设计网站原因是

设计网站原因是

发布时间:2020-11-22 17:50:09

1、为什么建设网站设计最重要的三个原因

网站设计其实就是生产网站,把文字、图片和表格通过使超文件标示语言放置到网站页面。或者再运用一下更复杂的技术处理更多的信息,网站的内容要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。

2、网站建设的原因有什么?

1、通过建立网站、宣传企业文化的同时树立企业形象,向国际化方向发展。

2、通过建立网站,详细展示企业的业务、产品、价格等情况,使经销商和客户能够一目了然,减少人员出差的时间和费用,提高产品直销率。

、在网站上对新产品进行试销,试销结果成功企业就可以正常生产行销。

4、通过企业网站您可以建立企业邮箱,实时、快捷的与客户进行交流,拉近与客户的距离。

5、通过企业网站公告发布商品需求讯息,在网站进行企业的材料采购,减少采购成本。

6、充分利用网站的网络资源,降低宣传企业的广告成本。

3、建网站什么环境好原因是什么?

建议使用 linux服务器中的 lnmp环境比较好用。

linux系统资源消耗低,稳定性和安全性都不错。

4、请问设计网站怎么设计

做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材:第1类:网上求职;第2类:网上聊天/即时信息/ICQ;第3类:网上社区/讨论/邮件列表;第4类:计算机技术;第5类:网页/网站开发;第6类:娱乐网站;第7类:旅行;第8类:参考/资讯;第9类:家庭/教育;第10类:生活/时尚。我们可以参看上面的分类,继续细分。如果自己在某些方面有兴趣,或掌握的资料较多,也可以做一个自己感兴趣的东西,一者,你可以有自己的见解,做出自己的特色;二者,在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有创作热情,很难设计制作出优秀的作品。

对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。记住:在互联网上只有第一,没有第二!

要领二:选择好域名

域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,所有前期工作就将全部落空。

目前,做个人网站的很多都依赖免费个人空间,其域名也是依赖免费域名指向,如网易的虚拟域名服务,其实这对个人网站的推广与发展很为不利,不光是它“适时”开启的窗口妨碍了浏览者的视线和好感,让人一看就知道是个人网站,而且也妨碍了网页的传输速度。所以,就我个人观点来说,首先花点钱去注册一个域名,独立的域名就是个人网站的第一笔财富,要把域名起得形象、简单、易记。

要领三:掌握建网工具

网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器:

(1)HTML编辑器。虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。就目前来说,有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Hotdog等专业HTML编辑器。

(2)所见即所得的网页编辑器。其中以Microsoft Frontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。

(3)现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。

另外,个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。

当然,互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成,既浪费时间又浪费金钱,而且还需要强大的图形、图片制作技术。所以,为了省却这些麻烦,网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。

要领四:确定网站界面

界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点:

①栏目与板块编排

构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。
网站的题材确定后,就要将收集到的资料内容作一个合理的编排。比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。在栏目编排时需要注意的是:

●尽可能删除那些与主题无关的栏目;

●尽可能将网站内最有价值的内容列在栏目上;

●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。

另外,板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些,每个板块都有自己的栏目。举个例子:ENET硅谷动力(www.enet.com.cn)的站点分新闻、产品、游戏、学院等板块,每个板块下面又各有自己的主栏目。一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。如果有必要设置板块的,应该注意:

●各板块要有相对独立性;

●各板块要有相互关联;

●各板块的内容要围绕站点主题;

②目录结构与链接结构

网站的目录是指建立网站时创建的目录。例如:在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排,比如:

●不要将所有文件都存放在根目录下。有网站制作者为了方便,将所有文件都放在根目录下。这样就很容易造成:文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率;上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件量越大,等待的时间也将越长。

●按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI程序放在cgi-bin目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。

●在每个主目录下都建立独立的Images目录。一般来说,一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单,就是方便维护与管理。
其它需要注意的还有:目录的层次不要太深,不要超过3层;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般的,建立网站的链接结构有两种基本方式:

●树状链接结构(一对一),这类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明确知道自己在什么位置,不会“不知身在何处”,但是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须回到首页再进行。

●星状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。这样浏览比较方便,随时可以到达自己喜欢的页面。但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。

因此,在实际的网站设计中,总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。所以,最好的办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。关于链接结构的设计,在实际的网页制作中是非常重要一环,采用什么样的链接结构直接影响到版面的布局。

③进行形象设计

网站的设计可以从以下几点出发:

●设计网站标志(LOGO)。LOGO是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。

●设计网站色彩。网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。

●设计网站字体。和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,那么辛苦设计制作便可能付之东流了。

●设计网站宣传语。也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。

要领五:确定网站风格

“风格”是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局,还是交互方式,只要你能由此让浏览者明确分辨出这是你网站独有的,这就形成了网站的“风格”。

风格是有人性的,通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的,还是清新秀丽的;是温文儒雅的,还是执著热情的;是活泼易变的,还是墨守成规的。

总之,有风格的网站与普通网站的区别在于:在普通网站上你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量多少,浏览速度快慢等;在有风格的网站上你可以获得除内容之外的更感性的认识,比如站点的品位,对浏览者的态度等。

在明确自己想给人以怎样的印象后,要找出网站中最有特色的东西,就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之,风格的形成不是一次定位的,你可以在实践中不断强化、调整、改进。

要领六:有创意的内容选择

好的内容选择需要有好的创意,作为网页设计制作者,最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站,如果创意很好,却对网站发展毫无意义,那么,网站设计制作者也应当放弃这个创意。另外,主页内容是网站的根本之所在,如果内容空洞,即使页面制作地再怎样精美,仍然不会有多少用户。从根本上说,网站内容仍然左右着网站流量,内容为王(Content Is King)依然是个人网站成功的关键。

要领七:推广自己的网站

网站的营销推广在个人网站的运行中也占着重要的地位,在推广个人网站之前,请确保已经做好了以下内容:网站信息内容丰富、准确、及时;网站技术具有一定专业水准,网站的交互性能良好。一般来说,网站的推广有以下几种方式:

(1)搜索引擎注册与搜索目录登录技巧

注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧,像AltaVista、搜索客这样的搜索引擎,它自动收录提交的网址。另外,注意Meta的使用,不要提交分栏Frame页面,大部分搜索引擎不识别Frame,所以一定要提交有内容的Main页面。

而像Yahoo、搜狐等搜索目录网站采用手工方式收录网址,以保证收录网站的质量,在分类查询时获得的信息相关性比搜索引擎站点(靠Spider自动搜索的)更强。由于搜索目录网站收录网站的人为因素相对较多,因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意:将网址提交到最合适的目录下面,要认真详细的介绍网站,千万不要有虚假、夸张的成分。

(2)广告交换技巧

很多个人站点在相互广告交换时都提出了几个条件:第一,访问量相当;第二,首页交换。显而易见,这种做法是为了充分利用广告交换。以很多个人网站的经验,当与一个个人站点交换链接时,对方把网站的LOGO放到了友情连接一页,而不是首页时,很少有访客会来自那里。通常在首页,广告交换才会有很好的效果。

(3)目标电子邮件推广

使用电子邮件宣传网址时,主要有如下技巧:可以使用免费邮件列表来进行,只要你申请了免费邮件列表服务,你就可以利用邮件列表来推广你的网站;可以通过收集的特定邮件地址,来发送信息到特定的网络群体,在特定网络群体中推广自己的网站;发送HTML格式的邮件,即使其内容与接收者关系不大,也不会被被当作垃圾信件马上删掉,人们至少会留意一下发送者的地址。不过,在进行邮件推广的时候要注意网络道德。

要领八:支撑网站日常运行

当个人网站做到某一程度,就必须把赚钱提到议事日程上来,通常来说,个人网站获取资金通常有以下两个渠道:

(1)销售网站的广告位

要销售网站的广告位,一般来说,每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性,以往的广告经验,技术以及设计要求等也会影响到广告的销售。

一般来说,WEB广告的收费有三种方式:

①CPM (Cost Per Million/Thousand)

放一个广告,它按每1,000人次来访问站点收费。这方法对网站经营者最为合适,只要有人浏览该网页,就得钱,不管访问者对广告有无反应——是否会看或点击该广告。

②点透(Click-through)

通过Banner广告点到了广告商的站点,这才算数,广告商青睐这个,他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了,据一些调查资料表明,只有3%的访问者会去“CLICK”广告。

③提成 (Commission)

根据访问者点击位于你站点上广告所带来的销售收入,从中跟做广告的厂商分成,这种方法对于网站的经营者来说,比上面两个都更加冒险。

通常的,个人网站的广告收费方法往往是第一、第二种方法的结合,站点和广告商都可少冒点险。

(2)与大型网站合作

另外,通过与大型网站合作,获取经费,也可以维持个人网站的日常运行。不过,个人网站很容易会成为商业网站的附属品。

有时间和充沛的体力,再加上对新技术和技巧的学习和应用,你就能为自己在网上建一个家了。

5、网页设计最重要的原则是什么,为什么?

一、设计的任务

设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。
第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。

六、网页的优化

在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。
表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。
网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。
说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能够从整体着眼,无愧于“设计”这两个字。
★建设自己的网站较好的步骤☆

必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行:
1、先在本地设一个文件夹,作为网站存储的地方。名字最好取“My Sites”。
2、在网站文件夹里面建立一些文件夹,包括“images”等(存储图片、文件等),并且按照网页内容,再建立几个文件夹。(也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些)
3、打开你的网页编辑程序(例如FP、Dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。
4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)
5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”,把准备好的文档、图片、程式、文件和网页特效等放进去。(可以加入一些动态网页)
6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧)
7、把网站充实了,就差不多了。这时应该申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
8、把网站上传至空间里面,删了准备文件,就OK了!

不过也可以这样使用FP建站:

1、在FP里面选择新建站点。
2、然后在【导航】里面设置网页名称以及标题。
3、准备好文档、图片、程式、文件和网页特效等,把它们都充实进网站里面。
4、申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。
5、把网站上传至空间里面,删了准备文件。完毕。

如果使用Dreamwear来建站,那就更加高级啦!Dreamwear的功能很强大,安装了它的朋友们可以研究研究。

在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。

在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中,提出了采用静态网页对搜索引擎的影响,书中对于静态网页本身的介绍比较少,尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下:

(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;
(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;
(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(5)静态网页的交互性交叉,在功能方面有较大的限制。

6、你是如何设计一个网站的?

用户打开网站之后的第一印象很重要,网站的风格一定程度上能够提升企业的格调和品牌形象,网站的风格也会有变化的,现在比较流行扁平化设计,可能过些年设计风格就变了,那个时候可能网站就要重新进行设计了。网站的局部也很重要,如果网站的布局很乱,内链设置很乱,对用户而言,很难有良好的用户体验。
如果一个网站的打开速度过慢,用户有很大的概率在网站还没打开之前就已经关闭了。所以一个网站的打开速度是非常重要的,这在建设网站初期购买服务器空间、开发等环节就要注意到,尽可能的保障网站的流畅性,提升用户体验才能更好的留住用户。
高质量的内容是留住用户的重要条件,用户在浏览网站时,能从网站中看到自己想要的,得到对自己有用的东西,网站才能更加有吸引力。

7、网页设计的诞生与演变

网页的诞生,对于老网民来说,好像很久很久以前的故事了,其实,到目前为止也就是十几年的时间。它期间,网络技术的发展变化使人目不暇接,可以说它的演变周期是以“天”来计算的。

第1章 可能性的探索
网络技术的日新月异的变化给网页设计带来了新的表现天地。在网络世界里,技术始终起着先导作用,设计见分晓随着技术的发展而发展、变化。
浏览器这个新技术的出现使得信息传达与思想交流得以在网页中实现。可以说网页设计这个概念也是在这个时期开始了萌芽。在浏览器的发展初期,网页页面上还无法显示图像、声音、影像等要素,必须启动其它辅助软件才能实现,但是,很快这些技术问题便得到了解决。现在好像已经是理所当然的事情,可在当时这是一个多么在的惊喜啊。网页设计师们像得到了法宝,大家赶快在网页中加进了这些新的要素。从那时起,诸如shockwave、Future Splash(现叫Flash)以及各种Movie、Java等新技术发表后,这样的行为就反复地出现。但不管怎么说,随着各种技术的不断发展,瘰曾经出现在出版印刷、广播电视以及光盘等媒体上的表现形式,逐渐地在网页设计上也同样成为了可能。
这种“既然可能,那就试试”的想法的第一个“受害者”就是网页的下载速度。虽然这种丰富的实验性网页看上去与其它的网页有所不同,但是,那种图像的乱贴,各种技术的滥用所导致的结果使得网页的下载时间成倍的增长。更严重是任何信息也无法传递出去。当然,无论是网页设计师还是用户,都希望网页更有抵魅力、更有感染力。但是,如果它失去了必要的平衡关系的话,其结果是事与愿违。这种设计构想与技术(下载速度等等)的冲突矛盾,至今还持续着。也许,这种冲突将永远无法得到解决。因为,无论传送速度如何地改善,网络用户都将不断地增加,而且,随着传送速度的提高,网页设计师们又会想出很多新的表现手法,他们的探索与尝试是不会停止的。

第2章 形式与结构
从“网页”这个称呼来看,我们就应该明白,当初创造它的科学家们仅仅是把它作为一种可以共享的“文书”来使用的载体则设想为“低”。
随着网络商业行为被人们所接受,越来越多的人参与进来。人们使用因特网与利用因特网的目地与其诞生初期产生了很多不同,变得多元化了。随之而来的便是各种各样的探索与尝试因特网广告、电子商务、电子出版、网上商店等等。到这时;正式概念上的“网页设计”雏形终于诞生了。当然,在此之后,在此之前,服务器上的以及电脑与电脑在文件流通上的“设计”是一直存在的,这种设计是如何地重要是毋庸置疑的。但是,作为可视的,人与人在交流层次上的网页设计,才是人们最需要的,才是人们直接地实现自己理想的手段。
在网页设计的发展初期,设计家们就发现,无法保证自己所设计制作的内容完全不变地再现于网页之中。浏览器在解释文本语言的构造后,并通过页面来显示时,会出现一些偏差与变异,显然它没有充分考虑到更容易让它人控制的解读方式。作为人与人之间的有效的交流手段来说,它还存在太多的缺陷。对于这些问题进行了一系列的探索,想了很多不得已的办法。比如用本来是做表格的标记格式来控制页面的构图,用透明GIF图像来调整间距,用图像方法来进行文字设计等等。虽然,这些技巧无法解决所有问题,而且,这种做法对于重视结构的HTML来说会带来许多不利的问题,但是,这种做法所带来的好处在重视这些好处的人们之间,很快传播开来。现在,CSS方案被提出与普及,人们才真正朝着解决“形式与结构”这个问题上前进了一步。

第3章 设计方针的变迁
仅仅十几年的时间,网页设计的流行倾向就经历了几次巨大的转变。其中之一就是对机能性重视的演变。在一两年前,因特网上许多著名的网站都陆续地改变了自己的网页设计风格,网站的制作重点都更加倾向于对可操作性,功能性的重视。原因之一便是随着用户和访问频率的急剧增加,导致网站必须把多余的纯装饰性的东西省略,以提高网站的可读性,另一个原因是,各个网站已经积攒了一定的经验,渐渐明白什么是应该提供的信息,哪些服务是重要的哪些是不重要的。现在较多的媒体型网站以及软硬件公司的网站上,还有网上商店等到电子商务型网站上,均可以看到这样的变化。人们最关心的门户网站也是如此。
去掉多余的图像来提高速度,这是对机能性的重视,但是,如何使用户更快更容易地找到需要的信息,如何让用户更快地了解网页上的信息质量,如何引起用户的兴趣等等,还有如:什么样的信息放在什么样的栏目里,应该起什么样的名称,这些信息应该是以什么样的形式来设计,比如说文章应该分多少页来显示,每页的量又应该是多少,标题应该如何设计,图像该有该无等等,都对信息的传递效果起到很大的影响。另外,电脑屏幕是平面的,我们无法直观地了解网站信息的立体结构;比如说,从一本书的外观厚薄上,我们可以直接地感到其信息量的多少,无论阅读到哪里,我们也可以轻而易举地知道已经看了多少,还有多少没看,但在网页里,我们却很容易迷失方向。如何使用户能更快地把握网站的立体结构,如何使用户穿梭自由,这些都是每一个网页设计师应该注重的问题,这也是重视机能的根本所在。对待不同的内容,不同的目的必须采取不同的设计手法。如果在这一点上概念模糊,定位不准的话,肯定给读者带来的是不快与烦恼,也是浪费读者的时间与精力。

第4章 关于速度
速度是网页设计类学的基本要素。“没有迅捷的传送速度,就没有好的设计”很多从事此项设计的人都相信这句神话。
针对传送速度的限制,出现了许多新的设计方案。比如,在HTML之上,设很多层页,利用这些层页可进行植字,重叠排版的技术(CSS),它使设计者们实现了用有限的资料来提供更多内容的想法。在CSS出现之前,要设计一个理想的标题只能用平面图像,因此在一定程度上对传送速度产生了影响。使用CSS的话,字体,正确的文字尺寸,文章中的行距以及在画面中的位置等都可以得到自由的调整,另外,使用像Macromedia的Flash一样的Vektor Graphc Fomart图像处理格式,更可以在不降低画面效果的情况下,不精确地完成文字字体的选择与字体的设计,然而,不依赖以上技术也同样可以提高下载速度。掌握几个简单的方法就能使用迅速地等到需要的内容。例如,利用HTTP的特征,灵活使用压缩手法也可以提高浏览速度,把几个图像统一为一个,就比把它们分割成众多的小图像好得多,因为,浏览器在读取图像的时候,是一幅一幅读取的,每幅图像的读都必须进行数次接续交换,这种交换次数越多下载速度就越慢。如果把小的图像统一起来,变成一个指南图来利用,即使单个文件变得大一些,因数据交换次数少了,下载速度也会有所提高。
如何使自己的网页变得更加轻巧。如何进一步提高网页的下载速度,主要有两点必须考虑:

4.1、简洁的HTML构成
4.2、减少每一幅图像的容量(bytes)
所谓“简洁的HTML构成”不是以前那种没有任何设计的简单网页。而是在网页设计的排版构图上,使我们能够设计出理想的构图。但是,表格技术又有其弊病,如果把表格设计得过分复杂的话(比如过分使用表格之中套表格等手法的话),浏览器在解释与显示它时就会花过多的时间。所以简洁的表格设计构成是提高下载速度的一个关键。随着网页商业化的普及,在网页上,商品图像的登载已成为必然的事情。如果登载的照片没有经过精心的加工,下载它所需要的时间是难以想象的,用户会因此对你的网页产生反感。为了避免这样的结果。应在允许的范围内,把图像压缩到最小程度,因为计算机上的图像是由一个点的像素组成的,所以这些像素点的多少便是使图像的容量产生变化的主要原因。在用Photoshop加工图像时,JPEG的压缩率由1%到100%大致可分为10个档次,当然1%的压缩率最高,图像的信息量(像素)被压缩到最少,但对图像质量的伤害太大,一般不适合采用。相反,100%的压缩率最小,图像质量很好,但是,文件太大,也不适合采用。一般是在30%到50%之间进行压缩。GIF在减色时也分很多档次,可在1色到256色间变化。

第5章 简洁明了
“简洁”也是网页设计的基本要素。在设计网页时,我们必须充分考虑到用户在阅读网页时的心理状态,要让读者在最短的时间里,迅速地理解网页里所提供的信息内容。在用户进入网页的数秒以内,给他一个好印象,引起他的兴趣,才是最重要的。这就要求设计简洁,主次分明,并通过明了易懂的网页指南向用户介绍网站内容。最终把用户吸引到网站里。
5.1、滚动条的限制
在设计网页时,对于重要的信息最好是在不滚屏的状态下完全地显示出来,这是一下最理想的状态。但是,由于种种原因,这种状态无法在所有情况下保持,即使如此,我们也应该尽量使它只出现一个滚动条,要么是上下滚动,要么是左右滚动。过多的滚屏会防碍用户对整个网页的理解。
5.2、统一网页形象
这个概念来自于企业形象设计系统(CIS)的设计原理。这个原理在网页设计中也同样适用。这个系统会加强网页的整体形象,以及页面与页面之间的统一性和整体感。使用户对网页能产生更深刻的印象。
5.3、网页指南系统
因为网页的阅览方式是不定的,跳动性的,也可以说是含糊不清的,如果没有明确的指南引导,我们的用户将不知何去何从。这样便容易导致他们离开这里。那么,该如何做呢?我们知道读者阅览网页的方式是自由的,跳动性的,所以我们就要做到无论读者在网站里的什么位置上,都可以自由地跑到其它想去的页面上。这就要求我们在所有的页面上都设有复数的连接点。而且最好是一次点击就可以进去。其实,网页设计与建筑设计在很多原理上是很相似的,首先骠设计一个精彩的店面,因为给顾客留下的第一印象是很重要的,然后要有很多道路以及电梯等设备,尽快使顾客到达自己要去的地方,并明白所处的方位。如何去其它的楼层,在那里有些什么等等。让你的顾客迷路是一种最危险的行为,因为在网上的顾客会马上跑到其它的网站里。
制作网页指南的要点在于简明易懂以及使用上的简单便利。无论你自己认为是多么优秀的设计,用户不明其意,或者不知如何使用的话,一切都等于零。而且, 如果用户为了看到想要的信息要经过数次点击,也是不可取的。以最少的点击获得最多的结果是网页设计的一个原则。据调查,如果主页的访问率为100人次,经过第一次点击到达下一页的访问率将下降到30到50人次,再下一页的话,访问率会减少到10到20 人次。这个调查说明,网页的层次越复杂,内容的实际访问率也将越低,情报也就越难传达到读者那里,所以,尽量把网页的层次简单化,力求以最少的点击次数连接到具体的内容。最理想的是只通过两三次点击就可以到达目的地。
第6章 图像制作
图像的下载速度决定着网页显示的快慢。HTML文件对下载速度没有太大的影响,对速度影响最大的还是图像,所以,如何把图像做得精致恰当,选用什么样的压缩方式也是提高下载速度的关键。
6.1、JPEG和GIF
现在网页上经常使用的图像压缩方式还是以JPEG与GIF为主。这两种压缩方式选择哪一种更好呢?这是由设计时的具体情况决定的。
GIF的压缩方式与人们的读书方法是一样的,从左向右,由上到下。图像在用GIF格式保存时,加工软件是由左上端的像素开始,然后向右扫描,然后再由下一端的左边开始,就这样反复地扫描压缩。如果是由一些不同的色素点组成的复杂纹样的话,它就无法进行有效的压缩,在平涂颜色面积较大的情况下,渐变色彩较少的图像,使用GIF形式压缩比较合适。虽然它不适合照片的压缩,但是,如果照片等图像的尺寸小于100*100px的话,用GIF形式压缩也是比较合适的。
JPEG是一个摄影团体发明的压缩方式,它最适合照片之类图像的压缩,图像的压缩率可以自由调整。适于大幅图像的制作,随着压缩率的提高,下载速度也就会相应提高。色彩复杂的图像选择JPEG形式的理由是,这种形式可以保存几百万种像素。而GIF形式的像素保存却被限制在256种之内。JPEG形式的缺点是随着压缩率的提高,图像的质量便会越来越差。另外,如果要修改这些图像的话,应该打开24比特(bit)的原始图像进行修改与变更尺寸。因为通过这两种形式保存的图像,在质量上都有所降低,若把它们打开再一次修改再一次变更尺寸保存的话,它们的质量就会有明显的下降。
6.2、图像的容量(bytes)
在用 Photoshop进行了图像制作时,无法正确了解图像的容量(bytes)图像左下端的数值也并非图像的真正容量。要起了解图像的真正容量,最简便的办法就是选择菜单的“Getinfo“命令。在这里我们可以了解它在硬盘上占有的空间,以及文件本身的真正的容量。
6.3、图像的格式
在网页中可以插入的图像有两种:普通图像和动画。普通图像的格式如表6-1所示。

格式 含义
GIF Graphics Interchange Formats的缩写,CompuServer公司1987年推出GIF标准,并于1989年和1990年更新,目前标准是89a,256色,可以在所有的浏览器中观看
JPEG Joint Photographics Experts Group开发的图片格式,以开发小组的缩写表示,JPEG保留RGB图片中的所有颜色信息,通过选择性地去掉数据来压缩文件,JPEG图片在打开时自动解压缩
BMP DOS和Windows兼容计算机系统的标准Windows图片格式,Windows与OS/2的位图格式不同
TIFF 标签图片文件格式,用于在应用程序之间和计算机平台之间交换文件,是一种灵活的位图图片格式,为所有绘画、图片编辑和页面排版应用程序支持。而且几乎所有桌面扫描仪都可以生成TIFF图片
PCX Z-Soft Painbrush格式,用于IBM PC兼容计算机上。大多数PC软件支持PCX 5
PNG Portable Network Graphics(可移植网络图形)缩写,是作为GIF的免专利替代品而开发的,支持颜色索引、灰度和真彩色图像,需要特殊的插件支持才能显示,用于在World Wide Web上无损压缩和显示图像
EPS 封装的PostScript文件,用于在应用程序间传输PostScript语言图稿
而动画格式有许多种,Dreamweaver支持的动画常用的有数种:
1、GIF动画――GIF动画实际上是将几幅GIF图像循环播放而形成的动画图像。GIF动画的制作工具很多,其中Microsoft公司的Gif Animator是最常用也是最好用的工具。
2、SWF动画――Flash动画,目前最为流行的网页动画,可以是高质量的矢量动画。
3、视频――有AVI视频、QuickTime视频、RM视频和MPEG等数种。
在网页中,我们可以在背景图片的上面加上一个透明Flash动画,使原本不会动的图片变的更加生动,从而使网页多姿多彩。[5] 图片格式(P38)
结论:
在网页设计时一定要选择质量好,容量小的图像为网页快速的下载速度和留住访问者打下基础,同时,统一的网页结构和布局也是提高网页的显示速度和网站的可读性必要因素.

8、设计网站是怎么设计的

网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的网站。 放眼望去,网上的许多个人主页简直就是"杂货店",内容包罗万象,题材千篇一律,人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意。所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做“少”而“精”,又必须突出“新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

9、设计网站最重要的原则是什么?

功能达到要求
颜色清谈

与设计网站原因是相关的知识