网站页面设计方法

　　以网站最重要的关键词在主要搜索引擎中排名领先，这是搜索引擎推广中最重要的策略。搜索引擎的搜索机器人会自动搜索网页内容，因此搜索引擎策略从优化网页开始。　　一、添加网页标题。　　为每页内容写5到8个字的描述性标题。标题要简练"的""和"这些不重要的词汇。要说明该页面，该网站最重要的内容是什么。网页标题将出现在搜索结果页面的链接上，因此可以写得稍带煽动性，以吸引搜索者点击该链接。同时在首页内容中写上你的公司名和你最重要的关键词，而不能只是写公司名。网站的每一个页面都应该有针对该页面的标题。　　二、添加描述性META标签。　　除了网页标题，不少搜索引擎会搜索到META标签。这是一句说明性文字。描述网页正文的内容，句中也要包含本页使用到的关键词，词组等。 目前，含关键词的META标签已经对排名帮助不大，但有时META标签会用于付费登陆技术中。而且谁又知道什么时候搜索引擎又会再次重视它呢？　　三、在网页粗体文字，一般为文章标题中也填上你的关键词。　　搜索引擎很重视粗体文字，以为这是本页很重要的内容。因此，确保在一二个粗体文字标签中写上你的关键词。要尽量避免将重要的标题都制作成图片的形式，更不要将整个首页都做成一个图片。　　四、确保在你的正文第一段就出现关键词。　　搜索引擎希望在第一段文字中就找到你的关键词，但不要充斥过多关键词。google大概将全文每100个字出现1.5到2个关键词视为最佳的关键词密度，可获得好排名。其他可考虑放置关键词的地方可以在代码的ALT或者COMMEET标签里面。如果无法保证正文第一段出现关键词，可以考虑一些不救措施，比如给网页加一个批注等等。　　五、导航设计要易于搜索引擎搜索。　　有些人在网页制作中使用框架，但是这对于搜索引擎是一个严重的问题。即使搜索引擎找到你的内容页面，也可能错过其中关键性的导航栏目，从而不能进入到其他页面。用JAVA和FLASH做的导航按钮看起来是很漂亮美观，但是搜索引擎找不到它们。补救的办法是在页面底部用常规HTML链接再作一个导航条，确保可以通过这个导航条进入网站的每一页。你还可以做一个网站地图，也可以链接到每一页面。此外，有些内容管理系统和电子商务目录运用动态的网页，这些页面的网址后面一般都有一个问号带上数字，工作过度的搜索引擎往往在问号前停下，不在继续搜索。对于这种情况。可以通过更改URL，付费登陆等手段加以解决。动态站点可以通过生成静态页面的技术方便搜索引擎的抓取。网站地图要尽量可能链接到所有的主要页面，并单独把站点地图页面提交给搜索引擎。多使用HTML静态网页，虽然增加了工作量，但可以增加搜索引擎的友好度，从而为获得好的排名打下基础。　　六、针对某些特别重要的关键词，专门做几个页面。　　搜索引擎优化专家不推荐使用任何针对搜索引擎的欺骗性过渡页面，因为这些几乎是复制出来的网页可能搜索引擎的惩罚。但可以做几个页面，每页集中包含不同的关键词或词组。例如，无须在某一页上介绍你所有的服务内容，而是为每种服务分别作一个页面。这样，每一页都有相对应额关键词，这些页面内容因为包含针对性的关键词而不是笼统的内容，从而可以提高排名。　　七、向搜索引擎提交网页。　　在搜索引擎是找到【ADD YOUR URL】网站登陆的链接。搜索引擎将自动搜索你提交的网页。美国最着名的搜索引擎是：google、inktomi、alta、vista、tehoma。这些搜索引擎向其它主要搜索引擎和门户网站提供搜索内容。在欧洲和其他地区你可以发布到区域性的搜索引擎。至于花钱请人帮你提交成千上万的搜索引擎的做法是在白花钱。也不要在那些FFA（free for all pages）网站，即所谓将你的网站免费自动提交到数百搜索引擎的站点。这类提交不仅效果不好，还会给你带来大量的垃圾邮件，并可能导致搜索引擎对你的网页进行惩罚。也不要使用网站登陆软件，所谓可以一次性将你的网站提交给数以千计的搜索引擎，其实不仅是不可能的，也是没有实际价值的。最重要的是做好网站的优化设计，对于主要搜索引擎，采用逐个手工提交的方式来进行。对于付费搜索引擎，更不可能依靠软件来提交。事实上，有效的搜索引擎营销策略根本不需要将网站登陆到数以千计的搜索引擎，因为访问量最大的几个搜索引擎几乎集中了98％以上的访问量，剩下的搜索引擎没有多少实际意义。另外要注意，提交网页不应该是一次性的，随着内容的更新，应该定期重新提交网页。由于网络页面越来越多，很多搜索机器人的回访时间很长，定期提交可以让搜索引擎前来抓取最新的更新内容。　　八、调整主要内容页面以提高排名。　　将你认为最重要的页面，或许是首页作一些调整，以提高他们的排名。有一些软件可以让你检查当前的排名，比较跟你的关键词相同的竞争者的网页排名，还可以获得搜索引擎对你的网页的首选统计数据，从而对自己的页面进行调整。你可以使用webpositiongold自己做这个工作，但由于很花时间，也可以请专业的公司帮你做。 在其他网站做链接可以带来访问量。自从google等主要搜索引擎将网站的链接广泛度作为排名参考的重要因素以后，越多网站链接你，你的网站排名越高。同时，链接的质量也是搜索引擎考虑的重要因素。链接在访问量高的网站比链接在访问量低的网站更有优势。　　九、将网站提交到主要的检索目录。　　确保你的网站登陆到免费的open directory（www.dmoz.com），这是由人工进行登陆审查的网站。该分级目录为所有主要搜索引擎提供目录内容提供搜索。google很看重你的网站是否在这类重要的网站有链接。yahoo是另一个重要的检索目录，需要在上面登陆。提示：描述网站的字数最好比规定的最高字数少，不要刚好达到字数限制，以免太长的文字描述使得网站审核人员删除一些句段。目前商业网站登陆yahoo每年要交￥299，最好让他们在7个工作日内就将你的网站登陆上去。其他可以考虑登陆的检索目录有about.com和business.com。国内有很多网站导航站点。也能带来非常大的流量。即使网络营销预算不多，但主要的搜索引擎如新浪，搜虎等也是很有必要登记的。　　十、将网站登陆到行业站点和专业目录中。　　有一些检索目录定位于某个行业，如教育或金融业。如果你属于某个贸易协会，该协会集中了诸多会员站点，你可向该协会网站申请加入你的站点，哪怕付费也是应该的，因为这会为你带来许多目标访问者。 除了可以登陆到很多黄页类网站，到搜索引擎按照你的行业查找，一定也能找到很多相关的行业目录站点，应该尽量登陆这些站点。　　十一、请求互换链接。　　寻找一些与你的网站内容互补的站点向对方要求互换链接。最理想的链接对象是那些与你的网站流量相当的网站。流量太大的网站管理员要应付太多要求互换链接的请求，容易将你忽略。小的一些网站页可以考虑。互换链接页面要放在网站比较偏僻的地方，以免将你的网站访问者很快引向他人的站点。 找到可以互换链接的网站之后，发一封个性化的电邮给对方网站管理，如果对方没有回复，再打电话试一试。一定要关注对方网站的质量，不要片面追求链接数量，更不要发垃圾邮件。　　十二、发表免费文章，附带站点签名。　　免费为其他网站的新闻邮件写一些专业性文章，文章里用简短的文字附带描述你提供的东西，并请求对方链接你的网站。这是一种有效的病毒营销方法，你的文章将作为成千上百的用户订阅信息发出去，让你的网站一次性获得几百个链接。没有自己的原创文章，转载别人的文章时一定也要加上自己的链接。　　网下的传统推广方法依然奏效。多种手段并用的方法尤其有效。　　十三、将你的网址印在信纸、名片、宣传册、印刷品上。 这种简单的方法有时候却被忽略了。确保网址拼写正确。建议把http：//部分省略，只书写www.****.com部分。一个易于记忆的域名有利于网站的推广，在选择域名时一定要仔细考虑。　　十四、使用传统媒体广告。　　传统媒体广告不应该废止。无论是报纸还是杂志广告，务必确保在其中展示你的网址。要将查看网站作为广告的辅助内容，提醒用户浏览网站将取得相关信息。别忽视在一些定位相对比较狭窄的杂志或者贸易期刊刊登广告，有时候这些广告定位会更加准确、有效。而且比网络广告更便宜。还有其它传统方式可增加网站访问量，如直邮、分类广告、明信片等等。电视广告恐怕更适合于那些销售大众化商品的网站。让网址出现在广告中显眼的位置，相信比电话号码更好记忆。　　十五、提供免费服务。　　人们都喜欢免费的东西。通过免费信息内容吸引人们访问你的网站，比单纯叫人来访问了解你的业务更有效。建立免费资源需要花费时间和精力，但是对增加访问量非常有效。你提供的免费内容要与你销售的东西非常接近，这样你吸引来得访问者才有可能时目标潜在客户，提供免费服务的同时，网站要提供多种链接方式将获取免费信息的用户注意力引导到你销售的产品部分。免费资源比如：免费邮箱、免费网站登陆、免费发布信息、能提供具有特色的免费服务那就更好了。

