如何使用psdw制作网页，如何用ps做网页

金生 05-19 57

默认

摘要： 怎么使用PS制作一个网页1、新建文件打开PS软件，新建一个文件，尺寸为1920*3000像素，分辨率选择72像素/英寸，颜色模式选择白色作为背景。...

怎么使用PS制作 一个 网页

1、新建文件打开PS软件，新建一个文件，尺寸为1920*3000像素，分辨率选择72像素/英寸，颜色模式选择白色作为背景。设置网格安装并使用guideguide插件，设置左右边距为360像素，行数为12行，余边为20像素。这有助于规范页面布局。

2、使用PS制作一个网页的预览图或网页元素，可以按照以下步骤进行：创建基本画布新建一个六百乘六百像素的画布，背景色设置为黑色。这将作为你网页设计的起点。绘制网页元素绘制图形：新建图层，选择钢笔工具，在画布上绘制所需的图形，如按钮、装饰框等，并填充为白色或其他所需颜色。

3、使用PS制作一个网页的预览图或网页元素，可以按照以下步骤进行：创建基础画布：新建画布：在Photoshop中，首先新建一个六百乘六百像素的画布，背景色设置为黑色。绘制网页元素：新建图层：在图层面板中新建一个图层。

4、使用PS制作一个网页的模拟图或元素，可以按照以下步骤进行：创建基础画布：新建画布：首先，在Photoshop中新建一个六百乘六百像素的画布，背景色设置为黑色。新建图层：在图层面板中新建一个图层，以便在独立图层上进行绘制。绘制图形与添加文字：选择钢笔工具：在新建的图层上，使用钢笔工具绘制所需的图形。

5、使用Photoshop制作网页效果图创建背景图片：新建一个1920px*400px的文件。使用渐变工具，拉一个从蓝色到白色的渐变，作为网页背景。保存这张图片为GIF 格式，作为网页的顶部背景。设计网页效果图：新建一个1000*800的文件，用于设计整个网页的效果图。使用各种PS工具设计网页的布局和内容。

怎么用ps和dw结合做一个网页?

使用Photoshop和dreamweaver结合制作网页，流程十分简洁。首先，在Photoshop中，运用切片工具将设计好的网页版面进行切割。接着，通过文件菜单中的保存选项，将切片保存为网页格式。这里，记得在保存时选择文件和图像选项，这样便能生成一个基本的网页文件。

打开Dreamweaver，创建一个新的HTML文件。在DW中设置网页的基本结构，如！DOCTYPE html、、和等标签。插入背景图片：在标签内，使用标签添加css 样式，设置网页的背景图片为你之前保存的gif格式图片。插入切片图片并添加链接：将你在PS中切片并保存的图片逐一插入到DW的标签内。

首先，我们需要学习PS的基本操作。通过学习PS，我们可以掌握如何创建和编辑图像，设计网站界面，制作图标和按钮等。掌握PS的基础操作是制作网页的第一步。其次，我们需要了解DW的操作。DW是一款专业的网页制作软件，它可以帮助我们构建网页的基本结构，实现页面布局，添加链接，设置样式等。

小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的。

在Photoshop中如何制作网页

在Photoshop中制作网页图片是一项基础技能。首先，你需要设计并制作出所需的网页图片。在完成设计后，按下Ctrl+R调出标尺，帮助你在图片上精确地绘制出需要做链接的区域。接着，使用Photoshop中的切片工具，根据你之前标出的区域进行切片划分。确保每个需要链接的部分都被正确划分。

使用Photoshop制作网页效果图创建背景图片：新建一个1920px*400px的文件。使用渐变工具，拉一个从蓝色到白色的渐变，作为网页背景。保存这张图片为gif格式，作为网页的顶部背景。设计网页效果图：新建一个1000*800的文件，用于设计整个网页的效果图。使用各种PS工具设计网页的布局和内容。

