原创力文档- 1、本文档共14页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
婚纱摄影行业满屏活动面切图教程
婚纱摄影行业满屏活动页面切图教程
如图显示：
一、PS切图
在做活动页面切图之前请准备下载两个工具分别 Adobe Photoshop CS4（PS）、Dreamweaver CS3 (DW)
用PS打开做好的活动页面进行切图，如下图所示：
选择切片工具
用切片工具切片整个图像如下图所示：
在切片框内单击右键选择“划分切片”—“选择水平划分为”—“填写200”像素/切片—确定，如下图所示：
保存图片步骤，选择PS左上角“文件”点击，选择存储为Web和设备所用格式（D）...如下图所示：
显示这个效果是由于图片太大导致的原因，如果图片没有超出他内存所设置的大小他是不会显示这个提示的，这个可以忽略掉，点击“是”即可！显示图如下：
这里有两个地方是可以设置的分别：选择图片格式和图片质量，如图显示：
点击存储，如图显示：
文件名：（设置图片命名，用英文名即可）
保存类型：选择仅限图像即可
设置：这个默认就行不需要设置
切片：选择所有用户切片即可
如下图所示：
点击保存，如下图所示：
在桌面新建文件夹,如图所示：
把“images”文件夹 拽到“jiehuan2014”文件夹即可！
DW制作网页
打开DW工具，如下图所示：
2、新建HTML网页，点击“HTML”如下图显示：
3、把“无标题文档”修改成本次活动标题，如图显示：
CTRL+S，保存网页，如下图显示：
找到桌面刚刚新建的文件夹，双击打开
把文件名改成index.html,如下图显示：
点击保存即可，如图显示：
回到DW界面，现在开始编写代码，
style type=text/css
!--
body { margin:0px; padding:0px;}
--
/style/head
div style=width:100%; height:200px; background:url(images/jiehun_01.jpg) no-repeat center; margin:0px auto;/div
复制上面的代码粘贴到DW，如图显示
代码解析：
Height（图片的高度）
Background（图片背景）
images/jiehun_01.jpg（图片路径）
jiehun_01.jpg（图片的名称）
这里图片的名称一定是images里面的图片名称，如图显示：
点击“设计” 看如下效果：我们成功让第一张图片显示出来了，接下来我们要让所有的图片显示出来。按步骤一步一步来，不要着急！
回到代码里面来，我们复制代码，我们有多少张图片 就复制粘贴多少行代码，如图显示：
修改图片名称，如图显示：
注：图片名称是对应我们images文件里面的图片名称，这样才能正确的找到图片，才能显示图片。如下图显示：
完成上面步骤后，Ctrl+S保存网页，点击浏览网页，如图显示：
见证奇迹的时刻就要到来！
我们成功的制作出满屏的网页了，如下图显示：
上传活动页面
下载ftp上传工具，登陆网站空间，然后把文件夹上传到网站根目录即可。
打开活动页面地址：http://www.域名.com/jiehun2014, 即能显示上传好的页面。
日期：2014.9.28
文档评论（0）