用户投稿这是一个针对 Dreamweaver CS6 的网页设计教程，旨在帮助你从零开始学习使用这款经典的网页设计和开发工具。
"Dreamweaver CS6 简介"
Dreamweaver CS6 是 Adobe 公司推出的一款功能强大的网页设计与开发集成环境。它集成了可视化编辑（所见即所得）和代码编辑（纯代码）功能，支持 HTML、CSS、JavaScript 以及服务器端语言（如 PHP、ASP.NET、ColdFusion 等）。CS6 是 Adobe 的重要版本，引入了许多新特性，如实时视图增强、CSS3 过渡和动画支持、Bootstrap 集成等。
"教程大纲"
本教程将分步骤介绍 Dreamweaver CS6 的基本操作和网页设计流程。
"第一部分：入门与基本操作"
1. "启动与界面介绍"
启动 Dreamweaver CS6。
熟悉主界面：菜单栏、工具栏、文档窗口、属性检查器、面板组（如“插入”面板、“CSS 设计器”面板、“文件”面板等）。
"练习：" 打开一个空白文档，观察各部分布局。
2. "创建与保存网页"
创建新页面：HTML、空白页、CSS 布局页（如Fluid Grid、Fixed Grid）。
设置页面基本属性：在“文档”面板中，设置标题（Title）、
相关内容：
一、新建一个站点
二、设置站点的服务器和图片存储路径
1.设置图片存储路径：点击上图的管理站点弹出下图界面
2.设置服务器：
三.新建一个HTML文件，修改页面属性：
1.打开页面属性：
2.选择标题编码项，文档类型选择HTML5
3.配置首选参数，这样新建的HTML文件会默认使用HTML5格式
四、代码缩进快捷键：
五、HTML知识：
1.标题：标题有h1到h6几种样式，都是单独一行，字体加粗变大的效果，h1最大，h6最小
示例： <h1></h1>
2.段落：<p></p>
换行：<br />
3.加粗：<b></b> <strong></strong>语法强调
倾斜：<i></i> <em></em>语法强调
下划线：<u></u> <ins></ins>语法强调
4.大号字体：<big></big>
小号字体：<small></small>
水平分割线：<hr />
5.文本标记：<span></span>
6.项目列表： <ul>
<li></li>
</ul>
7.编号列表：<ol> 自动排序
<li></li>
</ol>
8.列表项： <dl>
<dt></dt> 分组，dt和dd是并列关系
<dd></dd>
</dl>
9.使用表格：<tabel width="600" height="600" border="1"> 表格的宽和高，边框
<caption></caption>表格的标题
<tr> 表格的行
<td></td> 表格的列
</tr>
</tabel>
10.定义书签：<a href="#dibu"></a> 创建链接，跳转到页面底部
<a name="dibu"></a> 在代码底部创建链接
11.播放音频：<embed src="" width="0" height="0"></embed>
六、CSS样式表：
1.链接CSS文件：<link rel="stylesheet" href="" /> stylesheet是样式表的意思
微信扫一扫打赏
支付宝扫一扫打赏
