DW入门培训教程1

如何使用“505.html修改帖子”后台

Bbs站长后台→帖子管理→505.html修改帖子

在帖子url里输入帖子链接点击确定，在“帖子内容”中出现的即为帖子代码，将代码全选复制黏贴入dreamweaver 中进行编辑。编辑完成后复制代码再覆盖黏贴入原先的“帖子内容”中，点击提交即可！

第一章Dreamweaver 设计篇

面板总体介绍：

A.“插入”栏

B. 文档工具栏

C. “文档”窗口

D. 面板组

E. 标签选择器

F. “属性”检查

G. “文件”面板

文档工具栏具体详解：

ABC是切换显示模式。D.显示文档标题，也就是代码中的title。E. 文件管理

F.在浏览器中预览/调试

G. 刷新设计视图

H. 视图选项

I. 可视化助理

J. 验证标记

K. 检查浏览器兼容性

1.建立站点

到这里，站点建立完毕，以后你也可以随时编辑修改这个站点的相关属性。在“文件”面板中右击已经建立的站点，然后新建文件夹，分别建立index和image文件夹。然后就可以把在制作页面中用到的图，banner,背景图等等先扔在image文件下里。方便在需要插入图片等元素时引用。

2.编辑文本

输入一段文字，并选中，然后在下方属性栏里进行编辑。（空格需要按“ctrl+shift+空格”）

格式中“标题1”到“标题6”分别表示各级标题，应用于网页的标题部分。对应的字体由大到小，同时文字全部加粗。如果需要自定义文字大小，则在大小一项中设置，格式为无。另外，在属性面板中可以定义文字的字体、颜色、加粗、加斜、对齐方式等内容。如需加链接，则在链接一栏加入网址，目标中_blank表示在新窗口中打开（最常用），_self表示“相同窗口”打开，_top表示整页窗口打开，_parent表示父窗口打开。

3.插入图像

“插入工具栏”的开启/关闭：快捷键CTRL+F2 或者窗口栏目下“插入”

点击插入工具栏中的图像按钮，或者点击插入记录下的图像，弹出“选择图像源文件”对话框

在帖子或者专题中，切勿用本地图片地址，否则无法在网上显示！！！可先将帖子上传至相册，或者测试论坛，然后复制图片地址，黏贴入URL栏中！！

图片地址填写完毕后会弹出这样一个对话框，替换文本即图片的alt属性。当图片在加载中还未显示时，将会出现alt属性中设置的文字。可设一些帖子的关键字，便于搜索引擎抓取。（不设置也没关系，直接按确定即可~）

选中图片进行属性编辑。

可设置图片的宽与高，添加链接并选择打开方式（编辑文本中已介绍）；

“替换”就是之前提到的替换文本，如果先前忘记设置，可在此项中填写；

边框即图片边框大小，通常在加完链接后会自动生成1px的边框，可在此项中填0去除自动生成的边框；

“水平边距”和“垂直边距”用来设置图像左右和上下与其它页面元素的距离；

单击边框右边的对齐按钮，可以分别将图像设置成浏览器居左对齐、居中对齐、居右对齐。

“对齐”下拉列表框时设置图像与文本的相互对齐方式，共有10个选项。通过它我们可以将文字对齐到图像的上端、下端、左边和右边等。

在属性左下角有个“地图”，当你想在图片上添加链接时，需要用到此功能！

有矩形、圆形及自定义形状三种选择，当一张图片设置了多个地图时可用左边的黑箭头选择你要设置的地图

做好地图后，在属性栏里填写需要链接的地址及目标（打开方式）以及替换文字

4.插入表格

点击插入工具栏中的表格按钮，或点击插入记录（）下的表格，设置好你要的行数和列数，表格的宽度，边框粗细及单元格边距和单元格间距大小。

相关知识：什么是边距？什么是间距？

按了确定后，选中表格，也可在下方的属性栏里更改表格的相关参数。

表格的水平位置在对齐中选择，另外还可设置背景颜色或背景图片（图片必须是网络地址）

表格的行和列

选中要插入行或列的单元格，单击鼠标右键，在弹出菜单中选择“插入行”或“插入列”或“插入行或列”命令。

如果选择了“插入行”命令，在选择行的上方就插入了一个空白行，如果选择了“插入列”命令，就在选择列的左侧插入了一列空白列。如果选择了“插入行或列”命令，会弹出“插入行或列”对话框，可以设置插入行还是列、插入的数量，以及使在当前选择的单元格的上方或下方、左侧或是右侧插入行或列。

要删除行或列，选择要删除的行或列，单击鼠标右键，在弹出菜单中选择“删除行”或“删除列”命令即可。

拆分与合并单元格

拆分单元格时，将光标放在待拆分的单元格内，单击属性面板上的“拆分”按钮，在弹出对话框中，按需要设置即可。

合并单元格时，选中要合并的单元格，单击属性面板中的“合并”按钮即可。

5.嵌套表格——用于页面布局（比较初级的做法，有兴趣的童鞋可以自学div+css）

将光标放置在文档窗口要插入表格的位置，单击常用插入栏“表格”按钮，插入一个1行1列的表格一，宽度700像素，边框为10，单元格间距为5，单元格边距为0像素，边框设为紫色。

将光标放在坐上格，继续插入一个2行2列的表格，宽350，单元格间距为0，单元格边距为0，边框为10像素，边框设为橘红色。后续用相同方式分别嵌入表格。

这里只是举个范例，实际操作中所应用的宽度可以自己把握，宽与高也可直接通过鼠标拉伸收缩调整。

在每项嵌入的表格内填充内容，做出来的效果比起只用一个表格要丰富得多。如果内嵌表格长宽把握不好，可直接将内嵌表格边框设为0，然后填充内容。