当前位置：首页 > 技能知识 > 正文

网页设计制作,简单网页制作的步骤有哪些

技能知识 · Mar 15, 2024

本文目录一览：

网页怎么制作

网页制作的方法是：1、首先，要弄清楚网页设计的任务。设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。2、设计的实现。设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。设计首页的第一步是设计版面布局。可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。3、色彩的运用。色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。4、造型的组合。在网页设计中，主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。5、设计的原则。设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。6、网页的优化。在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。

如何制作网页

自己制作网页有哪些步骤1、网页制作前的准备网页制作之前，首先要有一个计划，制作网页首先要介绍一下，比如自己的职业，爱好等，要有一个总体的目录来放所有的文件。
2、选择颜色色彩是否协调是网站风格构成的必要因素之一，同时还是用户首次访问网站的时候，决定是不是可以吸引客户的关键因素之一，这是网页制作步骤中非常重要的一环。
3、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。
怎样制作网页1、制作网页当然要制作网页了！...于是你把网页制作好了！（以后再讲）测试网站网页做好了，链接做好了，测试工作必不可少。
2、嗯，需要掌握软件：Dreamwaver(网页制作工具首选）Photoshop（美工设计首选）CorelDraw（矢量图型设计软件龙头）可能我说的这些软件对于一个普通的爱好者来说比较专业一些，也有可能一些人会感觉有点杀鸡用宰牛刀。。
3、所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。
4、．做网页只需要使用一种专门制作网页的工具，按照正确的语法规则，加入文字、图片及FLASH小样，组合在一起，保存后构成一个漂亮的网页文件。
5、网页设计软件的选择设计主页首先要选择合适的工具软件，现在比较流行的网页制作软件是FrontPage和DreamWave。他们各有优缺点，FrontPage是微软出品的网页编辑软件，也是Office系列软件的组成部分。
6、制作一个自己的网页的具体方法如下：工具／原料：Dreamweaver0。首先，你得安装Dreamweaver软件，打开启动后点击创建一个html页面。设置表格行和列数。点击确定得到一个宽1000像素的表格。
网页如何制作1、制作阶段选择网页制作工具，对于很多新手来说在进行网页制作的时候是比较困难的，也没有掌握相关的语言技能，这时候就可以借助一个辅助工具来进行制作，可以选用自己最拿手或者最熟悉的制作工具。
2、设计主页首先要选择合适的工具软件，现在比较流行的网页制作软件是FrontPage和DreamWave。他们各有优缺点，FrontPage是微软出品的网页编辑软件，也是Office系列软件的组成部分。最新的中文版在Office2000的软件包中可以找到。
3、网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，是首选。
如何在电脑上制作网页?首先，我们要打开DW，新建一个html文档。新建后会出现一个界面，如下图。里面的代码都是自动生成的。然后在上面打上标题，如下图。通常我们是用的格式，然后在里面填入标题，在刷新一下，就会在右边出现了。
以Windows10系统为例，电脑中新建文档：方法一：打开电脑，右键点击电脑桌面，在快捷菜单中选择“新建”选项。
在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
要注册网站域名，购买或者租用到网站的空间。上传内容，上传图文和视频等内容就可以创建自己的网站了。现在市场上很多各式各样的网站搭建工具，网站制作平台，任意找一个自己用起来易上手的工具即可。
首先进入注册页面、注册一个凡科帐号，第二，登录后台，开始“网站设计”第三，选择网站模板，更改网站横幅，网站内容建设...第四，点击“保存”，网站就制作完毕。
要是会一点，找一个图片网站的网页，用右键另存为，保存下面页面代码、图片、js等，然后将多余代码删除，修改一下，文字内容。再将图片换成自己的照片，这样，一个简单的个人页面就做好了。
怎么制作自己的网页首先，你得安装Dreamweaver软件，打开启动后点击创建一个html页面。设置表格行和列数。点击确定得到一个宽1000像素的表格。在这里面我们可以加图片或者文字，来作为bnner。这里我们先打上一行字演示一下。
在手机上打开百度H5这个网页制作软件，选择新建一个页面就会出现这样的背景，手机网页可以在这里进行制作。直接使用模板来进行制作，从软件的模板库中选择一个模板作为手机网页的模板。
html+css部分：这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。
要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。
要注册网站域名，购买或者租用到网站的空间。上传内容，上传图文和视频等内容就可以创建自己的网站了。现在市场上很多各式各样的网站搭建工具，网站制作平台，任意找一个自己用起来易上手的工具即可。
在线注册账户后，选择“建设网站”，然后选择“个人”类别的模板，可以发现个人展示、作品集、简历网站、博客等多种类型，单击所需模板以转到后台编辑页面。以个人绘画集网站模板举例，向大家展示如何制作。
如何制作网页1、网页制作准备在进行网页的制作之前需要注意的是要制定一个大致的计划，制作网页时，首先要介绍自己的职业、爱好等。我们应该有一个通用的目录把它们都放进去。
2、．做网页只需要使用一种专门制作网页的工具，按照正确的语法规则，加入文字、图片及FLASH小样，组合在一起，保存后构成一个漂亮的网页文件。
3、材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

请问如何设计网页？

网站设计八步骤
由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以设计网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会设计网页，于是他们认为网页设计非常简单，就匆匆忙忙设计自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后设计网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己设计网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在设计网页之前把这些方面都考虑到了，才能在设计时驾轻就熟，胸有成竹。也只有如此设计出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的设计工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页设计涉及的工具比较多，首先就是网页设计工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画设计工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、设计网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行设计。所谓先大后小，就是说在设计网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在设计网页时要多灵活运用模板，这样可以大大提高设计效率。
六、上传测试
网页设计完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页设计工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
★要想学做网页，首先得了解设计网页的工具。
设计网页主要有以下一些工具
Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。
Dreamweaver：这是网页三剑客之一，专门设计网页的工具，可以自动将网页生成代码，是普通网页设计者的首选工具，界面简单，实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具，javascript、java编辑器等。
网页设计也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。
大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。
总之，掌握好网页设计，能独立完成一个网站的设计工作，那就不要考虑吃饭问题。随便混就好了！

简单网页制作的步骤有哪些

如是一个完整的网页制作来讲，设计与制作一样都非常重要。有可能网页设计与制作的初学者并不清楚简单网页制作与设计的具体步骤是什么？更不用说设计一个完整的网页。那么，简单网页制作的具体步骤都有什么？下面都会一一跟大家说清楚：
一、选择网页主题
简单制作一个网页，选择一个比较好的网页内容是很重要的。一般情况下，都会来选择自己的内容设计。还需注意：设计主题的选择，也需要有自己的特点，还能在许多网页制作的页面上，变得与众不同。
二、做一个很好的结构规划
一旦确定好网页主题以后，还需做的是网页的结构问题。需知道：要依据网站主题来确定一下其规划目标、合理来设置一下网页结构。还需留意到完整的页面内容设置，充分的结合一下主题与页面布局的具体内容。
三、充分搜集材料
这需花费一定时间来考虑的，最初的主题与结构规划，当然也需依据搜集的材料，进而来满足用户需求。一般来讲，会搜集文本、图片、动画等材料，还会经过书籍、报纸、杂志等方式，找到一些所需的材料。
四、简单网页制作开始
需找专业的设计者来使用一些软件制作网页，能依据一个很好的选择、熟悉的制作工具来进行网页制作。制作工具并没好坏之分，关键在于看设计者所掌握的熟练程度。制作网页时，还需搜集处理材料的这部分，看生产的需求，以合理来进行安排。
五、后期网页的检测问题
网页设计到制作是需要经历上述基本步骤，完成这几步以后，需对设计的网页制作页面做全面测试，如内容页面的设计是不是很合理、科学，网链需依据实际情况做一个适当的调整。
简单网页制作中，并非每个步骤都不可缺少，为保证页面设计更合理性、有整体美感，设计师都会注意到设计中的每个步骤与过程，以最终制作出来的网页能满足客户的需求。
网页制作

网页怎么制作只需这四步

网页怎么制作？网站制作是一种包括了很多方面的工作，其中就有对网页的设计、框架的建立、图片的设计等等，它主要是通过HTML来显示网站设计师出品的效果图，然后再进行后台的搭建进行一个完整网站的产出。
1、网站定位
我们需要首先定义好网站建设的目标，由于营销网站与传统网站的巨大差异，如果我们按照传统网站建设的方式来做这类网站，就有可能使得该网站没有很好的营销能力。我们需要确定网站方向和品牌定位，只有这样，我们才能对潜在客户有足够的吸引力，详细了解我们自己品牌和产品的优势，展示我们自己的优势，更好的弱化劣势。
2、网站规划
在规划营销网站时，如何结合自己的品牌形象、产品优势和企业文化是我们需要考虑的问题，营销网站的目的是销售产品。它能否成功销售很大程度上取决于用户对企业是否有足够的信任。展示企业对用户的吸引力是非常重要的，这样的网站需要注意挖掘潜在客户，也需要加入营销理念，然后发挥其真正的作用。
3、网站结构设计
网页怎么制作？网站结构不需要太过复杂，最好是扁平化，只有这样，用户才会很容易找到自己想要的内容。营销网站注重的是产生成果，这个是我们首要关注的目标。它也很容易掌握，如果说网站结构过于复杂和混乱的话，就不利于网站的建设。
4、打开速度
打开的速度将直接影响用户体验，而使用体验对营销网站也很重要。为了进行一些部分的网站设计，会牺牲部分的访问速度，最好避免这种问题。一个好的服务器会影响访问速度，服务器也会影响网站的稳定性，营销网站的稳定性是非常重要的，我们需要选择好的服务器进行使用。
网页怎么制作？搜索引擎对内容的需求很高，因此，营销网站内容能否在搜索引擎中获得良好的排名，就代表着网站能否打动用户，进而产生购买行为，所以营销网站有好的内容很重要。
网页制作

怎样做网页制作，这些步骤要知晓

随着网络科技的发展，现在无论是商用还是个人需求，建一个网站已经不是什么难事了。如果是企业的网站，网页的制作设计是客户了解企业最有效和最直观的方法，能够直接给客户留下印象，所以网页的制作设计对于企业来说是十分有必要的。现在也有很多个人为了兴趣爱好建立自己的网站，建网站并不难，主要是网页的制作比较重要。那么，怎样做网页制作呢，下面我们就来看看网页制作的步骤。
步骤一：准备工作
怎样做网页制作，第一步必须要有自己的计划，要明确自己设计网页的目的，也就是我们需要通过网页告诉大家什么，然后把我们想要告诉大家的内容列一个总目录，该文件夹的名字需要命名为:/html。其次，我们需要在总目录下建立若干个子目录，文件可以命名为任意的，但需要注意的是文件的名字最好是小写字母，这样才能够避免后期的一些错误。
步骤二：制作过程
想要制作一个网页，我们首先需要申请一个网页服务器或者网页空间，我们需要把我们需要设计的网页放在我们申请的网页服务器或者网页空间。其实现在我们的主机会提供很多免费的网页空间，我们可以随意使用这些网页空间。
步骤三：上传数据和程序
等网页建立好以后，需要把数据库导入进去，然后传到相应的网页空间数据库中，这些数据就是我们网页里的中心内容。当我们的网页内容足够完整以后，我们需要把网页上传到网络空间站中，需要注意的是，数据库和文件的配置一定要符合网页空间站的要求。最后我们需要使用我们在购买空间站时其提供给我们的域名来作为我们网站的地址。
怎样做网页制作，其实并不难，只要根据以上这些网页制作的步骤来做，每一步都按照步骤来完成，从准备工作到制作过程再到最后上传数据和程序，按部就班去做，一定能设计一个完美的网页。
网页怎样制作

网页设计制作的过程有哪些

对于一个网站而言，网页设计是至关重要的，那么，网页设计制作过程究竟是怎样的呢？下面为大家介绍。
一、网页设计阶段
1、在网页设计阶段，设计师想要设计出一个完美的网页，就要选择好网页的主题，主题的选择要与自己所需要的内容相一致，主题要有自己的特色，这样自己的网页才能脱颖而出。
2、选择好网页主题之后，就要对网页进行规划结构，根据网页主题，明确了规划目标，要合理设置网页的结构，与此同时，还应该注意网页内容的设置，要全面结合主题，结合页面具体内容规划结构。
3、网页设计阶段还应该进行素材收集，这需要花费一定的时间去考虑，前期的主题和结构规划好之后，就要开始素材收集工作了，比如文字，图片，声音，视频和动漫等等，当然也可以通过书籍或者是报刊网络等途径，收集到一些有用的素材。
二、网页制作阶段
网页制作阶段，最好是由专业的设计人员来进行，可以使用Dreamweaver，PS等软件进行制作，当然，专业的设计人员也可以根据自己的喜好，来选择更熟悉的制作工具，在制作的过程中，也会收集一些素材，他们会根据制作过程中的需求，来进行合理的安排。
三、后期检测阶段
网页设计与制作完成之后，需要对网页进行全面的检测，比如网页设计中的内容是否合理，是否科学，网页中的链接是否正确，是否需要根据实际情况做出适当的调整。
以上就是网页设计制作过程，每一个环节都是不可缺少的，为了有效地确保网页设计的合理性和整体性以及美观性，设计人员在每一个设计环节都应该注意相关的细节，毕竟很多时候这些细节会影响网页的质量，千万不要让自己的网页设计制作毁在一些细节上。最后还是要提醒各位企业，在建立自己的企业网站时，如果自身没有这方面的能力，最好是选择专业的网站设计公司来做。
网页设计制作

网页设计制作过程？

分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。
3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。
4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。
5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。
6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。
7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。
8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写p>9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。
扩展资料：
网页设计
设计网站要注意两个要点：整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
网页配色小技巧：
1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；
2．用两种色彩：先选定一种色彩，然后选择它的对比色；
3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；
2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

网页设计制作详细流程

在网页效果图的设计阶段，应按照绘制结构草图，在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行。下面将会介绍网页效果图设计中各个流程的作用。
在图像软件中设计网页效果图，总体可以分为7个步骤：（1）、创建画布，添加辅助线来布局；（2）、绘制结构底图；（3）、添加内容，包括图像和文字；（4）、切片；（5）、优化；（6）、导出；（7）、布局。
1、创建辅助线
在具体设计前，应当考虑到网页的布局形式，可以根据策划阶段确定下来的网页布局草图，在Fireworks的画布中添加辅助线，这样做的目的是为了明确页面布局形式和面积。
需要注意的是，对于布局结构比较复杂的页面，辅助线不是一次就能够全部创建好的，而是一部分内容创建一部分否则辅助线过多会使页面混乱。
2、绘制结构底图
根据创建好的辅助线，使用Fireworks的工具或者是矩形选取框工具，把网页效果图中带有底色的“矩形块”依次绘制出来，形成一个整体的布局效果。
这里的“矩形块‘只是一个统称，可以使任意的形状。除了得到形状以外，还可以直接对这些”矩形块“配色，或添加纹理、滤镜，从而在整体上对页面的配色方案进行控制。
3、添加内容
结构底图绘制完毕后，就可以开始在网页效果图中添加实际的内容了，包括文字和图像，从而完成最终的效果图方案。
添加图像的时候，如何选择最合适的图像素材，如何对图像素材进行处理是非常重要的，可以说网页中图像设计的好坏，直接影响到整体的页面效果。
4、切片
效果图制作完毕后，首先需要进行切片。把网页比喻成一幅图，而切片工具就像是剪刀，使用切片工具可以把一张大图像裁剪成很多小图像。这样做目的之一是为了加快下载速度。因为IE浏览器是多线程的，同一时间可以下载3幅图像。
切片的另外一个目的，也是最主要的目的是为了布局的需要。很多人不知道该如何对效果图进行切片，这是因为对布局技术不了解。同一个网页效果图，按不同的方式布局就会得到不同的切片，并没有说哪一个才是”标准”的，所以要想灵活运用切片，必须熟悉流行的布局技术。