Question

请问这样的网页图片效果怎么做出来？

查看了每个图片的背景，是一个方角图片，不知道怎么变成圆角，然后上面蒙上一层透明的黑色，再把文字写上去。这三步改怎么实现。
怎么把这个做成一个类，以便网页上放多张图片时套用？
还有我想把黑色横条和文字放到图片中间，不知该怎么写代码？

Answer 1

这个图片大致分四个图层

1填充单色作文背景

2工具栏上我截图的倒数第二个 点它之后出现个圆角矩形工具 画出适合的大小之后 按键盘上CTRL+回车 画面会出现选区 随便填充一个单色 作为第二个图层

3将你想要的图片拖进来 调整好和你创建这个原矩形差不多的大小 然后右键 单击拖进来的这个图层 找到创建蒙板的样式 我刚做的系统 没装PS不知道具体叫什么了 大概有这几个字 然后你会看见  在这个原矩形区域里会显示这个图片 出了这个原矩形就没有了

4创建一个巨型的长方条 填充黑色 降低它的透明度 调整到你觉得合适的透明值，将长方条移到图片摆放的位置 再右键 单击长方条的图层 同样选择建立蒙版 

之后就会出现你所想要的效果了 

我只是学PS平面的 没有学过DW做后期编程 所以只能帮到你这了

Answer 2

制作网页不是几句话就能说清楚！是几个软件的综合结果。图片大都是在PS里编辑，文字也可在PS中输入形成图片文字，或者在DW里另编辑文字。图片的方角或圆角可用PS中的钢笔工具或者绘图工具制作；透明是改变图层的透明度，图片做好后切片并保存为WEB文件，然后在DW即网页制作软件里进行插入图片。网页中还有链接、行为、动作等需要另设置，有的还需要编程来实现。