如何根据图片做出页面?

HYG***

如题.看了课程当场是明白的,但是看到一个图片要做成页面感觉无从下手.该如何提升自己的这种能力?

三***

我觉得可以从四个方面出发：1、先把头部内容结构弄出来，先不管它的表现形式。2、接着就是footer部分，表现形式也不用写。3、就是中间的内容部分，分区域写代码。4、最后就是网页的整体表现形式的设计。
能力是自己练出来的，先看到图片对应的html是什么？然后是CSS的样式是什么？

m1126***

说实话刚刚工作的时候,公司比较奇葩,安排给我的任务都是只有一个设计图,然后就让我自己去写页面.一开始不就是根据设计图了解页面基本机构,不用框架的话就是头,内容还有底部三个大模块三个div吗?接下来就是分别写三个部分了,自己测量内外边距,div长度,字体颜色什么的.我论述的比较简单,看你提这问题应该是刚入坑不久的新手,我再怎么具体描述也就这样了.刚开始确实对新手来说很麻烦,事情比较多比较杂没什么头绪,只有慢慢写了,程序员的工作就这样了,别人只能给你建议可真没时间手把手教教你啊!

肥***

一般经历以下几个步骤：1，切图：将原图变成页面中更小的元素。2，写页面大体框架：div。3，分解每一层为HTML元素并填写css。4，重复第三步。5，为页面添加JS（如果有需要JS的地方）。6，解决页面兼容性（如果需要兼容各个浏览器），通过各个浏览器的测试，找出与原图有差异的地方，逐个击破，也就是写Css hack。7，写CSS3 media以兼容不同大小的浏览器（如果需要兼容手机端）。至此，一个完美的页面就呈现眼前了。

m6287***

分析页面结构，有没有公共的地方，然后区分开来。这样你写的时候就可以写公共样式然后进行复用了

如何根据图片做出页面?

全部参与4

热门问答

普通会员

今日悬赏

最新问答

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端