　　一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些，会操作Word就会使用它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，可以下载网页三剑客Dreamweaver、flash、firework去做。　　二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页编辑软件修改的原因是：很多网页格式如果用网页编辑软件打开就会变形，所以直接使用记事本修改网页Html代码是最简洁有效的方法。可以去下载强化的HTML工具更好，例如： UltraEdit。　　首先需要了解一下网站的页面组成，网站一般包括以下几部分：　　首页：网站的门面，如同公司的形象，特别注重设计和规划。　　次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。　　普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。　　弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。　　各页面的设计技巧：　　一、首页设计技巧　　网站首页是企业网上的虚拟门面。一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象。另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。　　网页设计时注意事项： 1.不要花哨。 2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。 3.一张网页一般两屏到三屏就可以，不要太长，会影响网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。

需要注意以下四点：1.加强视觉效果2.加强文案的可视度和可读性3.统一感的视觉4.新鲜和个性是布局的最高境界。设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。 版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。你可能注意到：“最适合”是一个不确定的形容词，什么才是最适合的呢？抱歉的是阿捷不能也不可能给您一个完整的正确的答案。就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步成功的"秘诀"告诉您。 我们在设计思考系列文章第四篇讲过站点整体的创意，版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。让我们先来了解一下版面布局的步骤： 一.草案新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以)。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。 二.粗略布局在草案的基础上，将你确定需要放置的功能模块安排到页面上。(注：功能模块我们在"首页设计-引子"中提过，主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。 三.定案将粗略布局精细化，具体化。（靠你的智慧和经验，旁敲侧击多方联想，才能作出具有创意的布局。） 在布局过程中，我们可以遵循的原则有： 1、正常平衡---亦称"匀称"。多指左右、上下对照形式，主要强调秩序，能达到安定诚实、信赖的效果。2、异常平衡---即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。3、对比---所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。4、凝视---所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。5、空白---空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感，特别有效。图片解说的内容，可以传达给浏览者的的心理因素。 以上的设计原则，虽然枯燥，但是我们如果能领会并活用到页面布局里，效果就大不一样了。比如，○网页的白色背景太虚，则可以加些色快；○版面零散，可以用线条和符号串联；○左面文字过多，右面则可以插一张图片保持平衡；○表格太规矩，可以改用导角试试。经过不断的尝试和推敲，你的网页一定会亮丽起来的哦:) 看看我们经常用到的版面布局形式：1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。4.对称对比布局。顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如ELLE.com。优点显而易见：漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。 以上总结了目前网络上常见的布局，其实还有许许多多别具一格的布局，关键在于你的创意和设计了。

