Dreamweaver 设计拼图游戏

 时间:2024-10-13 19:52:46

1、在软件中新建一个页面点击创建

Dreamweaver 设计拼图游戏
Dreamweaver 设计拼图游戏

2、点击-页面设置选择一张背景图片

Dreamweaver 设计拼图游戏

3、点击工具栏绘制边框

Dreamweaver 设计拼图游戏

4、选中边框-点击代码-重命名为bj-找到背景代码

Dreamweaver 设计拼图游戏

5、找到边框代码-删除默认样式颜色的边框代码

Dreamweaver 设计拼图游戏

6、选择输入边框样式和颜色代码

Dreamweaver 设计拼图游戏
Dreamweaver 设计拼图游戏

7、在绘制四个边框设置为透明色

Dreamweaver 设计拼图游戏

8、按下shift键一次点击选中4个边框点击-修改选项-排列顺序-设置宽度相同-在进行一次设置高度相同

Dreamweaver 设计拼图游戏

9、一次打开分割好的四张图片拖拽只边框1、2、3、4

Dreamweaver 设计拼图游戏

10、拉两条 辅助线竖线对齐250.横线对齐标尺150处然后拖动图片拼成一副完整的图片

Dreamweaver 设计拼图游戏

11、点击边框1开始设置-辜染蜊矶拖动AP元素-自动获取当前位置-距离20个像素自动吸附,一次用相同的方法设置完4个边框

Dreamweaver 设计拼图游戏
Dreamweaver 设计拼图游戏
Dreamweaver 设计拼图游戏

12、打乱图片保存你就可以在浏览器中玩拼图了

Dreamweaver 设计拼图游戏
Dreamweaver 设计拼图游戏
  • Dreamweaver CS3媒体的应用
  • Dreamweaver文字或图片怎么添加连接?
  • Dreamweaver如何改变表格边框颜色?
  • Dreamweaver如何插入Spry重复列表
  • 在flash中创建立体投影效果的课件标题
  • 热门搜索
    民族团结手抄报花边 关于手抄报的花边 八礼四仪手抄报内容 放飞中国梦手抄报 初中手抄报图片大全 小学生体育手抄报 珍惜水资源手抄报 感恩节手抄报图片 讲文明懂礼貌的手抄报 传染病手抄报图片简单