使用Photoshop和Dreamweaver制作网页的方法如下：
一、使用Photoshop制作网页效果图
创建背景图片：
新建一个1920px*400px的文件。使用渐变工具，拉一个从蓝色到白色的渐变，作为网页背景。保存这张图片为gif格式，作为网页的顶部背景。
设计网页效果图：
新建一个1000*800的文件，用于设计整个网页的效果图。使用各种PS工具设计网页的布局和内容。注意在设计过程中，将网页背景图层删掉，保持透明，以便后续在DW中使用。
切片网页：
使用PS的切片工具，将设计好的网页效果图进行切片。每个需要链接的部分都应该单独切片。使用切片选择工具选择单个切片，并为其添加链接。
保存为Web所用格式：
选择“文件”>“存储为Web所用格式”。在弹出的对话框中，选择jpg8格式，并保存切片后的图片。
二、使用Dreamweaver制作网页
创建新网页文件：
打开Dreamweaver，创建一个新的HTML文件。在DW中设置网页的基本结构，如<!DOCTYPE html>、<html>、<head>和<body>等标签。
插入背景图片：
在<head>标签内，使用<style>标签添加CSS样式，设置网页的背景图片为你之前保存的gif格式图片。
插入切片图片并添加链接：
将你在PS中切片并保存的图片逐一插入到DW的<body>标签内。为每个图片元素添加<a>标签，设置href属性为对应的链接地址。
调整布局和样式：
使用DW的“设计”视图或“实时视图”调整网页的布局和样式。可以继续使用CSS样式表来美化网页，如设置字体、颜色、边距等。
预览和发布网页：
在DW中预览网页效果，确保所有链接和样式都正确无误。将网页文件上传到服务器，使其能够在互联网上访问。
通过以上步骤，你就可以使用Photoshop和Dreamweaver制作出一个基本的网页了。当然，这只是一个简单的示例，实际的网页制作可能涉及更多的技术和细节。