硅谷杂志：网站设计及网页制作技巧 |
| 2012-08-29 21:43 作者：赵羚云 来源：硅谷网 HV： 编辑： 【搜索试试】
|
|
硅谷网8月29日消息 《硅谷》杂志2012年第14期刊文称，当前是信息化时代，网络作为作为世界最大的信息传播平台，越来越多的商家和个人开始重视建立自己的网站，如何制作一个网站并且告诉浏览者这个网站是做什么的，吸引浏览者关注这个网站，
对网站主页的构思、设计方法进行简要的分析，给出制作网站的过程中的关键点和注意事项。
当前是信息化时代，网络作为作为世界最大的信息传播平台，越来越多的商家和个人开始重视建立自己的网站，如何制作一个网站并且告诉浏览者这个网站是做什么的，吸引浏览者关注这个网站，这就是我们下面所要介绍的。一个网站不但要做到操作方便，引人入胜，趣味盎然，，还要告诉浏览者它的用处：我能在这里找到什么，我能做什么，如何从众多的网站中脱颖而出，并且把网站的主题“思想”快捷的承现在浏览者眼前，这些设计都是有讲究的。
1网站设计及关键点
1.1网站主题
开始着手策划制作网页首先面临的问题便是明确我的网站主题，要做什么，面向哪些主体，包含什么内容。特别是对初学者建立个人网站来说，不要做得像综合网站那样大而全，网站的选材要小而精，明确一个主题，把你认为最精彩的，自己最感兴趣的内容放在上面就可以了。好多初学者认为我要把网站做得全一些，包罗万象才能吸引更多的浏览者进来，但往往事与愿违，给人的感觉是样样有却样样都不精，因为您不可能有那么多的精力去维护它。所以明确一个主题把它内容做深、做透、办出特色来，这样才能给浏览者一个深刻的印象。
1.2网站结构规划与栏目板块的编排
主题明确以后，就要对整个网站结构做个总体规划。一个网站的建设就像设计一栋大楼，在进行设计前必须要有个设计图纸：主页上要有什么栏目，突出什么内容，所谓栏目实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来，你可以将网站内最有价值的内容列在栏目上，在制定栏目的时候，要仔细考虑，合理安排。尽量从浏览者的角度编排以方便他们的浏览和查询，一些辅助信息就不要放在主栏目里，如个人信息、版权信息等以免冲淡主题。
一般情况下，网站常见的版面布局结构为：上边为网站栏目，下边为网站内容；左边为网站栏目，右边为网站内容；主页全为网站栏目，分页为具体内容。
除了栏目板块的编排，我们还要考虑到网站的文字和图片的布局，颜色的搭配，后期网站的更新和维护等问题，有的初学者经过短暂的学习就开始制作网页，想到什么就做什么，结果发现做出来的网站结构不清晰，条理混乱，浏览者看得很糊涂，制作者在扩充和维护网站也相当困难。所以我们在制作网站前，一定把这方方面面考虑清楚再动手。
1.3风格与网站
风格是指网站的整体形象给浏览者的综合感受，它通过网站的版面布局、浏览方式、文字、色彩、交互性等因素承现出来，它就像一个人的性格：你是希望它是粗犷豪放的，清新秀丽的，生动活泼的，或是温文儒雅的。通过它的“性格”让浏览者分辨出你的网站与其他网站的不同处。这就形成了网站的“风格”。
1.4色彩与网页
一个网站设计的成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计是一种平面效果设计，在排除立体图形、动画效果外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象，也是体现网页风格的关键。因此，在设计网页时，必须要高度重视色彩的搭配，我们可使用混用颜色，即网站主色不得超过3种，采用这三种的混合达到其他效果；加强颜色对比，即以一种颜色为主色调，对比色为点缀，起到画龙点睛的作用等方式来组织网页颜色。
2网页制作
2.1选好网页制作软件
在以上工作做好以后，还有一点也是我们要考虑的----选择合适的网页设计软件。在当前我们能使用的网页设计类软件越来越多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。
除此之外，我们还应了解一些制作网站所用到的边缘性软件，如photoshop、flash等，Photoshop是集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，如作为网站主页来说，因要设计成一幅图片，可选用位图图像，制作工具就可以选择Photoshop；flash是一种动画创作与应用程序开发于一身的创作软件，它包含丰富的视频、声音、图形和动画。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。这两个软件深受广大平面设计人员和电脑美术爱好者的喜爱。你可以根据自己的需要灵活运用这些软件。
2.2网页内容的选择
前期的框架设计好后，下面我们就要为这个网站“添砖加瓦”了，这是一个复杂而细致的过程，需要我们先从简单的内容下手，再设计稍复杂的内容，以便出现问题时好修改。在内容上我们要选择有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类----文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细，以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。所以我们要多花一些心思在内容制作上，网页内容影响着网站的成败。
2.3网页制作中有几点是需要注意的：
1）网页要一页一页制作，切不可图快，没考虑清楚就下手只会让后面的修改工作更辛苦，我们首先要制作主页，把主页上的页面的编排、色彩的搭配、链接的方式都设计好后，再以它为基础，通过变更文字和图片等内容建立其它子页，我们可以利用模板批量创建子页，使用模板还有一个好处是----同一个模板创建下的网页，对它的更新和修改也可以一次性完成。这样可以大大提高制作效率，也使网站形成了统一的风格。
2）在制作网页特效时，能尽量用javascript替代的就不要使用java，java会使您的网页速度减慢，在加入诸如声音、动态网页等小技巧时，最好也不要太多，这都会影响网页的运行速度。
3）当提供有大量图片的图库时，使用链接到每张图片的缩略图是一种常见的策略。所谓缩略图就是图片的缩小版本，可以让浏览者看到众多的图片。但是，在展示缩略图时，要切记不能将缩略图做得太小，因为这样网站的访客就无法从中获取有效的信息。
4）图片大小尽量不要超过30k，小图片（100x40）一般可以控制在6k以内，较大的图片可以"分割"成小图片。合理采用jpg和gif格式也是至关重要的，色彩鲜艳高分辨率的用jpg，图片色彩单调的及在256色以内的最好把它处理成gif图像格式。
5）为您的图片加注解。图片的下载较慢，在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片，是否需要等待，是否可以点击。
6）可考虑一下你主页定居点的速度和稳定性，不妨考虑建一两个镜像站点，这样不仅能照顾到不同地区网友对速度的要求，还能作好备份，以防万一。
3上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
4推广宣传
网页做好之后，还要进行宣传来提高网站的访问率和知名度。推广的方式有很多：可以直接向身边的朋友和网友推荐；到各种论坛去宣传；跟别的网站交换友情链接，或是加入广告链，还可以到搜索引擎上注册，这样才能让更多的朋友认识你的网。
5维护更新
网站发布以后还需要我们经常维护更新，不断地补充新的内容，保持网站的活力，才能够吸引住浏览者。
上面简单的介绍了网站制作步骤和几点注意事项，希望对初学者有所帮助，实际上具体制作网站的内容是非常多的，这就需要我们不断学习，对编程工具和数据库知识做更深的了解才能更加灵活的应用，使我们的网站建设的更容易，更完善。
作者简介：
赵羚云（1981-），女，汉族，助理实验师，工作于河北农业大学海洋学院。（原文载于《硅谷》杂志2012年第14期，硅谷网及《硅谷》杂志版权所有，未经允许禁止转载） |
|
|
|
【对“硅谷杂志：网站设计及网页制作技巧”发布评论】 |
版权及免责声明：
① 本网站部分投稿来源于“网友”，涉及投资、理财、消费等内容，请亲们反复甄别，切勿轻信。本网站部分由赞助商提供的内容属于【广告】性质，仅供阅读，不构成具体实施建议，请谨慎对待。据此操作，风险自担。
② 内容来源注明“硅谷网”及其相关称谓的文字、图片和音视频，版权均属本网站所有，任何媒体、网站或个人需经本网站许可方可复制或转载，并在使用时必须注明来源【硅谷网】或对应来源，违者本网站将依法追究责任。
③ 注明来源为各大报纸、杂志、网站及其他媒体的文章，文章原作者享有著作权，本网站转载其他媒体稿件是为传播更多的信息，并不代表赞同其观点和对其真实性负责，本网站不承担此类稿件侵权行为的连带责任。
④ 本网站不对非自身发布内容的真实性、合法性、准确性作担保。若硅谷网因为自身和转载内容，涉及到侵权、违法等问题，请有关单位或个人速与本网站取得联系（联系电话：01057255600），我们将第一时间核实处理。
|
|
|
|
