发布网友
共5个回答
热心网友
一切以设计稿为主,我们前端开发的目标是为了把jpg或者png的设计稿图片还原成为html静态网页,动态的部分交给程序员处理。之所以使用DIV的布局只是为了把页面的结构与样式(CSS)进行分离。你使用table布局可以达到同样效果,但是后期维护就会相对困难了。
过程就是根据客户需求在PS或者FW绘制设计稿,客户通过之后,开始切图,最终变成html的网页就ok了。
最终要求的结果就是html与设计稿的图片保持一致。
热心网友
楼主你好!
div+css书写基础教程:新手学习基本思路
对于新手,感觉乱是正常的,div+css最重要的就是的写,去熟悉它的每一个标签跟语法;很多新手因为没有好的方向跟方法去实施它,所以感觉不知道从何入手;
迷失也曾在知道中给人简单解答过这个问题,下面在本站中跟大家聊聊:
1.从局部出发:从一个小的部分的样式写起,目的是让你熟悉css样式的元素有哪些,那些元素都有一些什么作用,怎么样使用这些元素,以及div+css的属性有哪些?等等这一步是基础!
比如,我有一个层,里面包括标题列表还有背景图片,层的宽度高度这些属性,还要设置标题列表的字体样式颜色等等,能用的属性都用上,从一个小的层,实现各种能表现出来的形式;
2.整体布局很重要:有了第一步基础,你可以尝试布局框架,把网页分成一块一块,先把框框写好,各浏览器中测试不要错位了,可以先用不同的背景颜色看效果,不错位就行,框架ok了之后,这样你的而已应该就没问题了,你可以尝试更多方式写布局,两栏式,三栏式等都可以.
3.把整体跟局部结合,也就是把你第一步中的基础东西写好,往框架的层里面填充就好了!所以第一步很关键!
建议反复用这三步多加练习,你的css技术一定会上一台阶的!
如果你觉得说得有道理,请加分!
http://www.mianfeimoban.com/dreamwaver_jc/3227.html
热心网友
网页内容简单,及table布局的直观,易学等特点,才使得,用的人多,但时代在进步,技术亦然,现在网站,都用xhtml css布局,纠正楼主一点,不是DIV布局,这种说法不准确。 关于学习嘛,Dreamweaver不要用了,影响
热心网友
先做好设计图,然后切片,根据设计图使用DIV+CSS把版面做好!!
热心网友
1,运用PS制作出网页的效果图,这个图上面要的效果和网页上的一样,包括页面的大小,间距等等,一定要精确。
2,运用PS中的切片工具切片。切片的时候要考虑好网页的结构,争取最简化和网页的可扩展性。
3,重构网页。