Dreamweaver实例教学讲述.pdf

Dreamweaver mx2004 实例教学（实例1--实例10） 实例1 站点的建立 了解和掌握怎么建一个网站,这是做网站的第一步,因此必须掌握。 要对Dreammeaver mx2004 的工具栏有一定的了解，还要熟悉其的用途。 ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 创作步骤 （1）启动Dreamweaver mx2004,如图1.1.1 所示. 图1.1.1 启动后所示的界面 (2) 选择菜单栏的站点(S)→站点管理(M)命令,打开对话框,如图1.1.2 所示. 图1.1.2 “站点管理”对话框 (3) 单击”站点管理”对话框的 新建(N) 出现”站点(S)和 FTP 与RDS 服务器(F)”,选择其中的”站点 (S)”出现对话框,如图1.1.3 所示. 图1.1.3 “站点定义1”对话框 (4) 在文本框里可以为你的站点起个名字,然后按 下一步 出现对话框,如图1.1.4 所示. 图1.1.4 “定义站点2”对话框 (5) 在对话框中,根据自己所做的网站选择”否”或者”是”.如果你做的是静态网页,那么就可以选择” 否”,如果你做的是动态网页,那你就要选择”是”,然后在下拉菜单中选择你所用的服务器技术类型. 我做的是静态网页,因此我选择”否”,然后再按 下一步 出现对话框,如图1.1.5 所示. 图1.1.5 “站点定义3”对话框 (6) 选择系统推荐的选项,在文本框里可以填入你所建网站的保存路径,也可以不变系统默认的路 径,然后按 下一步 出现对话框,如图1.1.6 所示. 图1.1.6 “站点定义4”对话框 (7) 根据你自己的实际情况,如果你想下传到某服务器上的话,那你就从下拉菜单中选择你所用的 上传方法,如果不想上传的话,就选择”无”,然后再按 下一步 ,出现对话框,如图1.1.7 所示,按 完成 , 出现图1.1.8 所示,再按 完成 这就完成了建一个站点的过程. 图1.1.7 “站点定义5”对话框 图1.1.8 “站点定义6”对话框 实例2 布局表格 学会制作表格,能熟悉掌握表格的作用, 现 在大部分网页都运用到了表格,它是做网页不可缺少 的 技术,也要熟悉掌握.最终效果如图:. 主要应用布局表格和布局单元表格来 绘 制表格, 同时在表格中插入图片和添加文本,或者 flash 等等,最终实现你所想的效果. ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ 创作步骤 (1) 启动Dreamweaver mx 2004 软件. (2) 选择 文件 → 新建(N) … Ctrl+N 命令,打开 新建文档 对话框,如图 1.2.1 所示,单击 创建 (R) 按钮,创建一个空白HTML 文档,如图1.2.2 图1.2.1 “新建文档”对话框 图1.2.2 新建空白HTML 文档 (3) 选择菜单栏的 修改 → 页面属性(P)… Ctrl+J 命令,弹出 页面属性 对话框,如图1.2.3 所示, 在 标题(T): 栏中输入文字作为标题,如现在输入”布局表格”,再按 确定 ,返回主界面. 图1.2.3 “页面属性”对话框 (4) 单击工具栏的按钮 ,切换到”布局视图”工作界面,如图1.2.4 所示. 图1.2.4 “布局视图”工作界面 (5)单击在工具栏上的布局表格按钮 ,在页面中拖曳鼠标绘制一个布局表格,如图1.2.5 所示.