网页设计的步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
工具/原料
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 安装包 微信关注:熊猫社交新零售 获取!!
标签:
相关文章:
价格导向,选优方案,高效优化排名
极简风网页模板,一触即发
新兴行业——数字科技浪潮下的机遇与挑战
杭州网络优化,高效加速专家
抖音怎么直接私信他人?
“百度移动,快搜直达,一触即达”
SEM运营:精准推广,高效转化
湖北大学研究生双一流专业,报录比如何?,廊坊seo推广服务平台
医疗营销策略,激发销售潜能,互鼎科技之道
抖音SEO搜索优化秘籍
常德烟机,品质之选,高效节能
内容营销之情感你的故事,关我毛事
ASO神器,优化加速站
免费,揭秘双倍收益的秘密?,晋江网站建设工作流程图
电商b端是什么意思
二楼新空间
如何快速让网站登上搜索引擎首页?
聚焦年轻消费群体,如何打造潮流品牌?,深圳企业网站优化方式
多个报道《不羁联盟》开发混乱视频被育碧版权删除Faker哭晕了!LCK美女主持身穿Nuguri队服,颜值惊艳网友酸了
5G手机,如何实现双倍网速?,河北网站seo设计软件
创新餐饮营销,多元推广策略
荣耀公司取得壁纸显示方法及相关装置专利,简化了开发流程,节省了人力成本,一定程度上降低了风险湖南一女子回乡扫墓,被村里要求交费50元:自愿缴纳,可以不交
提升外链质量,拓展网络影响力
网站首页关键词优化秘籍,高效提升排名
迁西SEO新突破,快速提升排名秘籍!
创新中国,网聚力量
赋能企业,开启数字营销新纪元
江西警方:男子在国外网站制作、传播动漫作品获利,已被刑拘网友收到父母送的哈士奇,可当他看到狗子后,瞬间懵逼了!
营销利器,智慧论坛
提拔网站用户体验的6个关键
余额宝上限多少?如何解除限制?
员工转正评价语
珠海SEO免费检测,助企业网站飞跃!
关键词排名优化价格——高效性价比方案
投资理财要辨别虚假网站 黄岛公安打掉制作电诈APP的团伙徐帆与冯小刚亮相,带火了一种高级穿法:条纹衫 阔腿裤,好洋气
如何快速查看我的闲鱼币余额?
响应式绿色清新园林环境网站模板
新医三附院,医疗先锋力量
合理预算,快速突破上海搜索引擎排名
内容加密,隐私无忧
儋州有哪些SEO推广公司?
3964.05 万美元,美图公司宣布收购设计网站站酷“吸金女王”王菲,北京8套房每套值半个亿,酒吧、发廊让她躺赚
可以单人做cpa任务来赚钱的项目有哪些?有哪些靠谱的平台推荐?
阿里旺旺打不开?原因及解决?
双语推广普通话,谁说方言不时尚?,德宏SEO优化
提升网站排名,快速吸引精准流量
AI写作:机遇与挑战并存
公司应该从哪些渠道推广小程序?
原创守护,一键检测
大片网站核心关键词+有哪些好看的电影推荐?,seo不更新稳定排名





