如题.看了课程当场是明白的,但是看到一个图片要做成页面感觉无从下手.该如何提升自己的这种能力?
9 回答
方舟圆舟
TA贡献10条经验 获得超16个赞
我觉得可以从四个方面出发：1、先把头部内容结构弄出来，先不管它的表现形式。2、接着就是footer部分，表现形式也不用写。3、就是中间的内容部分，分区域写代码。4、最后就是网页的整体表现形式的设计。
能力是自己练出来的，先看到图片对应的html是什么？然后是CSS的样式是什么？
已采纳
杜塞尔多夫
TA贡献16条经验 获得超6个赞
说实话刚刚工作的时候,公司比较奇葩,安排给我的任务都是只有一个设计图,然后就让我自己去写页面.一开始不就是根据设计图了解页面基本机构,不用框架的话就是头,内容还有底部三个大模块三个div吗?接下来就是分别写三个部分了,自己测量内外边距,div长度,字体颜色什么的.我论述的比较简单,看你提这问题应该是刚入坑不久的新手,我再怎么具体描述也就这样了.刚开始确实对新手来说很麻烦,事情比较多比较杂没什么头绪,只有慢慢写了,程序员的工作就这样了,别人只能给你建议可真没时间手把手教教你啊!
习惯受伤
TA贡献885条经验 获得超1144个赞
一般经历以下几个步骤：
1，切图：将原图变成页面中更小的元素。
2，写页面大体框架：div。
3，分解每一层为HTML元素并填写css。
4，重复第三步。
5，为页面添加JS（如果有需要JS的地方）。
6，解决页面兼容性（如果需要兼容各个浏览器），通过各个浏览器的测试，找出与原图有差异的地方，逐个击破，也就是写Css hack。
7，写CSS3 media以兼容不同大小的浏览器（如果需要兼容手机端）。
至此，一个完美的页面就呈现眼前了。
添加回答
举报
0/150
提交
取消