怎样制作个人网页 如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法： 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。 在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~ 三、将你制作好的安放在网上 要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！ 需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了

从最基本的开始学，最简单的就是HTML的网页，直接把图弄上去，然后把边距边框，按钮之类的设置下就差不多了，最后自己去各个浏览器调试下，修改参数就好了！怎样设计网页 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了…… 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。 首先，我们要弄清楚网页设计的任务。 一、设计的任务 设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。 第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。 明确了设计的任务之后，接下来要想的就是如何完成这个任务了。 二、设计的实现 设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是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）静态网页的交互性交叉，在功能方面有较大的限制。 网页制作软件的选择 u 选择一个适合自己的网页编辑工具 了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。 Frontpage Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。 但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。 常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。 firework firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。 Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。 u 制作主页 ??制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。 u 申请的主页空间，把你制作的主页传上去 ??我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

1、严格意义来说dw并不能用来设计网页，设计网页都是在平面设计工具里完成的，比如在ps里面设计好网站的效果图，在ps里面切图。2、dw只是个网站代码编写工具，使用dw编写代码会比较方面，因为有很多的快捷功能。但是对于高手来说，是用记事本都可以编辑网站的。3、dw的编辑面板主要有三种视图，分为 “代码”“拆分”“设计”，如下图在制作网站的时候，能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到，只有当网站代码出现问题的的时候用来查找错误，对于有一年多代码编写经验的人来说，就已经用不到了。4、在dw中编写制作网站的代码主要是div+css，也是就是html。网站布局也是通过html代码来实现的，比如maigin 与padding position 都是来控制div的布局和位置的。所以，在dw里面设计网页布局网站并不是dw的功能，还是通过代码实现的。

