一、确立网站主题：网站主题即网站要涵盖的核心内容，一个网站必须具备明确的主题。尤其是个人网站，不可能像综合性网站那样内容广泛、包罗万象。个人没有这样的能力和精力，因此必须找准自己最感兴趣的内容，深入研究、透彻理解，形成自己的特色，从而给用户留下深刻印象。网站主题没有固定规则，只要是自己感兴趣的，任何内容都可以，但主题要鲜明，在自己主题范围内内容要做到全面、深入。
二、收集资料：明确了网站主题后，就要围绕主题开始收集资料。常言道：“巧妇难为无米之炊”。要想让自己的网站内容丰富、吸引用户，就要尽量收集资料，收集的资料越多，以后制作网站就越容易。资料可以来自图书、报纸、光盘、多媒体等，也可以从互联网上收集，然后将收集的资料去粗取精、去伪存真，作为制作网页的素材。
三、规划网站：一个网站设计成功与否，很大程度上取决于设计者的规划水平。规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站结构、栏目设置、网站风格、颜色搭配、版面布局、文字图片运用等。只有在制作网页之前考虑这些方面，才能在制作时游刃有余，胸有成竹。只有这样制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们将在下面详细介绍。
四、选择合适的制作工具：尽管选择什么样的工具并不会影响网页设计的好坏，但一款功能强大、操作简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具较多，首先是网页制作工具，目前大多数网民选用的是所见即所得的编辑工具，其中佼佼者当然是Dreamweaver和Frontpage。如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool3d、Gif Animator等；还有网页特效工具，如有声有色等。网上有许多这方面的软件，可以根据需要灵活运用。
五、制作网页：有了材料，选好了工具，接下来就需要按照规划一步步地将自己的想法变成现实。这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的原则进行制作。所谓先大后小，就是在制作网页时，先设计好大的结构，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时便于修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试：网页制作完毕后，最后要发布到Web服务器上，才能让全世界的朋友观看。现在上传的工具很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，可以很方便地将网站发布到自己申请的主页存放服务器上。网站上传后，要在浏览器中打开自己的网站，逐页逐个链接进行测试，发现问题及时修改，然后再上传测试。全部测试完毕后，就可以把网址告诉朋友，让他们来浏览。
七、推广宣传：网页做好后，还要不断进行宣传，这样才能让更多的朋友了解它，提高网站的访问率和知名度。推广方法有很多，例如在搜索引擎上注册、与其他网站交换链接、加入广告链等。
八、维护更新：网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了。只有不断补充新的内容，才能吸引住浏览者。可参考www.jinyandou.net/html/3736.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的宽度或高度后，可以在源代码内将其删去。网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800600下制作网页，最佳浏览效果也是在800600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。