创建基本画布新建一个六百乘六百像素的画布，背景色设置为黑色。这将作为你网页设计的起点。绘制网页元素绘制图形：新建图层，选择钢笔工具，在画布上绘制所需的图形，如按钮、装饰框等，并填充为白色或其他所需颜色。

ps切片后怎么用dw制作网页

在使用Photoshop（PS）进行网页设计时，首先需要将所需内容通过切片工具切分，并保存为适合Web和设备使用的格式。完成这些步骤后，你将获得一个名为images的文件夹，其中包含切片后的图片，以及一个Html文件，这便是网页效果图。接下来，你可以在Dreamweaver（DW）中将这些切片好的图片进行布局。

使用Photoshop和Dreamweaver结合制作网页，流程十分简洁。首先，在Photoshop中，运用切片工具将设计好的网页版面进行切割。接着，通过文件菜单中的保存选项，将切片保存为网页格式。这里，记得在保存时选择文件和图像选项，这样便能生成一个基本的网页文件。

使用Photoshop（PS）制作网页设计时，可以通过切片工具将设计内容分割为多个图片元素，便于后续在Dreamweaver（DW）中整合。完成PS设计后，应用切片工具，将设计内容分割为多个图片，并将它们保存为适合网络和设备使用的格式。在保存过程中，会生成一个名为“images”的文件夹，以及包含网页预览效果的HTML文件。

之后在图片上切出想要做网页的部分，小编演示的比较简单，将整个图片切为若干份，先切中整个图。请点击输入图片描述然后在图片上右击，划分切片，分成若干就行了。请点击输入图片描述最后保存一下，选择存储为web所用格式。请点击输入图片描述选择好格式之后点击存储，如果不是透明的一般选择jpg格式。

使用PS的切片工具，将设计好的网页效果图进行切片。每个需要链接的部分都应该单独切片。使用切片选择工具选择单个切片，并为其添加链接。保存为Web所用格式：选择“文件”“存储为Web所用格式”。在弹出的对话框中，选择jpg8格式，并保存切片后的图片。

怎么利用ps和DW轻松制作网页?

你想在dreamweaver制作二级页面，就在dw中新建一个页面制作。具体步骤是dw菜单中的文件，新建，页面类型选html，点击创建按钮就创建了一个空白页面。在这个空白页面上做你要得二级页面效果。给你举个例子：一级页面是网站首页，导航中有一个“联系我们”，你现在要做的二级页面就是“联系我们”这个页面。

你好！准确地说，PS（Photoshop）是制作网页的其中一个软件。制作网页通常使用“网页三剑客”：Photoshop、Dreamweaver（简称DW）和Flash。如果你想制作网页，至少需要掌握前两个软件。其中，Photoshop在网页制作中的主要作用是：切片和图片处理。

如何用ps建第一级、第二级、第三级网页

1、你想在dreamweaver制作二级页面，就在dw中新建一个页面制作。具体步骤是dw菜单中的文件，新建，页面类型选html，点击创建按钮就创建了一个空白页面。在这个空白页面上做你要得二级页面效果。给你举个例子：一级页面是网站首页，导航中有一个“联系我们”，你现在要做的二级页面就是“联系我们”这个页面。

2、第一步：用PS设计一个主页面，这个看自己喜好啦，网上有很多的ps的网页模板，你可以看一下。

3、第一步；打开电脑上的PS软件，先导入一张需要处理的图片，按照下图所示，点击窗口上方的工具栏，在弹出的菜单中点击【动作】选项。第二步：在弹出的窗口中，点击创建新动作选项。第三步：在弹出的新建动作小窗口中，将输入框中的名称进行修改，再点击记录按钮。

4、图层关系及应用。图层就像是含有文字或图形等元素的胶片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。2）填色、魔棒抠图。抠图的方法很多，我们以魔棒为例去简单了解一下PS中的抠图。3）选区和复制。