好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

如何根据PSD效果图做网页_html/css_WEB-ITnose

如题,请大家说说过程,是否是把PSD切片就好了,在DW中拼出来就好了,还是要取背景和前景,写html代码做成那个PSD的样式呢


回复讨论(解决方案)

都行。前者帮你生成,后者自己写,相对生成代码简洁一些。

都行。前者帮你生成,后者自己写,相对生成代码简洁一些。
公司一般是怎样的呢

静态页面DW应该就搞定了

引用 1 楼 only_endure 的回复:
都行。前者帮你生成,后者自己写,相对生成代码简洁一些。

公司一般是怎样的呢

负责的公司嘛一般肯定是自己跟据PSD自己写页面咯(DIV+CSS),页面中需要的图标从PSD图上扣

由效果图到页面,只是将效果图里的各个模块细分成网页的各个模块,在这个过程中可以用TABLE布局实现模块的组合,也可以用DIV布局实现!

可以加层呀,出动态效果

一般用photoshp把图片(照片)什么的分别切出来,在Dreamwear或其他网页编辑器里编码,按照效果图的位置,编码,编辑各个div的位置,布局,然后把图片插入到xhtml里,用css来美化页面,像文字的大小,字体,颜色,各个div的位置都是用css来设置的,让xhtml的布局设置的和效果图的位置一样;要增加动态效果需要用到JavaScript,要是flash,要用到flash ActionScript这些知识。


#main {
BORDER-RIGHT: #85bad8 1px solid; BORDER-TOP: #85bad8 1px solid; MARGIN: 20px auto 0px; BORDER-LEFT: #85bad8 1px solid; WIDTH: 748px; BORDER-BOTTOM: #85bad8 1px solid; voice-family: inherit
}
.step {
BORDER-TOP: #ddedfa 1px solid; MARGIN-TOP: 5px; BACKGROUND: #f0f8ff; HEIGHT: 27px; TEXT-ALIGN: left; voice-family: inherit
}
.step SPAN {
FLOAT: left; LINE-HEIGHT: 27px
}
.step SPAN.title {
FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-LEFT: 23px; MARGIN-RIGHT: 20px
}
.content {
MARGIN-BOTTOM: 20px; MARGIN-LEFT: 20px; COLOR: #666666; LINE-HEIGHT: 20px; MARGIN-RIGHT: 20px; TEXT-ALIGN: left
}
.content-expand {
MARGIN-TOP: 20px
}
.content-expand2 {
MARGIN-BOTTOM: 100px; TEXT-ALIGN: right
}




软件许可及服务协议

查看更多关于如何根据PSD效果图做网页_html/css_WEB-ITnose的详细内容...

  阅读:38次