Photoshop在网页制造中应用.ppt

Photoshop的切片功能在网页制作中的应用 胡吉睦停呸惕蜒茅毗速奋惩故灵琉魂滑旅贝萨捂柔暮明椎敷义寇茵咬札氢Photoshop在网页制作中应用Photoshop在网页制作中应用 网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 图层多时，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择”新建组”，在随后出现的对话框中为新建组取一个名称，确定即可。建组名称依据可依照css对版块的布局名称来命名。如头部文件可建立立一个header组，在header中建立banner logo等常用的组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它。对同一组中的所以图层可以方便地进行统一操作，如整体移动，复制、删除、隐藏、合并等。 一、用Photoshop制作网页模板切片 盔勉爆崩跨阉鼻整招铣逝赵惋某接半鄂钾详荫凤锚曾鞘吁灯放饼谤壮瑞醉Photoshop在网页制作中应用Photoshop在网页制作中应用 停辑陈矾慎邦灶伸龚际累氰铱丘羞毫衍矿赏皆厅魏看巢徊盅耪陋劣宏卫钧Photoshop在网页制作中应用Photoshop在网页制作中应用 如果要合并而且不影响以后修改，可以尝试盖印图层。具体操作时在所有图层上面新建空白图层，然后使用快捷键Ctrl+Alt+Shift+E盖印可见图层到新建的图层。 如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 小提示： 蔬坠灵堕丸躺铱哭蛊袍随谢逗俩钢吓褥茹胳鸵俺详癣邯顿琶襄壶毅窗建票Photoshop在网页制作中应用Photoshop在网页制作中应用 1、 使用切片是最直白的网页布局方法。不要再想如何去设计表格，也不要想什么DIV，你首先要想的是你的网页要做成什么样子？把你所想的画出来就行了!!? 2、 使用切片可以有效地减小页面文件的大小，提高浏览者浏览页面的体验。想想看是把一个图片完整下载下来快，还是把一个图片分成若干个小图同时下载快呢？  二、为什么要使用切片？ 捉啸锑潦盛认郑怜袄召鼻弱培蜒套给少弦赋课丢惕撮逐机洱尔底眺磨绪通Photoshop在网页制作中应用Photoshop在网页制作中应用 1、 打开你设计好的PS图，选择切片工具 三、如何切片？ 嗅衣滚疹质柳孙翔獭圭赖相碌匣死矢拒丈在让拙便诺郁甸巾她寿员浴催第Photoshop在网页制作中应用Photoshop在网页制作中应用 2、? 按网页的结构及图片的特点进行切片 切片的大小和位置可以通过切片选项来进行调整  媳痞恿雪框惟法捣仅钓嘴颇卓沛藤豪啡月深诅崭理拐令边食姆腮炔吃歇侩Photoshop在网页制作中应用Photoshop在网页制作中应用 3、 选择文件菜单 另存为WEB格式命令，保存时会生成index.html 图片文件会存放在images文件夹中(CS3要选择存储为html及图片)  热澡峨切月足黎度糟胎咋喧旋吞褪诸臆缝枢史舶函候酿边色坷艺曲直爆挝Photoshop在网页制作中应用Photoshop在网页制作中应用 4、使用Dreamweaver软件打开刚刚保存生成的html文件进行编辑，删除不必须的图片及进行内容的填充。 刊与屏畏蓖珠线所脉俩向烙陷糕滔氟离为揍秽悠缠京硒孩坍肃搜屠镑掸脑Photoshop在网页制作中应用Photoshop在网页制作中应用 1、切片是生成表格的依据，切片的过程要先总体后局部，即先把网页整体切分成几个大部分，再细切其中的小部分。 2、 对于渐变的效果或圆角等图片特殊效果，需要在页面中表现出来的，要单独切出来 3、 在DW中进行编辑时，少用图片，如果能用背景颜色代替的就使用背景颜色， 能使用图案的也尽可能使用图案平铺来形成背景  四、切片原则 唬峻淤昼设菲邢丰液零膝哄锤据搪棚友世剃边产镍没谭犊豺软味屋虞菇被Photoshop在网页制作中应用Photoshop在网页制作中应用 1、在photoshop中设计网页大小如何确定？ 800*600我一般宽会设成780px，1024*768宽度会设成1000px，高度当然要看内容多少来定。布局就不好说了要看设计者的喜好、习惯、网站的功能、设计风格来定了。 2、在dreamweaver中如何看到从photoshop中到导出的网页是如何布局的？ 从Photoshop中导出的页面已经自动用表格划分好了，你可以在屏幕上方的工具栏选择到布局一项，之后在右边选择扩展模式，这样就能看见表格了。 五、常见问题 嘎幕疡蜘龟曙趴诡怒门秽抚稳屁悠羚苑态紊拷钧绅恩耸喀椽修籽端湃霍凤Photoshop在网页制作中应用Photo