非凡资讯

网页设计培训资讯>网页设计教程:制作网页图像切片

网页设计教程:制作网页图像切片
发布日期:2012/10/23 11:06:20    网页设计培训 4333 分享
本实训使用“切片工具”制作“学校风景”网页图像切片。 (网页设计培训) 

①打开“素材、第11章\11. 4、学校风景”图片,如图11一17所示.

网页设计培训

②选择“文字工具”,输入文字“浏览风景”。

③选择.‘切片工具”将图片中的“浏览风景”部分制作成切片.则该图像就会被自动切割成5个切片.如图11-19所示。

网页设计培训

④将该图片存储为Web所用格式:选择“文件”.储存为Web所用格式”,在弹出的对话框中,在“Prese“预设)”下拉列表框中选择“(;IF 128 No Dither(GIF 128无仿色)”选项,其他按默认设置。选择“切片选取工具”逐个选择切片进行优化。

⑤选择“切片选取工具”,双击“浏览风景”切片(即03号切片).在弹出的如图11一21所示的“Slice Options(切片选项)”对话框中,按图I1一21所示进行设置."Message(信息)”文本框中输人文本“昆山登云之旅”,这样当浏览该网页时,光标进人03号切片区域时,在浏览器的信息栏内就会显示这句话。在Alt文本框中输入文本“点击进人”,则当浏览该网页时,光标进人03号切片区域时,光标就会变成手状,并会显示“点击进人”的提示框。完成设置后单击"OK(确定)”按钮,返回上一级对话框。

网页设计培训

⑥单击“Save(存储)”按钮,弹出如图11一22所示对话框中;将文件命名为User,该文件名必须与之前替03号切片命名的名称相同;“保存类型”选择“HTMI. and Image( HTMI.和图像)”选项,选择好保存路径后,单击“保存”按钮,则该网页文件被保存.该网页文件被保存时,会生成一个HTMI,文件和一个images文件夹.该文件夹用来存储图片。在改文件夹内保存的图片是将原图切片后形成的单个切片图片。

⑦双击User. html文件.即可在默认的浏览器内打开刚制作好的网页。
 
相关文章:
合理的留白设计出简洁大气的网页
网页设计培训教程-介绍PS的五个快速选择工具
非凡学院 设计就业明星学员
国内wap站LOGO现状小结-上海网页培训
网页设计培训教程-使用fireworks制作水滴效果
免费试听热门课程
在线客服
免费试听
最新活动
学费查询
开班查询
就业薪资