4月22日,欢迎您访问【网建定制开发专业品牌】湖南鼎誉网络科技! 网站建设 | 网络推广 | 鼎誉博主 | 四网同步 | 微信营销 | 收藏本站 |

我们专注于:长沙网站制作,长沙网站建设,长沙营销型网站,长沙网络推广,长沙建网站

营销型网站策划_类型的网站_网站案例:鼎誉网络三大业务,四大平台,为更多企业建立网络营销生态系统! 营销型网站策划_类型的网站_网站案例:网站建设、网络推广、互联网基础服务请联系鼎誉商务人员! 营销型网站策划_类型的网站_网站案例:鼎誉客户网站售后服务专区,塑源式售后服务系统请点击进入!
鼎誉E站通平台登陆 用户名: 密码: 验证码: 进入鼎誉推广助手系统     长沙网络公司 长沙微博营销
界面设计,需要我们,我想做网站_鼎誉网络_湖南网络推广,湖南8年专业的营销型网站建设制作公司!
商务合作101号 鼎誉商务102号
鼎誉商务103号 商务合作104号
网站报价
联系我们

您现在的位置:首页 > 界面设计 > 设计知识学习 > 文章正文  

你是一个职业的页面重构工作者吗?

对鼎誉排名感兴趣?请将此文分享到: QQ空间 新浪微博 腾讯微博 人人网

文章作者:鼎誉网科 发布时间:2009/12/30 浏览次数:8743 『打印此页』『收藏此页

做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着工种的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿,可以不理会下面的内容。

单纯的页面重构,所涉及到的工作内容一般是“分析设计稿=>切图=>写HTMLCSS”,虽然看起来很少,但要做好这份工作,绝非所想的那么容易。原因很简单:工作内容单一,在时间和工作量上必会很苛刻,往往跟设计师的工作时间是3:1,即设计师给三天的时间,制作只给一天的时间完成;在这种工作强度下,很多人都是靠着对这份工作的喜爱在维持着,一旦工作热情消失,很容易就会变得枯燥,保持热情也成了重构工作者(也许是所有参加工作的人)应该具备的能力。

跟“前端工程师”所要求的有所不同,“页面重构”虽然也是“前端工程师”的一个范畴,在职业化中,对专职的页面重构者,要求当然也更高。不单是做出页面,而是做出好页面。又引出另一个话题,“何为好页面?”,一般包括下面几点:

  1. 结构完整,可通过标准验证
  2. 标签语义化,结构合理
  3. 充分考虑到页面在站点中的“作用和重要性”,并对其进行有针对性的优化

很多同学多少都遇到过方向不明,不知道自己应该提高些什么,我们可以从“分析设计稿=>切图=>写HTML和CSS”这个工作内容,针对每一点提出一些要求,以方便我们分析自己的能力水平,为继续提高确定个方向:

一、设计稿的分析

设计稿的分析是指对设计稿如何制作成页面的分析,即哪一块的内容可以做为公共的部分、哪一块的内容结构可以如何实现等。对设计稿的分析能力可以划分成下面的几个阶段:

  1. 能分清设计稿中的公共与私有的部分
  2. 在1的基础上对各部分的实现方式有一个初步的方案(包括如何切图、写结构、写样式)
  3. 在1的基础上,准确的给出各部分的实现方案(包括如何切图、写结构、写样式)
  4. 在3的基础上,能同时考虑方案的扩展性、复用性及页面性能(包括如何切图、写结构、写样式)
  5. 在4的基础上,考虑整站的结构分布(包括文件分布、目录结构)

上面这些都是在还没开始动手制作之前所要做的。

二、切图

切图是指将设计稿切成便于制作成页面的图片。都有个误区,觉得切图就是把图片切出来,其实并不完全是这样,还包括把切出来的图片合并到一起,怎么切、从哪切才能将性能 大化,说“切图是一门艺术”完全不为过。切图也可以划分成几个阶段:

  1. 切成所需要的图片(如何将需要的部分切出来)
  2. 在1的基础上,对切出来的图片进行一些优化(包括压缩文件大小、选择图片类型)
  3. 在2的基础上,规划切出来的图片(包括文件分布)
  4. 在3的基础上,考虑整体的性能(包括合并图片、压缩文件大小)

HTML和CSS的编写

HTML和CSS的编写是指将上面完成的内容,通过HTML和CSS的编写,将设计稿转换成WEB页面 重要的一块,也是我们所要重点掌握的内容,把它们放在一起,是因为它们相互的关联性太强,HTML的写法会影响到CSS的写法,它又可以划分成下面几个阶段:

  1. 还原设计稿视觉效果,并通过标准验证(HTML)
  2. 在1的基础上,实现多浏览器的兼容(HTML)
  3. 在2的基础上,标签语义化(HTML)
  4. 在3的基础上,选择较优的实现方式(包括模块化结构,方便程序脚本使用,HTML和CSS)
  5. 在4的基础上,考虑到扩展性、复用性和可维护性(HTML和CSS)
  6. 在5的基础上,考虑到整站的样式分布(包括如何实现分布)
  7. 在6的基础上,样式写法的优化(包括技巧的应用)

是对所遇到问题的解决能力,这一点在不同的阶段都可能会遇到,所以没有写到上面。

如果你已经达到或超过3、4、5,恭喜你,你已经是一个职业的“页面重构工作者”了。为了我们自身的发展,关注新技术、技术创新、提高用户体验、审美观、程序脚本的实现方式等,也是十分必要的。大家一起进步吧。

 
返回上一页】【到顶层】【关闭此页
3+1四网同步网站建设平台 湖南成交型网站孵化基地 湖南营销型网站策划专家 尚沃网络营销落地顾问商 鼎誉E站通平台研发基地

本站关键词:长沙网站建设|湖南网络营销|长沙网络公司|长沙网站制作|湖南网络公司|长沙营销型网站建设|长沙做网站的公司|长沙网站推广|长沙做网站|服务器维护 托管服务

鼎誉导航:长沙网站制作|长沙网站报价|长沙网站优化|企业做网站|长沙建网站|长沙做网页|鼎誉鼎誉E站通|长沙网络公司|长沙网站营销|长沙网络营销|长沙网页制作|长沙网络攻关|服务器托管

欢迎下载鼎誉移动互联网客户端apk
公司地址:长沙市芙蓉区杨家山天心丽城7栋4-5楼(开发/推广) 合作热线:0731-85419657 全国咨询热线:400-0731-269 湘公安备 43010202000135号
2009 Power 湘ICP备11011648号-1 湖南鼎誉网络科技有限公司常年法律顾问 北京盈科(长沙)律师事务所尹吉兮律师  DYWLKJ.COM  网站5星安全认证
Baidu   
湖南营销型网站首选鼎誉!