然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的请点击输入图片描述 之后在图片上切出想要做网页的部分，小编演示。

如果你要把切片好的图片显视到网页上，可以使用来实现如果你是做网站，建议你先学习一下HTML语言。

HTML和图像，切片选择所有切片，设置选择其它然后弹出以对话框，设置是自定义，下面还有一个框框选择切片，然后点击生成css，然后点击确定，再次保存就行了，存储位置自己选择哈然后用DW打开html文件就可以了。

在html格式文件上单击右键，选择打开方式为dw 打开dw后选择代码模式复制table之间的代码粘贴到记事本中，将ps图片上传到淘宝空间，复制网址连接，取代了代码中的图片链接，保存修改复制所有代码，这就是ps所打开的图片文件。

1首先打开Dreamweaver插入图片2点击插图右键选择CSS样式新建3点击新建后弹出的对话框自定义名称即可4后在弹出的对话框中设置需要的效果即可，可以自定义类型背景区块定位等。

用ps把图片切成你想要的几个分区，在dw里点击插入图像，然后选择你要插入的图，就可以了如果你想每一个图片再加上链接，那么在img外边插入a标签比如这就是一个图片的热区，点击就会进入你想进入的页面，不懂加Q30。

其次存储为web所用格式ctrl+alt+shift+s，选jpg格式，品质72即可点击存储，之后格式选择html+图像，切片选择所有切片最后你存储完会出现一个html页面，你可以通过记事本或者代码编辑的软件进行修改链接建议还是。

1给要图片加上链接，需要先将它切片在PS里，用切片工具将该页面图片全切片完成2然后再点击PS的文件菜单，再点击导出web所有格式，箭头所指处3在弹出的窗口里面，点击保存，通过以上操作，这样就能先将要添加。

在这个位置有一个空隙的高度是10PX，你切图没有计算到这个空隙尺寸貌似不象你的PS切片一定是没有切准，或是漏了尺寸这个制作不需要使用到DW，只使用PS就可以DW有些代码是在淘宝代码中无法使用大神给你一个PS。

ps中可以在保存时将保存的格式选择为“html和图像”1将图片处理完成后，点击ps顶部菜单栏上的“文件”按钮，在展开的菜单中点击“导出”按钮，然后再点击“存储为Web所用格式”按钮2在弹出的窗口中点击“存储。

1首先打开DW软件2将输入法切换为英文输入法，点击代码编辑区，输入玫瑰代码3输入完成后，点击运行代码，玫瑰图案即可成功出现。

利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页把制作好的图片选中， 在dw中打开，在dw下面有属性， 里面有链接这一项， 更改选中图片下面属性栏加链接 就可以了。

工具与原料Photoshop软件，Dreamweaver软件，素材图片 方法与步骤1首先用Photoshop软件打开素材图片，鼠标长按裁剪工具直到出现下拉选择框时，选择“切片工具”，如下图2用“切片工具”对素材图片进行适当的切片分区。

代码可以用来修改你的页面，最好是学习一下HTML语言，这样在制作网页会很轻松简单的步骤就是1PS中画网页 2把导出的JPG图用FW切片并优化 3用DW的表格功能排列或布局 可是我说的是在FW里进行优化，因为很多效果光靠FW。

1在PS里做好图片，然后切片处理2保存为Web格式 3把图片上传图片空间 4再用DW打开HTM文件，把图片链接和超链接加上 5复制代码到淘宝店铺自定义模块即可。

9在DW中将代码复制，打开千牛后台的店铺装修，点击返回旧版并选择PC端，打开首页点击图标中的编辑，将代码粘贴后点击发布即可完成制作10效果图如图所示以上就是dreamweaver制作网页的整个操作过程了，你学会了吗总体来说。

1，dw制作淘宝首页代码需要掌握的知识淘宝店铺后台功能，基本的代码运用技巧2，店铺的后台基本操作是指a，会在首页添加自定义模块，dw写的代码基本是在自定义模块中添加的 b，添加完在自定义模块中的代码，可以通过店铺。

新建1920px*400px文件我们从蓝色#506dbb到白色渐变效果图然后保存这张照片是gif格式这个时候，我们建了一个1000*800的文件制作网页效果图这里是用ps制作的没有写任何代码我不会谈论这个过程制作网页效果图时。