首页 理论教育创建和编辑网页元素的基本指南

创建和编辑网页元素的基本指南

【摘要】:图9.16“代码”视图可单击视图切换工具栏中的按钮,点击右边的三角形按钮,选择设计,如图9.17 所示。图9.18“拆分”视图以下简单介绍常见页面元素操作:在文档的视图中,回车即可产生新的段落

。在面板中,提供一系列按钮,用于向网页中添加常见的页面元素,如图9.19所示。图9.21“Dreamweaver”对话框单击后,将会把图像复制到站点中图像,将插入到文档中,并位于之前光标所在插入点的位置,如图9.22 所示。图9.24“属性”面板

在【文件】面板中双击某个网页文档的文件名,可以看到Dreamweaver 将在文件编辑区内打开这个文档,如图9.16 所示。

图9.16 “代码”视图

可单击视图切换工具栏中的【实时视图】按钮,点击【实时视图】右边的三角形按钮,选择设计,如图9.17 所示。

图9.17 “设计”视图

可单击【拆分】按钮,使文档同时显示设计界面和代码,如图9.18 所示。

图9.18 “拆分”视图

以下简单介绍常见页面元素操作:

在文档的【设计】视图中,回车即可产生新的段落<p></p>。按住shift 键的同时回车即可在插入点的当前位置产生换行<br />。

在【插入】面板中,提供一系列按钮,用于向网页中添加常见的页面元素,如图9.19所示。

图9.19 “插入”面板

1.插入图像

如果要插入图像,应先在文档中将光标插入点定位在要插入图像的位置,再单击【插入】面板中的【Image】按钮,将弹出【选择图像源文件】对话框,在其中选择要添加到页面中的图像文件,如图9.20 所示。

(www.chuimin.cn)

图9.20 “选择图像源文件”对话框

单击【确定】按钮后,将弹出对话框,询问是否将该文件复制到站点根文件夹中,选择是,如图9.21 所示。

图9.21 “Dreamweaver”对话框

单击【保存】后,将会把图像复制到站点中图像,将插入到文档中,并位于之前光标所在插入点的位置,如图9.22 所示。

图9.22 插入图像

图像插入后,如果需要更改为其他图像文件,或者将其作为链接,或者要设定图像的显示尺寸等,可拖动图片边框或双击图片使用【属性】面板。

2.插入链接

选中【文字】或【图片】右键选择面板中的【创建连接】,可向页面中的文字或图片添加超链接。在弹出的【选择文件】对话框中设置要链接的网页,如图9.23 所示。

图9.23 “选择文件”对话框

添加链接成功后,可以双击打开【属性】面板修改为外部链接,如图9.24 所示。

图9.24 “属性”面板