王尘宇

怎么用photoshop做网页

1.先用Photoshop做一个网页图片；2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；3.使用切片工具，按照绘制的表格划分切片4.以上步骤完成后，进行操作“文件”>“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。5.接下来用Dreamweaver打开html文件，为其作链接及其它。

6.最后保存就完了。

Photoshop制作网页的方法

设计网页的方法很多，常见的有直接编写代码方法，利用可视化软件设计(例如DreamWeaver)法，利用中间软件实现格式转换法(例如Word生成HTML代码)，还有就是PS设计网页法。我们为大家收集整理了关于Photoshop制作网页，以方便大家参考。

首先，用Photoshop建立空白画布，载入一张网页图片 利用切片工具，把图片切片(切成你想要的效果) 然后打开“开始”菜单，找到另存为web格式 然后全选，全部储存为JPG格式，保存图像和HTML网页 保存好的HTML在Dreamweaver打开即可进行其他编辑了，也可直接在网页中打开。

在Photoshop中如何制作网页

soso问问里答案： 首先是在Photoshop中制作网页的框架。网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。

尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。

不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称（如：“网页顶部”），确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中。

同样方法可以建立多个组，在组的下面还可以建立子组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。

小提示： 如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。

第1步：我们最终需要的，只是Photoshop中制作的图形和框架。选择切片工具（快捷键为K），把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号。

第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。 第3步：切分出所有图片后，执行“文件→存储为Web所用格式”命令，打开存储对话框，根据需要设置好图片的格式、调色板等参数后，点击右上角“存储”按钮调出保存对话框，选择HTML网页格式，使用默认设置，选择“所有用户切片”，保存即可。 第4步：在Dreamweaver中打开刚才保存的网页，添加文字并进行各种编辑修改就可以了。

怎么样，简单吧！注意：Photoshop导出的实际上就是一个大的表格，所有空白的地方也都会转换为图片填充，在DW中编辑时，直接删除这些图片再添加相应的内容即可。 小提示： 在Photoshop中编辑好图形后，点击工具箱最下面的按钮（快捷键为Ctrl+Shift+M），可以转到ImageReady里进行编辑，在这里，切片工具的功能更为强大，输出的图形控制也更丰富。

怎么使用PS制作一个网页

你好!准确的说，ps是制作网页的其中一个软件之一,制作网页有专用的“网页三剑客”：PS、DW、flash。想要做网页的话，你起码要会前两个，其中ps在网页制作里面的作用主要就是：划分切片+图片处理。

划分切片：就是将你在ps里面做好的网页版面进行合理的划分，划分为一个个小的切片，然后用DW对这些切片进行布局。

图片处理：这个很好理解，就是对网页图片进行优化+处理，以节省空间和达到你想要的图片效果。 最终的网页文件是在DW这个软件里面完成的，单靠ps做不出来一个完整的网页。