回复讨论(解决方案)
都行。前者帮你生成,后者自己写,相对生成代码简洁一些。
都行。前者帮你生成,后者自己写,相对生成代码简洁一些。
公司一般是怎样的呢
静态页面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的详细内容...