任务四_图像切片.ppt.pptVIP

任务流程 一、为什么要使用切片？ 1、 使用切片是最直白的网页布局方法。不要再想如何去设计表格，也不要想什么DIV，你首先要想的是你的网页要做成什么样子？把你所想的画出来就行了。 2、 使用切片可以有效地减小页面文件的大小，提高浏览者浏览页面的体验。想想看是把一个图片完整下载下来快，还是把一个图片分成若干个小图同时下载快呢？  任务流程 二、如何切片？ 1、 打开你设计好的PS图，选择切片工具 任务流程 二、如何切片？ 2、? 按网页的结构和图片的特点进行切片 ,切片的大小和位置可以通过切片选项来进行调整。 任务流程 二、如何切片？ 3、 选择文件菜单 另存为WEB格式命令，保存时会生成index.html 图片文件会存放在images文件夹中(CS3要选择存储为html和图片) 任务流程 三、切片原则 1、切片是生成表格的依据，切片的过程要先总体后局部，即先把网页整体切分成几个大部分，再细切其中的小部分。 2、 对于渐变的效果或圆角等图片特殊效果，需要在页面中表现出来的，要单独切出来 3、 在DW中进行编辑时，少用图片，如果能用背景颜色代替的就使用背景颜色， 能使用图案的也尽可能使用图案平铺来形成背景。 任务流程 四、常见问题 1、在photoshop中设计网页大小如何确定？ 答：800*600我一般宽会设成780px，1024*768宽度会设成1000px，高度当然要看内容多少来定。布局就不好说了要看设计者的喜好、习惯、网站的功能、设计风格来定了。 2、在dreamweaver中如何看到从photoshop中到导出的网页是如何布局的？ 答：从Photoshop中导出的页面已经自动用表格划分好了，你可以在屏幕上方的工具栏选择到布局一项，之后在右边选择扩展模式，这样就能看见表格了。 任务流程 四、常见问题 3、 在DW中进行编辑时，删除图片时出现表格错位如何办？ 答：删除图片的时候记住图片的长宽，再插入一个相同长宽的表格。 4、 在DW中如何自定义表格的长宽？ ?答：使用表格长宽一样的图片做为单元格的背景。 5、 如何在图片上输入文字？ ?答：把图片设置成背景。 电子商务网页制作 图像切片 学习目标 知识目标：掌握用Photoshop制作网页模板切片技巧， 理解切片原则及了解切片时常见问题 能力目标：能根据网页的结构和图片的特点进行切片 ,切 片的大小和位置可以通过切片选项来进行调整。 课后练习 问答题： 1、在DW中进行编辑时，删除图片时出现表格错位如何办？ 答：删除图片的时候记住图片的长宽，再插入一个相同长宽的表格。 2、 如何在图片上输入文字？ ?答：把图片设置成背景。