2022-06-23 分类: 网站建设
大家一起提高吧。假如你觉得一个前端工程师必需去画设计稿,可以不理会下面的内容。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但跟着工种的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,职业的页面重构需什么条件,至少我现在从事的就是一个专职的职位。
做为一个专职的页面重构者,我们从事的工作简朴的说就是“将设计稿转换成WEB页面”,这一过程可以很简朴到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面机能”。
假如你已经达到或超过3、4、5,恭喜你,你已经是一个职业的“页面重构工作者”了。为了我们自身的发展,关注新技术、技术立异、进步用户体验、审美观、程序脚本的实现方式等,也是十分必要的。不单是做出页面,而是做出好页面。都有个误区,觉得切图就是把图片切出来,实在并不完全是这样,还包括把切出来的图片合并到一起,怎么切、从哪切才能将机能大化,说“切图是一门艺术”完全不为过。
是对所碰到题目的解决能力,这一点在不同的阶段都可能会碰到,所以没有写到上面。切图也可以划分成几个阶段:
一,切图
上面这些都是在还没开始动手制作之前所要做的。
考虑整站的结构分布(包括文件分布、目录结构)
能同时考虑方案的扩展性、复用性及页面机能(包括如何切图、写结构、写样式)
正确的给出各部门的实现方案(包括如何切图、写结构、写样式)
对各部门的实现方式有一个初步的方案(包括如何切图、写结构、写样式)
二,能分清设计稿中的公共与私有的部门
设计稿的分析是指对设计稿如何制作成页面的分析,即哪一块的内容可以做为公共的部门、哪一块的内容结构可以如何实现等。
样式写法的优化(包括技巧的应用)
考虑到整站的样式分布(包括如何实现分布)
考虑到扩展性、复用性和可维护性(HTML和CSS)
选择较优的实现方式(包括模块化结构,利便程序脚本使用,HTML和CSS)
标签语义化(HTML)
实现多浏览器的兼容(HTML)
还原设计稿视觉效果,并通过尺度验证(HTML)
HTML和CSS的编写是指将上面完成的内容,通过HTML和CSS的编写,将设计稿转换成WEB页面最重要的一块,也是我们所要重点把握的内容,把它们放在一起,是由于它们相互的联系关系性太强,HTML的写法会影响到CSS的写法,它又可以划分成下面几个阶段:
HTML和CSS的编写
虑整体的机能(包括合并图片、压缩文件大小)
规划切出来的图片(包括文件分布)
对切出来的图片进行一些优化(包括压缩文件大小、选择图片类型)
切成所需要的图片(如何将需要的部门切出来)
切图是指将设计稿切成便于制作成页面的图片。
原因很简朴:工作内容单一,在时间和工作量上必会很苛刻,往往跟设计师的工作时间是3:1,即设计师给三天的时间,制作只给一天的时间完成;在这种工作强度下,良多人都是靠着对这份工作的喜爱在维持着,一旦工作热情消失,很轻易就会变得枯燥,保持热情也成了重构工作者(也许是所有参加工作的人)应该具备的能力。又引出另一个话题,“作甚好页面?”,一般包括下面几点:
单纯的页面重构,所涉及到的工作内容一般是“分析设计稿=>切图=>写HTML和CSS”,固然看起来很少,但要做好这份工作,绝非所想的那么轻易。对设计稿的分析能力可以划分成下面的几个阶段:
三,设计稿的分析
良多同学多少都碰到过方向不明,不知道自己应该进步些什么,我们可以从“分析设计稿=>切图=>写HTML和CSS”这个工作内容,针对每一点提出一些要求,以利便我们分析自己的能力水平,为继承进步确定个方向:
充分考虑到页面在站点中的“作用和重要性”,并对其进行有针对性的优化
标签语义化,结构公道
结构完整,可通过尺度验证
跟“前端工程师”所要求的有所不同,“页面重构”固然也是“前端工程师”的一个范畴,在职业化中,对专职的页面重构者,要求当然也更高。
网站栏目:怎样算是职业的页面重构,职业的页面重构需什么条件
浏览路径:https://www.cdcxhl.com/news/170672.html
成都网站建设公司_创新互联,为您提供网站设计公司、App开发、全网营销推广、网站改版、品牌网站制作、云服务器
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容