网页设计的步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

工具/原料

PhotoshopDreamweer

步骤/方法

1

确定分辨率.和不同分辨下对应的效果.

与平面的载体的不同,决定了网页具有比平面更灵活的表达方式.

站点的满屏概念其实是分相对和绝对两种,相对的,是针对当前分辨率的满屏.而绝对满屏幕,则是不同的显示器不同的分辨率下都是满屏,一般我会给出一个最小分辨率,最大到无限.相对满屏,比如1024×768,800×600等.最好是用绝对宽度来定义,就是像素为单位.而绝对满屏,则用百分比.

在确定分辨率之后,你的PS图要比实际设计的图要大.要考虑用户使用高于你设计的分辨率下,网页以怎样的形式表达,是居左,还是居中,还是靠在右边.

2

大背景,3条辅助线及边界处理.结构(头部,中间,底部的大概位置.)

整体是否有背景.

左边界线,右边界线,和中间线.

如果是绝对宽度的设计,那么用户使用较高分辨率浏览时,内容与多出的屏幕是否有分割.

结构,究竟是上中下结构,还是左中右结构,还是其他的.每一块,大概放什么内容.3

导航和标志.

网站的100-1%是导航.这是一句被传烂了的话.

你的导航是长的还是短的,是横的还是竖的.还是弧形的.是否有下拉菜单.比重各是多少.和标志处在什么位置.各语言版面入口在哪里.登陆(后台管理/用户/MAIL)在什么位置,标志附近是否有点睛一般的词.

好了,我们进行下一步.

4

banner同导航,和过度.

导航跟banner是分开的还是在一起的.在一起的话你是否采用flash制作,如不用flash制作,你设计的背景是否适合切割成平铺的背景,怎样让背景图片体积最小.记住不要用2×2的背景做平铺.banner是占据了整个宽度,还是只是一部分.如果是一部分,那么空出的地方你准备放什么东西.5

主体内容部分.

我的中间是左右机构,还是一大块,还是左中右结构的.每一块的分割采用什么手法.颜色以怎么样的规则变化.然后将内容填充进去.6

底部版权信息。7

选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweer和Frontpage了，如果是初学者，Frontpage。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。8

制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。9

上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。10

维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

END

注意事项

遵循从整体到局部的顺序.

1、在定位的基础上,搞明白自己要做什么.

这句其实不用解释了.你要明白的是我要做的站大概有什么样的效果,并有例子在脑海里浮现.要做的这个站属于什么样的行业,这个行业的站都有什么共同的特点.

2、你的目标/效果和你希望达到的目标/效果是怎么样的.你设计的目标,与客户的目标和公司领导的目标是否一致,有什么区别.

3、你要如何去做,怎样去做,用什么样的手法手段,来达到你的目标/效果.又用怎样的设计来强化和突出这个效果.

4、你的布局,应该怎样和你的设计搭配,怎样来突出你的思路.

5、是否有不同的风格,是否只是颜色上的变换.(将所有含有颜色的背景层保留)。

Photoshop

Dreamweer 安装包 微信关注：熊猫社交新零售 获取！！

标签：

相关文章： 让写作轻松高效，一招搞定！  专属创作空间，智能写作助手。  语文核心：何为文学之美？,上海工厂营销推广招聘  数据mapping是什么意思  Optimize SEO Product Selection  网站SEO课程，高效优化秘籍  网页制作宝典速查手册  安恒信息申请镜像网站制作专利，实现制作包含伪静态网页和动态网页的网站的镜像网站浙江男子在出租屋躺平不上班，妻子无奈去足浴店打工：他让我养他  能买国外设计师品牌的海淘网站伊万卡：特朗普的心尖宠，一半天使一半恶魔，美艳皮囊下尽是黑料  【核心关键词】店铺推广，如何让你的店铺脱颖而出？,宜春网站建设排名公司  恒创科技：小程序开发需要服务器和域名吗？“吸金女王”王菲，北京8套房每套值半个亿，酒吧、发廊让她躺赚  品牌3.0时代,眼镜企业如何应对  网络营销，新营销利器  网络技术革新者  周口英百耀SEO，数字时代企业增长引擎  红包封面玩法，如何利用红包封面狂吸金  在网站推广中内部链接推广要怎么做好优化  我想自己做一个网站，大概流程是什么？我该怎么做？  淘宝几天后自动付款？先用后付会自动扣款吗？  宜兴网站SEO，关键词优化，提升排名。  2025UC未封网站，揭秘核心资源有哪些？,元氏网站推广 软件  想要通过网上接单赚钱，你需要具备这五大能力！  “便捷码动，地推新引擎”  龙岩SEO优化，如何快速提升关键词排名？,东莞Seo新航线  社群运营师是干什么的  苹果将​​允许用户直接从开发者网站下载iPhone应用程序高圆圆和朱珠带火了一种白领穿法：衬衫 阔腿裤，高级时髦又减龄  携手共创，品牌未来启航  hr问缺点  苹果在欧盟又做出重大让步，首次允许用户通过网页下载iPhone应用185的李现碰上188的胡一天，一个报低一个报高，站一起后真相大白  危机公关，如何化险为夷？,盛大文学网站建设工作  流量查询神器，一网打尽！  淘宝天天抢拍靠谱吗？入口在哪？  霸屏神器，SEO快速上位宝  数据驱动产品运营数据及应用价值  ERP管理系统，如何实现企业高效运作？,会昌seo排名优化  抖音公司申请数据处理专利，避免对应用程序进行改造或定制化开发同时使需要基于位置信息运行的应用程序能够正常在云端运行中国第一美女马艳丽，隐居山林享受田园生活  蓉城SEO专家团队  如何获取廉价推广流量自媒体运营推广是利器之一  AI写作神器，免费高效！  企业名录，一键联系，服务直达！  SEO服务哪家强？选对服务商是关键  互联网营销时代 ，全网营销推广才是重点  微信搜一搜SEO，如何布局关键词？,天猫网站推广优势  直击外滩大会|首届支付宝小程序开发者大赛启动闹大了！曝45岁女教授与男学生同居，路边接吻照曝光，同学发声  小米手机营销：线上线下融合，如何保持用户忠诚度？,辽源seo快排怎么操作  百合美食，营养满分秘籍  许昌SEO首选，效果显著！  如何借助概括文章大意的软件提升阅读速度？  系统开发 篇一：小程序开发费用，做小程序多少钱 小程序开发需要多少钱？62岁关之琳与69岁吕良伟豪宅内聚餐，真是越穿越年轻！美丽又帅气！  2022年最省钱有用的网络营销推广体例