Dreamweaver8.0定义可编辑区域

模板创建好后,要在模板中建立可编辑区,只有在可编辑区里,我们才可以编辑网页内容。可以将网页上任意选中的区域设置为可编辑区域,但是最好是基于HTML代码的,这样在制作的时候更加清楚。

在文档窗口中,选中需要设置为可编辑区域的部分,单击常用快捷栏的“模板”按钮,在弹出菜单中选择“可编辑区域”项。

在弹出的“新建可编辑区域”对话框中给该区域命名,然后单击“确定”按钮。新添加的可编辑区域有蓝色标签,标签上是可编辑区域的名称。

如果希望删除可编辑区域,可以将光标置于要删除的可编辑区域内,选择“修改/模板/删除模板标记”命令,光标所在区域的可编辑区即被删除。

这样模板文件就创建好了。

三、其他模板区域

模板中除了可以插入最常用的“可编辑区域”外,还可以插入一些其他类型的区域,分别为“可选区域”、“重复区域”、“可编辑可选区域”和“重复表格”。

1、可选区域

可选区域是模板中的区域,用户可将其设置为在基于模板的文件中显示或隐藏。当要为在文件中显示的内容设置条件时,即可使用可选区域。

2、重复区域

重复区域时可以根据需要在基于模板的页面中负值任意次数的模板部分。重复区域通常用于表格,也可以为其他页面元素定义重复区域。

3、可编辑可选区域

是可选区域的一种,可以设置显示或隐藏所选区域,并且可以编辑该区域中的内容。

查看全套“dreamweaver8.0教程”

时间: 2024-09-09 21:53:59

Dreamweaver8.0定义可编辑区域的相关文章

Dreamweaver8.0插入并编辑表格

查看全套"dreamweaver8.0教程" 表格是网页设计制作不可缺少的元素,它以简洁明了和高效快捷的方式将图片.文本.数据和表单的元素有序的显示在页面上,让我们可以设计出漂亮的页面,使用表格排版的页面在不同平台.不同分辨率的浏览器里都能保持其原有的布局,而在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一. 一.插入并编辑表格 1.插入表格 在文档窗口中,将光标放在需要创建表格的位置,单击"常用"快捷栏中的表格按钮弹出的"表格&qu

dreamweaver8.0教程

dreamweaver8.0对比Dreamweaver Mx 2004的性能有了较大的提升,请按顺序逐次阅读本教程.当然,您也可以参考:dreamweaver mx教程来进行对比学习. 一. Dreamweaver8.0操作环境 二. Dreamweaver8.0本地站点的搭建与管理 Dreamweaver8.0页面的总体设置 三. Dreamweaver8.0文本的插入与编辑 Dreamweaver8.0插入图像 Dreamweaver8.0插入并编辑表格 Dreamweaver8.0嵌套表格

Dreamweaver8.0文本的插入与编辑

1.插入文本 要向 Dreamweaver 文档添加文本,可以直接在Dreamweaver"文档"窗口中键入文本,也可以剪切并粘贴,还可以从word文档导入文本. 用鼠标在文档编辑窗口的空白区域点一下,窗口中出现闪动的光标,提示文字的起始位置,将01.rar中的文字素材复制/粘贴进来. 2.编辑文本格式 网页的文本分为段落和标题两种格式. 在文档编辑窗口中选中一段文本,在属性面板"格式"后的下拉列表框中选择"段落"把选中的文本设置成段落格式. &

Dreamweaver8.0创建模板

查看全套"dreamweaver8.0教程" 在我们制作网站的过程中,为了统一风格,很多页面会用到相同的布局.图片和文字元素.为了避免大量的重复劳动,可以使用Dreamweaver8提供的模板功能,将具有相同版面结构的页面制作为模板,将相同的元素(如导航栏)制作为库项目,并存放在库中可以随时调用. 一.创建模板 模板的创建有三种方式. 1.直接创建模板 选择"窗口/资源"命令,打开"资源"面板,切换到模板子面板,如下图所示. 单击模板面板上的&q

Dreamweaver8.0页面的总体设置

查看全套"dreamweaver8.0教程" 我们已经描绘了小屋的蓝图,从现在开始,为我们的小屋添砖加瓦吧.打开01.html,制作一个图文混排的简单页面. 一.页面的总体设置 1.设置页面的头内容 头内容再浏览器中是不可见的,但是却携带着网页的重要信息,如关键字.描述文字等,还可以实现一些非常重要的功能,如自动刷新功能. 鼠标左键单击插入工具栏最左边按钮旁的下拉小三角,在弹出菜单中选择"HTML"项,出现"文件头"按钮,点开下拉菜单,就可以进行

Dreamweaver8.0使用库

所谓库项目,实际上就是文档内容的任意组合,可以将文档中的任意内容存储为库项目,使它在其它地方被重复使用. 1.创建库 在文档窗口中选择需要保存为库项目的内容. 单击资源面板"库"分类中右下角的"新建库项目"按钮. 一个新的项目出现在资源面板"库"分类的列表中,预览框中显示预览的效果,还可以给该项目键入新名称.这样,一个库项目就创建好了. 2.插入库 将光标方在网页中需要插入库文件的位置,在资源面板"库"分类中选择需要插入的库项

Dreamweaver8.0使用CSS样式美化页面

查看全套"dreamweaver8.0教程" 在"CSS规则对话框"中,我们可以通过类型.背景.区块.方框.边框.列表.定位和扩展项的设置,来美化我们的页面,当然啦,我们在定义某个CSS样式的时候,不需要对每一个项都进行设置,需要什么效果,选择相应的项进行设置就可以了. 1.文本样式的设置 新建CSS样式, "选择器类型"为类,名称为 "style1"定义在"仅对该文档".保存至站点根目录下的CSS文件夹内

Dreamweaver8.0制作框架网站

查看全套"dreamweaver8.0教程" 框架是网页中经常使用的页面设计方式,框架的作用就是把网页在一个浏览器窗口下分割成几个不同的区域,实现在一个浏览器窗口中显示多个HTML页面.使用框架可以非常方便的完成导航工作,让网站的结构更加清晰,而且各个框架之间决不存在干扰问题.利用框架最大的特点就是使网站的风格一致.通常把一个网站中页面相同的部分单独制作成一个页面,作为框架结构的一个子框架的内容给整个网站公用. 一个框架结构有两部分网页文件构成: 框架(Frame):框架是浏览器窗口中

Dreamweaver8.0插入图像

查看全套"dreamweaver8.0教程" 目前互联网上支持的图像格式主要有GIF.JPEG和PNG.其中使用最为广泛的是GIF和JPEG. 1.插入图像 在制作网页时,先构想好网页布局,在图像处理软件中将需要插入的图片进行处理,然后存放在站点根目录下的文件夹里. 插图图像时,将光标放置在文档窗口需要插入图像的位置,然后鼠标单击常用插入栏的"图像"按钮. 弹出的"选择图像源文件"对话框,选择img/001.jpg,单击"确定"