当前位置：迷你小窝窝/网页制作/Dreamweaver网页制作/表格与背景图的加工

实例1：下表的背景图使用 下面3个图片

后2个图片是用Photoshop配合第1个图片加工生成的，背景颜色以第1个图的颜色为准，可以用吸管吸了填充。

其中用到了羽毛笔刷和气泡笔刷，这里选了3个笔刷留给大家试用，点击下面的链接直接下载

羽毛笔刷1，羽毛笔刷2，其他笔刷1

后面2个部分的图设计完成后，利用图层蒙板功能实现上下边缘与第1个图的融合。

【注意：保存图片时应使用存为Web格式保存，这样做图片文件更小，放在网页中下载更流畅，凡是在网页中使用的图片，在图片质量要求不是很高的情况下，建议都使用这种存储方式。】

完成后的表格如下，本例使用了连续3个表格，再配上对应的背景图

  《Dreamweaver MX 职业技能培训教程》
  （网页制作员级）教学案例

  《Dreamweaver网页制作》
      教学案例

  网页素材
      背景图素材

　其他网页制作教学案例

• 网页与flash动画
  1. 在网页中插入flash动画
  2. 插入透明的flash动画
  3. 制作Flash相册
• 网页应用
  1. 加入百度搜索引擎
  2. 申请和使用免费留言板
  3. 申请免费计数器
  4. QQ在线状态
• 媒体播放
  1. 添加背景音乐
  2. 连续播放多首音乐
  3. 音乐播放器
  4. 网页媒体播放代码

• 网页特效
  1. 常用特效1
  2. 常用特效2
  3. 走马灯代码详解
  4. 页面进入和退出特效
  5. 文字显示大小控制
  6. 页面载入
  7. 多功能动态表格特效代码
  8. 图片自适应窗口js代码
  9. 连续不间断横向滚动图片代码
  10. 鼠标经过会跳动的图片
  11. 很酷的文字提示效果演示
  12. 滚动的标题栏

实例2：为了网页更流畅的下载和刷新，一些背景可以做得更小些，例如下面的横向背景图：

上图大部分是黑色背景，如果将表格背景色改为黑色，则只要将左边的图留下即可。

上图右边的图形都是相同的，只要取其中一小段作为全表格背景，再用左边的一段图作为左边单元格的背景，，则可以避免该表格太宽引起的横向背景的重复而影响表格的美感，又加快了下载的速度。

加工完成的图形图下，以下图制作的表格，宽度不再受到限制，表格样例在下面。