博文纲领：

如何使用ps和DW制作网页?使用ps和DW制作网页的方法

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

使用dreamweaver制作网页（dreamweaver制作网页相册）

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

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

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

如何使用Dreamweaver制作一个网页

1、打开 Dreamweaver 软件，并创建一个新网站（Site）。 在“文件”菜单下选择“新建”，然后选择“HTML 文件”来创建一个新的 HTML 页面。 使用 Dreamweaver 提供的工具和面板来设计和编辑你的网页，例如插入文本、图像、链接和表格等元素。

2、使用Dreamweaver制作网页并添加背景图片的步骤如下：打开Dreamweaver软件：在电脑上启动Adobe Dreamweaver软件。创建或打开HTML文件：点击“文件”菜单，选择“新建”，然后选择“HTML”来创建一个新的HTML文件。或者，如果已经有一个HTML文件，可以直接点击“文件”菜单中的“打开”，找到并选择该文件。

3、使用Dreamweaver的div+css技术来编写网页前端。 利用盒子的浮动和层级设计来增加页面层次感。 设计一个专业的Logo，可以通过iconfont找到成熟的图标，避免全新创作。 利用：hover效果，例如改变鼠标滑过时的边框线颜色，增加交互效果。

4、在制作网页时，首先需要在HTML文件中设置一个id。比如，如果你想让一个段落具有特定的样式，你可以这样写：这是一个段落 接着，你需要在CSS文件中定义这个id的样式。

5、选中第二行，通过右键菜单中的“表格”选项，将两个单元格合并为一个。插入所需图像，完成页面的初步构建。保存HTML文件，并在Dreamweaver CS6的实时视图中预览页面效果。点击制作好的HTML文件，在360浏览器中打开，输入用户名和密码，确认页面效果是否符合预期。

6、使用Dreamweaver制作框架网页的步骤如下：创建框架集 打开Dreamweaver：首先，启动Dreamweaver软件。选择“创建新项目”：在起始页面或菜单中选择“创建新项目”，然后选择“HTML”作为文档类型。插入框架集：在菜单栏中选择“插入”“HTML”“框架集”。

在用DW制作网页时怎样把图片设置成单元格背景图片?

在使用Dreamweaver（DW）制作网页时，若想将图片设置为单元格背景，可以采取两种方法。一种是直接在单元格属性中进行设置，找到背景图片选项，然后输入图片路径。另一种方法是定义一个CSS类，通过CSS代码进行设置。

打开Dreamweaver软件，鼠标左键选择新建【HTML】，在代码窗口上，修改网页title标签，比如设置表格的背景图片示。鼠标左键单击菜单，添加【表格】，在弹出的【表格设置】的窗口上，输入表格的行数和列数，并设置表格的宽度。在【设计】窗口上，在表格的标题栏中输入风景图片的文字。

在网页设计中，将图片设置为背景是一种常见的做法。你可以直接在HTML代码中添加以下语句，将其应用到你的页面中。无论是使用DW还是其他编辑器如table或div，方法都是类似的。不过，由于DW和浏览器在处理格式上的细微差别，建议你以浏览器的实际显示为准进行微调。

为什么用Dreamweaver制作的网页上传到时网上显示不出图片

1、当您遇到使用Dreamweaver制作的网页上传到网络后显示不出图片的问题时，可能的原因之一是只上传了网页文件，而图片文件并没有一起上传。正确的方法是采用整个站点的上传方式，这样可以确保所有必要的文件都成功上传到服务器。为了更好地理解这一情况，我们首先需要明确网站构建的基本概念。

2、方法一：检查图片路径是否正确，尽量使用绝对路径。方法二：当图片路径都正确却还不能显示图片，还可以选择“站点根目录，本地信息”，改为选择“文档”后预览时图片就能显示。

3、当你使用Dreamweaver打开HTML文件时，如果图片没有显示，原因可能在于图片文件不存在于当前文件夹内，或者Dreamweaver无法检测到这些图片。Dreamweaver在处理网页文件时，要求所有元素必须位于同一文件夹内。如果图片文件不在同一文件夹，或文件路径错误，Dreamweaver将无法正确加载图片，导致显示问题。

4、如果你移动了Dreamweaver里插入的图片，并且没有在Dreamweaver里将路径改成你现在的图片地址的话，图片就显示不出来。你只要记着一点，所有插入Dreamweaver里的东西，不管是图片，动画或者框架和字体，都需要保存在一个指定的、固定的文件夹中，而且文件夹别用中文，很容易出现错误。希望可以帮到你，谢谢。

5、在Dreamweaver（DW）中，若将图片设为网页背景后未显示，可能原因有以下几点：首先，检查图片路径是否正确。确认url（路径与图片名）与实际文件位置是否匹配。路径错误会导致图片无法加载。请确保路径准确无误。其次，检查图片格式是否支持作为网页背景。常见的支持格式有JPEG、PNG和GIF。