dw网页制作实例教程

以下是一个基于Dreamweaver（DW）的网页制作实例教程，涵盖从基础设置到内容编辑的关键步骤：

一、前期准备与站点设置

1. 创建站点文件夹
   在任意根目录（如E盘）下新建文件夹（命名为MyWeb），用于存储网站文件。建议文件名使用英文。

2. 定义站点

   • 打开Dreamweaver，点击“站点”→“新建站点”。
   • 在站点名称中输入名称（可用中文），在本地根文件夹中选择刚创建的E:\MyWeb文件夹。

二、页面创建与基础设置

1. 新建HTML文件
   • 点击“文件”→“新建”→“常规”→“基本页”→“HTML”，创建默认HTML文件。
   • 默认文件名为untitled.htm，建议重命名为index.htm（网站首页常用名）。
2. 页面属性设置
   • 双击index.htm进入编辑状态，在标题栏输入网页名称。
   • 右键选择“页面属性”，设置标题、背景颜色/图像、超链接颜色等。

三、内容编辑与格式设置

1. 文字处理
   • 将光标置于页面左上角，输入欢迎语（如“欢迎来到我的主页”）。
   • 选中文字，通过“窗口”→“属性”设置文字大小为6，居中显示。
2. 字体设置
   • 默认字体为宋体，避免使用特殊字体（用户电脑可能未安装）。
   • 如需特殊字体，建议将其制作成图片插入。
3. 空格与换行
   • 输入空格：将输入法调为全角模式。
   • 换行：按Shift+Enter（换行）；按Enter（换段）。

四、图片插入与属性设置

1. 创建图片文件夹
   • 在E:\MyWeb下新建文件夹（命名为images），用于存储图片。
2. 插入图片
   • 点击“插入”→“图像”，选择图片文件并保存到images文件夹。
   • 选中图片，通过属性面板设置名称、高宽、对齐方式等。
   • 按住Shift键拖动角点可保持宽高比例。

五、超链接创建

1. 文字链接
   • 选中需要链接的文字（如“文章”），在属性面板的“链接”栏中选择目标页面。
   • 设置“目标”为_self（当前窗口打开）或_blank（新窗口打开）。
2. 图片链接
   • 插入图片后，在属性面板的“链接”栏中选择目标页面。
   • 可为图片设置多个热区（如方形、圆形），分别设置不同链接。
3. E-mail链接
   • 选中文字或图片，在属性面板的“链接”栏输入mailto:邮件地址（无空格）。

六、表格插入与布局

1. 插入表格
   • 点击“插入”→“表格”，设置行数、列数、宽度、边框等。
   • 单元格填充：单元格内侧与内容的距离；单元格间距：单元格之间的距离。
2. 表格属性设置
   • 选中表格，在属性面板中设置背景色、对齐方式等。
   • 选中单元格，可设置背景色、边框、合并/拆分单元格等。

七、完整页面构建示例

1. 网页顶部
   • 创建1行2列、宽760像素的表格，设置背景色为#3366CC。
   • 左边单元格插入网站图标（logo），右边单元格插入广告（banner）。
2. 导航条
   • 在顶部表格下方插入1行1列、宽760像素的表格，设置背景色为#005173。
   • 插入导航条图像。
3. 主体内容
   • 插入1行3列、宽760像素的表格，设置背景色为#FFFFFF。
   • 左边单元格插入导航条图片，中间单元格插入主要内容，右边单元格插入其他导航条。

八、保存与预览

1. 保存文件
   • 点击“文件”→“保存”，将文件保存到E:\MyWeb文件夹。
2. 预览网页
   • 点击“文档”工具栏上的“在浏览器中预览/调试”按钮，选择浏览器预览。
   • 或按F12键预览。

域名频道百搭云建站系统是域名频道推出的全新基于云计算技术的PC网站+手机网站+微信+APP+微信小程序五站合一的智能自助建站系统，有近三千套建站模板，不管生产类企业网站模板，还是其它个人类型网站建设，能适配各行各业，自己选择合适的网站模板，不会设计也可以做出精美网站。系统拥有文章、产品、营销、统计等丰富功能，满足您所有需求；五站同源，网站数据统一管理；一次制作，多端适配，让你轻轻松松制作代刷网网站。让更多人看到你的站点，实时预览医疗网站建设效果！所见即所得的操作方式，无需专业技术，不用解码，可自由添加组件，拖拽式操作，想怎么搭，就怎么搭！百搭云建站详情点击链接http://www.dns110.com/web/

中国大型网站空间服务商专业专注服务十余年，数万客户的合作伙伴。
域名频道云建站，让建站更简单,PC+手机+微信+APP+微信小程序五站合一，多端适配，让更多人看到你的网站！
域名频道经过多年的运营经验精心打造出高端的虚拟主机，稳定的国内虚拟主机，空间支持绑定多个域名，拥有多线路自由选择、数据分发到高速节点，让网站访问速度顺畅。
域名频道微官网，开启指尖上的营销新时代,玩转微营销 省时省心省力。详情点击http://http://www.dns110.com/web/weigy.asp