dreamweaver网站模板下载地址-Dreamweaver定义网页的批量制作

1. 创建模板

1. 创建模板页面

最简单的方法是将网页另存为模板文件。 通过执行命令:文件→另存为模板,DreamWeaver 会在网站根目录下建立一个模板文件夹——Templates,用于保存模板。

当然,你也可以新建模板:Window→Templates,会出现Templates面板,点击右下角的New Template按钮,输入文件名,一个空模板就完成了; 然后点击打开模板按钮打开模板,将其手动保存在网站模板文件夹Templates中。

新建并打开的模板页面与普通网页没有什么区别。 您还可以添加表格、图层、图片、动画、脚本并设置页面属性。

示例:这里是制作模板的示例。 在此页面中,我们希望一侧的网站徽标图像和顶部的“导航图像”出现在每个页面上。 其中,标记地图由两张图片叠加而成,导航地图上的“最新更新”、“在线阅读”、“包下载”等字样被定义为分别链接到不同文件的几个热点区域,分别是在每个页面中。 不用找了。 右下主页面区域与左下弹出菜单按钮下方的页面说明不同。 为了保持页面整洁,我们使用表格来排列此元素。

准确的说,它只是一个没有可编辑区域的“准模板”,接下来会设置可编辑区域。

2.设置可编辑区域

一般来说,设置模板的可编辑区域有两种方法。

创建新的可编辑区域:选择命令:修改→模板→新建可编辑区域。 单击空白区域并执行此命令,将该区域变为可编辑区域。

将区域标记为可编辑区域:选择命令:修改→模板→将选定区域标记为可编辑区域。 如果某个区域已经有一些文本,并且想在新创建的超文本文件中保留其部分内容,可以先选中该区域,然后执行标记命令。

取消可编辑状态:选择命令:修改→模板→取消标记可编辑区域。 执行该命令后,会弹出一个对话框,其中列出了当前存在的可编辑区域,选择要取消的区域名称,然后确定。

示例:在一大片空白区域中任意单击,执行修改→模板→新建可编辑区域命令,在弹出的对话框中输入名称:Main; 选择左下角本页描述下的文字,执行修改→模板→将选择标记为可编辑区域命令,输入名称:exp。 可以看到可编辑区域显示为浅蓝色dreamweaver网站模板下载地址,保存后模板创建完成。

2.使用模板批量制作网页

1.根据模板新建页面

命令:文件→从模板新建。 弹出对话框,从模板列表中选择一个模板,出现的新页面除可编辑区域外都是浅黄色背景,不可更改。 在空白的Main编辑区中,可以直接插入表格、文本、图片等,而Exp编辑区则保留原始文本,可以进行修改或重新编辑。

2. 将模板应用到已有内容的页面

命令:修改→模板→将模板应用到页面。 选择模板后,将弹出一个对话框,允许您选择将保存现有孤立内容的可编辑区域(选择孤立内容的可编辑区域)。 如果您不想保留,可以选择“(无)”。

示例:我们先创建一个普通页面,输入:“CIW Notebook Studio”,执行修改→模板→将模板应用到页面命令,选择模板测试,现有内容存储区域选择Main,确认后可以看到该页面已手动创建模板页面,并且主编辑窗口中出现“CIW Notebook Studio”行。

3.更新模板,全面更新站点

基于某个模板构建了一些页面后,当模板被更改并保存时,会手动弹出一个对话框dreamweaver网站模板下载地址,列出所有使用该模板的页面,并询问是否更新。

另一种方法是执行修改→模板→更新页面命令。 从“更新页面”对话框中选择站点或站点的某个模板(同一个站点可以使用多个模板),单击两侧的“开始”按钮,软件将手动搜索并更新与之关联的网页模板。 很方便!

示例:测试模板两侧图形中的图片“阅读破千站”叠加在另一张带有视口的图片上。 现在我不想了,我想把所有页面里的这张图片都删除。 您可以打开模板test.dwt,删除视口,保存模板,然后单击左侧的“更新”按钮。

注意:在创建和使用模板之前需要定义站点。 方法是执行命令:Site→Define Sites; 指定站点名称和本地根目录(Local Root)。 该模板使用相对路径。 如果不指定网站本地位置,软件无法准确找到并保存模板文件; 应用该模板创建或更新页面时,页面中的超链接无法根据页面文件的保存位置进行更改。 相应地改变。

【Dreamweaver定义模板批量制作网页】相关文章:

Dreamweaver定义模板批量制作网页09-29

Dreamweaver如何制作网页模板10-04

Dreamweaver如何制作网页09-24

Dreamweaver网页设计方法09-15

制作网页,dreamweaver的基本步骤07-22

改进Dreamweaver网页设计制作方法11-15

Dreamweaver网页设计的制作方法10-04

用Dreamweaver制作网页的实用方法09-14

用Dreamweaver制作网页的六大实用技巧解析07-21

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 网站模板 dreamweaver网站模板下载地址-Dreamweaver定义网页的批量制作 https://www.wkzy.net/game/158690.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务