怎样制作网页？先说说目前网页制作流行的三类作法： 一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些，会操作Word就会使用它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，有兴趣的可以下载网页三剑客Dreamweaver、flash、firework来试试。 二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页编辑软件修改的原因是：很多网页格式如果用网页编辑软件打开就会变形，所以直接使用记事本修改网页Html代码是最简洁有效的方法。当然可以去下载强化的HTML工具更好，例如： UltraEdit。 三、其实很多现成网页模版、网站系统已经做好了，而我们不必再次证明“牛顿定律”浪费我们的宝贵时间。就像PHP论坛程序现在别人做的挺好的（例如Discuz!，PHPwind），我们何苦再去编写一个论坛程序呢？简直是费力不讨好，并且Bug特别多。当然学习数据库编程开发的人例外。 怎么做网站呢？首先我们需要了解一下网站的页面组成，网站一般包括以下几部分： 首页：网站的门面，如同公司的形象，特别注重设计和规划。 次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。 普通页：网站主要的承载信息的页面，设计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页的风格。 弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。 通过上面的分析，我们可以看出： 从功能上来看，首页主要承担着树立企业形象（当然不仅仅是首页）的作用，次页在导航方面起着重要的作用，比如各栏目内部主要内容的介绍，都可以在次页中体现再进入普通页，让浏览者能够迅速了解网站各栏目的主要内容，择其需要而浏览，而普通页则是主要的信息页面，也是网站的最终页面，对于大型网站，这种结构非常重要，而对于中小型企业，网站规模较小、页面数量不多，有时次页就起着普通页的作用，至于弹出页，建议您不是必要，最好不要用。下面详细介绍各页面的设计技巧： 一、首页设计技巧 网站首页是企业网上的虚拟门面，在此，提醒上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告，当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候，相信您或多或少会对有关的产品形成一种好感，即使您不会购买，也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品，您肯定会怀疑其内容的真实性，从而对其产品或服务产生质疑。好，现在说说网站的设计，相信您会同意这种说法：网站的页面就好比是“无纸的印刷品”。既然如此，我们会因此而得出一个结论：精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好找专业公司或专业人员为您设计制作，一个优秀的专业设计人员会很快明白您的意图，并根据您的建站目的提出建设性的意见。 一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象，当然，我们不能为了设计而设计，我们的目的是营销，在设计过程中一定要牢记这一点！ 另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。 网页设计时注意事项： 1.不要花里胡哨。 2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。 3.一张网页一般两屏到三屏就可以了，不要太长，会影响你的网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。 对初次建站的用户来说，制作网页是件头疼的事情；对于由别人帮助建站的用户来说，网站的后期更新维护可能更令人头疼。缺乏专业人才及专业知识，让大家对建站望而生畏。推荐您选购『自助建站专卖店』自助网站系统，由于不需要专业人员制作网站程序，且SOHO个人工作室不像公司那样牵扯分享利益的人多而成本高，我们所提供的网站建设价格在市场上具有很强的竞争力。我们更懂得每一个网站的制作质量都是下一个网站的广告。三大承诺，放心选择：“免费试用满意后再付款”“主机空间正式付款7天内无条件退款承诺”“100%网站及域名所有权”。为进一步免除您的后顾之忧，近期还计划安装支付宝等第三方网上支付手段，让大家放心购买。用户进入网站后台后，自己就可以在现有模板上对网站内容进行更新，不用再为如何制作网页担心，『自助建站专卖店』销售数十种正版品牌建站软件，享受自动升级服务和相关的技术服务(定制模版+内容更新)。