网页设计的步骤

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

工具/原料

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 安装包 微信关注：熊猫社交新零售 获取！！

标签：

相关文章： 互联网产品运营应做什么  优化Meta标签，助力百度快速收录  市场调研报告：行业趋势分析，您是否了解潜在增长点？,如何去推广新网站的产品  如何批量创建WordPress用户，提高网站管理效率？  tob大客户销售是什么意思  汉堡包写作，轻松掌控文章结构  于东来希望员工享受美好的生命 胖东来员工每年假期超150天  “有没有AI写作工具，让写作变得轻松高效？”  构建多个网站，合力推广，高效网络营销。  女生在SEM运营领域活跃度如何？  百度引流，精准推广，一步到位  当客户说价格贵了怎么回  东莞网站优化：关键词布局，内容优化，外链建设  日付广告联盟哪个好，如何判断哪个更靠谱？  户外广告包括哪些  淘宝代发货服务可靠吗？风险有哪些？  “搜一搜，腾讯快搜”  郑州网站推广公司：网站推广含义是什么？  cps联盟是什么？cps广告联盟是如何推广赚钱的？  联盟营销是什么意思？最早的联盟营销平台是哪个你知道吗？  为什么网站推广排名总是不稳定呢?  怎么给员工发降薪通知  济南SEO霸屏神器  “智慧问答，一问即达”  精准投放，高效转化，百度竞价升级版  诺亚大陆，探索未知，你准备好了吗？,SEO排名越高  传统企业面对全网营销该怎么办？  企业人力资源管理师四级实操：绩效评估，如何有效提升员工满意度？,无锡高端网站建设服务  商丘智优科创  超实用的神仙网站 篇二十七：「设计美学」——探索创新和美感的设计网站-Design Milk她是张丰毅儿媳，出道多年却默默无闻，不料却被靳东带火！  儿童玩具车，适合几岁宝宝？,开发深圳网站建设  江门SEO，专业首选！  小程序开发要多少钱？  “盘多多，轻松盘货神器”  AI赋能写作，创意高效双赢  电商霸榜，十强风云再起！  保健品金兰云推广平台,保健品推广渠道  海兰信申请船舶监控界面生成方法专利，简化了开发流程，提高了效率和准确性张柏芝携家人泰国度假，13岁小Q大变样，留长发成熟稳重像谢霆锋  【核心关键词】宣传推广方案，如何制定？,seo教程网发帖  上街SEO关键词优化专家  京东优惠券如何轻松领取呢？  潜江SEO专家，首选品牌！  快手认证怎么做？  淘宝店铺类目更换后有何影响？  搜狗SEO，精准引流本地业务  视频号里怎么直接挂商品链接呢？  聊城企业如何利用网络营销提升品牌影响力？,揭阳网站优化运营  汕头SEO双日扣费，关键词优化，效果如何？,如何营销煲仔饭产品推广  视频号小店的手续费是多少呢？  根目录：系统核心文件夹