dw网页设计切图（dw2021网页设计教程）
摘要：
求ps里进行网页切图,生成html导入Dreamweaver的详细教程!!!1、打开PS，然后点击切片工具。点击切片工具后，就可以把图片切成需要的大小。切好图片后，点击导出web... 求ps里进行网页切图,生成html导入DreamWeaver的详细教程!!!
1、打开PS，然后点击切片工具。点击切片工具后，就可以把图片切成需要的大小。切好图片后，点击导出web所用格式。进入导出web所用格式页面，按住shift键把所有切片都选中。导出格式设置为JPEG。最后点击存储就可以了。
2、在Fireworks或者是photoshop中设计好的网页效果图，需要导入到Dreamweaver中进行排版布局。在导入到dreamweaver之前，可以使用Fireworks对效果图进行切片和优化，然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。
3、首先打开Dreamweaver插入图片。点击插图右键选择CSS样式-新建。点击新建后弹出的对话框自定义名称即可。后在弹出的对话框中设置需要的效果即可，可以自定义类型、背景、区块、定位等。
4、ps（PHOTOSHOP）是无法打开HTML网页文件，ps只能打开图片类型的后缀文件，比如说（jpg，png，gif，pdf）后缀的文件，ps主要是处理图片的。
5、使用ps切片，切好了保持为 web存储格式 弹出的窗口可以设置保持的类型的，可以设置成div加css的 如下图：切好片以后，文件保存为web存储文件，就会弹出下面的图片。点击红框的箭头。点击输出设置。
怎么在fireworks里切片布局,导出在dw中制作网页
1、将各切片优化后，选择文件——导出，在导出对话框中，为文件取名，并请注意导也类型为“HTML和图象”，如图。OK，至此我们已经完成在FW中的工作。
2、你把切出来的图平铺就行了，就是background-image：url（这里加你的图片） repeat（如果是横的打-X，竖的打-y）综合就是background-image：url repeat-x；（横铺，这里你只要宽度设一像素，浏览器会自动补上后面的，图片高度要确定。）同理竖着就是Y方向，宽度要确定。
3、然后用ps工具箱里面的切片工具进行切片，切好之后文件---存储为web和设备所用格式（alt+Shiift+Ctrl+S）点击存储---确定。然后导入DW里面编辑。我觉得做网页还是用Fireworks好用，与dremwear可以交互使用。
4、首先，要准备个人的博客程序。博客程序目前比较好的有2个，一个是wordpress，一个是zblog。WordPress功能很强大，国外专门团队开发，但是设置复杂，上手不是很容易，另外是php+mysql的，也就是说买空间的时候空间要求稍微高一点，需要支持mysql数据库。
怎么用DW制作网站?
在使用Dreamweaver制作网站时，要让图片和文字在一起，一种常见且有效的方法是将图片设置为背景，然后在图片上添加文字。以下是具体步骤：将图片设置为背景 选择容器：在DW中打开你的HTML文件，并选中你想要添加图片和文字的容器。设置背景图片：在CSS样式表中，为该容器添加一个背景图片样式。
双击“index.htm”进入编辑模式，在标题处输入网页名称，选择页面属性设置网站标题、背景颜色或背景图像等，一般保持默认设置。光标置于左上角，可以输入欢迎语句如“欢迎来到我的主页”。选中文字，打开属性面板调整字体大小至6，并使文字居中，再通过多个回车将其放置于页面中央。
若要使用模板，可新建一个空的网页，在文件面板的资源选项卡中找到模板，右键选择【应用】。在需要编辑的部分插入“可编辑区域”，以便后续对网页内容进行修改。dw网页制作模板的使用 创建模板：将一个已编辑好的网页另存为模板文件。
启动dw2019在软件主界面点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。建立好一个网页文档后就可以看到网页默认的代码了，我们编辑网页是需要在【body】中来编辑完成的。初学者可以把dw设置为【设计】界面，方便边做边查看效果。
工具/原料：dw 淘宝小店 方法：a、将做好的店招文件用dw打开（就是ps储存后出来的那个网页文件）b、登陆自己的淘宝后台（卖家中心——图片空间），将店招图片穿上去。
关于网页设计PS切图和DW网页制作
1、PS切图后到DW进行布局排版的方法如下：保存为网页所用格式：在PS中完成设计后，选中并执行“文件”菜单下的“存储为网页所用格式”选项。确保设计作品被适配为适合网页显示的格式，这样可以保证图片在网页上的显示效果。在DW中打开文件：将保存的文件导入到DW中。DW会自动采用表格布局的方式，帮助你轻松实现网页中的内容排版。
2、ps做模板其实可以用ps生成一个简单的网站，不过这是真的很简单的，而且适应性很低。方法就是用ps打好切图的标记后存储为web格式时选择存储为网页格式，并且带有html文件的网页格式。这就是一个简单的由图片组成的网站了。用dw也不难，dw有个模式可以像ps一样添加，其实和ps也差不多了。
3、我设计网站的原则：80%用PS，20%用DW——DW只是排版工具而已，好的网站，没有一个不做PS效果图的，而且切片得PS或FW切。
4、需要用到的软件有：PS（图像处理软件）和Dreamweaver（网页制作软件）。具体步骤如下：在PS里排版好首页的图片模板，进行切片处理，Ctrl+Shift+Alt+S储存为Web格式，文件格式选择“HTML和图像”；（淘宝的首页尺寸一般做成：1920*任意高）。
5、首先打开Dreamweaver插入图片。点击插图右键选择CSS样式-新建。点击新建后弹出的对话框自定义名称即可。后在弹出的对话框中设置需要的效果即可，可以自定义类型、背景、区块、定位等。
6、网页制作步骤：用ps设计出你的版面效果图，注意的主要环节是颜色搭配、导航、栏目标题、版面布局、栏目背景、页脚等。设计过程中要考虑到在后期的网页制作尽量少用图片，多用颜色。
