在制作之前要有几个准备工作（没有图片，大家谅解，其他有图片的大家搜索一下本站，本站还整理很多哦）
1、要有精美的商品照片，记住，一定要符合你的实际商品噢，不能过分的美化。(如何后期处理照片，我会在另外发帖子)
2、电脑里要有Photoshop、Dreamweaver、cutftp这三个软件是“风生水起”最常用的必备软件，网上都有下载的。(网页上传软件，如果没有，用Dreamweaver也可以上传。)
3、固定IP的网络存储空间。(这是用来存储你页面图片的地方，因为要制作出精美的商品页面，不是直接打文字，而是通过图片来实现的，这样无论做的多么美轮美奂都可以实现，而且通过Adoby Iready还可以制作出动态图片，比如网页上有闪光，一闪一闪的，关于动态图片的制作，我也会另外发帖子)
* Photoshop篇
准备工作做好了，接下来就开始实际操作拉。
首先，打开Photoshop，新建一个页面，你可以根据现在主流显示器，设定你的展示页面的宽度，至于长度则可以根据你的内容来调节。
然后，根据你喜欢来安排页面效果，在这里可以发挥你的设计才能拉，嘿嘿~
对了，按快捷键Ctrl+R，打开标尺，这样可以让你更好的控制尺寸。
开始拉辅助线咯~~把鼠标放在标尺上按下拖拉~~~~~~~~ 铛铛铛!!!看见没，出来一条蓝绿色的线哦~这就是辅助线，后期制作页面非常有用的噢。
拉好辅助线的图
选用工具里的“切片工具”
然后对准你刚才拉好的辅助线，切割下去~^o^
切割好的画面
按快捷键Ctrl+; 隐藏辅助线，这样可以让你更加清晰的看到刚才切割好的画面
发现没有?有些切片是蓝色的有些则是灰色
因为蓝色的切片是我切割的，而灰色的切片是软件自动形成的。我需要的只是那些蓝色的切片。
阿~~~~有卖家会问，为什么要切片呢?
恩~~~~~这个问题，有网页制作经验的人一定了解。如果不切片的话整张图片太大，而网络传输有限，图片太大的话会增加打开图片的时间，那么买家在看你商品的时候，可能需要等待30秒，甚至1分钟的时间才能看到你的页面。不要小看这30秒、1分钟哦。在电脑前等待10秒那也是相当漫长，大家有同感吧~
因此，我们需要用切片，把大图切割成一小块一小块的，这样就可以在非常短的时间内打开页面，为了以后这个页面可以作为模版，因此我在切片的时候，把产品图片和产品简介作为整块切割下来，这样，以后如果换成其他的产品，只需要更换这两张图片就可
以了，很方便的。
按“文件”—“存储为Web所用格式”，会打开一个对话框，然后选择你所要存储的切片，Shift+鼠标左键可以多选切片，我选择了刚才自己切的蓝色切片。
按存储，出现如下对话框
存储以后你的电脑上就会自动出现“images”文件名的文件夹，以后你通过这种方式存储的文件都会放在这个文件夹里。记得要取能够明显标记你产品的文件名哦。
在这里秀下风生水起的文件，hoho~~~~
我把每个图片都标记了所对应的产品名，找起来非常容易，也好修改。
做Photoshop的最后一个工作，为之后的Dreamweaver的工作打好基础。
你前面不是作了很多切片吗?把每个切片的大小都记录下来，包括软件自动生成的切片，都要 [1] [2] 下一页
|
