ps6制作网页设计

1、Dreamweaver CS6网页制作教程

这个要什么视频，一个软件慢慢摸索一下就好了。很简单的。

2、如何用dreamweaver cs6制作网页

工具/原料

Dreamwaver CS6
所制作的网页的素材（图片，音频等）
方法/步骤

1
打开DW，DW界面如图

2
分析所制作的网页的需求，明确目标

3
明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。

4
新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹

5
在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片

6
新建HTML，选择“创建”

在“标题”中输入“新闻网页首页”，转换到“设计”界面

根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置

插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”

在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”

插入图像，不知道怎么填的话就一直选择“确定”即可

插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图

选中第二行，点击鼠标右键，选择“表格”，“合并单元格”

在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件

点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际

当然也可以在Dreamwaver CS6 的实时视图中完成第15步

3、如何用Photoshop制作网页模板

网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称(如：“网页顶部”)，确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组，在组的下面还可以建立子组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。 小提示： ★如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。 第1步：我们最终需要的，只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K)，把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号(见图2)。 第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。

4、如何用Photoshop做网页设计

如果是给个人做，怎么做都无所谓。如果是在公司里给客户做。这一步不可少，出了效果图后，要给客户看。等客户确定不再修改时再做网页，目的就在于防止客户反复修改，动布局！
另外会做网页效果图，代表你的设计能力。用dreamweaver直接做的后果是边想边做，容易把设计思路搞混了！
据我所知，这样的教程基本没有。因为做网页效果图只要基本的操作，有时从别的网页截一块下来处理一下，直接用到自己的效果图上。

一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定
网页设计需要的PS操作技术并不是很多，只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素，但是更多的是学习。
你可以从模仿别人的稿子开始，渐渐的融入自己的东西。

http://www.68design.net/
这个站每天都会有新的酷站收藏，也有设计欣赏。
http://www.zcool.com.cn/
这个站素材丰富而且也有酷站收藏。

要做好网页设计，一定要多看，拼命的看并且吸收里面的东西，看看高手们是怎么处理细节的，这样慢慢自然会有提高。
是否可以解决您的问题？

5、photoshop cs6可以制作网页吗

用PS做不会很完美，用PS处理图片后，
在文本编辑的地方添加几行字倒是可以的，
但做出来以后不会很美观。

最好先学习点HTML语言, CSS, Java Script 进行文本的编辑，增加功能。

6、在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里进行编辑，在这里，切片工具的功能更为强大，输出的图形控制也更丰富。

7、dreamweaver cs6怎样制作网站

制作步骤如下：

1、打开Dreamweaver CS6软件，在Dreamweaver CS6软件的开始界面的导航上可以看到站点，如下图所示。

2、点击Dreamweaver CS6导航上的站点，然后选择弹出菜单上的新建站点，如下图所示。

3、点击后弹出站点设置对话框，先来设置站点项，这个是在计算机本地创建的，在站点名称处输入站点名称，然后选择本地站点文件夹路径，如下图所示。

4、服务器选项，这个设置主要用于动态页面，动态页面要服务器解析的。点击左下角的“+”图标添加服务器，如下图所示。

5、开发网站的时候一般都是在本地搭建的服务器，所有连接方法选择“本地/网络”。服务器名称和服务器文件夹都是安装服务器时确定的，服务器文件夹直接选择安装服务器时的位置就可以了。服务器App安装在D:Appwww文件夹下，站点叫jingyan。这里Web URL设置为localhost/jingyan。根据服务器文件夹来的。然后点击保存，如下图所示。

6、点击保存后，返回新建站点的服务器选项界面，勾选测试，然后点击保存，如下图所示。

7、Dreamweaver CS6新建站点完成了，可以编辑网站网页了，如下图所示。

8、如何用photoshop进行网页制作

HTML+CSS+JS，这是广义上的网页三元素，HTML负责骨骼，CSS负责血肉，JS负责行为动作。其中浏览器中表现的画面约等于(html+css)，但仅仅拥有他们是表现不出设计师们大脑中天马行空，不拘一格的想象力的，因此才引入了PSD作为设计稿。
这就好比，你完全自己DIY一个高达，你需要先有一副高达图片（PSD），再通过图片中的表现自己搭建支撑的骨架（HTML），再用各式喷漆、马克笔（CSS）去勾画、完善细节。

那么回到问题上来，怎么用PS做网页？假定adobe体系中，PS永远只能设计网页，而Dreamweaver才能制作网页，但是依然要你自己根据设计去解构设计然后划分网页骨架，具体到html上就是根据不同的页面表现来写Div标签，制作Button按钮，用CSS控制他们的大小和位置以及表现。更进一步的话，大部分前端会手写html和css代码，因为DW有各式包括启动速度，冗余代码之类的问题。

至于响应式，这又是基于成型的html以后另一个话题了，但还是html+css，只不过通过UA检测来适应不同终端的不同展现。

9、用DreamweaverCS6制作网页的操作步骤

用DreamweaverCS6制作网页的操作步骤

打开DreamWeaver CS6。关于DreamWeaver CS6的下载、安装及破解，在我早先的一个经验中有写道，需要的同学可以看下。

选择“站点”>“新建站点”命令，打开“新建站点窗口”。

设置新站点的信息，“站点”项用来设置站点名称和本地站点文件夹。

“服务器”项用于动态网站的构建。静态网站并不需要。点击“+”，来添加一个服务器。

调试网站我们一般“连接方法”选择“本地/网络”。“服务器文件夹”选择你安装的服务器位置，一般在C盘（我安装的AppServ，则在C:AppServwww文件夹）。因为站点文件夹在服务器主目录下的“yige”，所以“Web URL”设置为“localhost/yige”。

勾选服务器的“测试”。

“版本控制”和“高级设置”项需要修改的很少。因此不再多说。

10、dreamweaver cs6怎么制作网页

制作步骤如下：
1、打开Dreamweaver CS6软件，在Dreamweaver CS6软件的开始界面的导航上可以看到站点
2、点击Dreamweaver CS6导航上的站点，然后选择弹出菜单上的新建站点
3、点击后弹出站点设置对话框，先来设置站点项，这个是在计算机本地创建的，在站点名称处输入站点名称，然后选择本地站点文件夹路径
4、服务器选项，这个设置主要用于动态页面，动态页面要服务器解析的。点击左下角的“+”图标添加服务器
5、开发网站的时候一般都是在本地搭建的服务器，所有连接方法选择“本地/网络”。服务器名称和服务器文件夹都是安装服务器时确定的，服务器文件夹直接选择安装服务器时的位置就可以了。服务器App安装在D:\App\www文件夹下，站点叫jingyan。这里Web URL设置为localhost/jingyan。根据服务器文件夹来的。然后点击保存，如下图所示。
6、点击保存后，返回新建站点的服务器选项界面，勾选测试，然后点击保存，如下图所示。
7、Dreamweaver CS6新建站点完成了，可以编辑网站网页了