网页制作中的模板如何创建
当前位置:贝知网>知识分享>设计开发>网页制作中的模板如何创建
网页制作中的模板如何创建
时间:2022-09-12 设计开发

网页制作中的模板如何创建

网页制作中的模板如何创建

网页制作中模板的创建主要是有这些方法:利用Dreamweaver创建空白模板;从现有文档创建模板;从模板面板创建模板;其从模板面板创建模板操作为:在"模板"面板中通过"新建模板"和"编辑"按钮即可创建。

1、创建空白模板

在Dreamweaver在创建空白模板的过程如下:

①在命令菜单中,选择"文件"→"新建",打开"新建文档"对话框。

②在"新建文档"对话框中选择"空模板",在"模板类型"中选择"PHP模板",在"布局"列表中选择需要的布局框架,在"文档类型"的弹出菜单中选择

"HTML5"。然后点击"创建"按钮即可空白模板,模板文档生成后,还要创建可编辑区域,为以后填写不同的网页内容做准备。

③在文档窗口中选择想设置为可编辑区域的文字或内容,如拖动鼠标将部分区域选为可编辑区域,然后在"插入"→"常用"面板中单击"模板"按钮,在弹出的菜单中选择"可编辑区域"。

在出现的对话框中为"可编辑区域"输入一个名称(不能使用特殊字符),然后点击

"确定"即可创建一个可编辑的区域;也可以通过菜单命令"插入"→"模板对象"来实现创建可编辑区域。

④重复

③的操作,创建不同的"可编辑区域"。

⑤在"文件"菜单中点击"保存",并命名模板文件,模板就做好了。

注意:为了方便使用模板,系统会将模板文件保存在网站根目录下的Templates文件夹中,模板文件的扩展名为".dwt"。

此外,在模板中,可编辑区域被一个高亮的矩形边框所包围,它使用首选参数中设置的高亮颜色,并在该区域左上角的标签中显示该区域的名称。如果只是选择一个插入点在文档中插入一个空白的可编辑区域,那么该区域的名称会出现在该区域内。

2、从现有文档创建模板

从现有文档中创建模板,只要将文档保存为模板,并创建可编辑区域即可,其创建过程与和上述操作类似。

3、从模板面板创建模板

在Dreamweaver中,也可以在"模板"面板中通过"新建模板"按钮和"编辑"按钮来创建一个新的空白模板和编辑模板。

网页制作超链接怎么加

1、使用菜单命令来创建链接

要在"文档"窗口中创建文本或页面元素的超链接,可以使用"修改"→"创建链接"命令选择要链接的文件。

如果在键入文本时同时指定一个超链接,可以选择"插入"→"超级链接"命令,或在"插入"面板上的选择"常用"选项卡,然后点击"超级链接"按钮,并在出现的"超级链接"对话框中,输入文本和相应的链接即可。

2、使用属性检查器来创建链接

使用属性检查器创建链接是在文档中选择文本或页面元素,然后再使用属性检查器的文件夹图标浏览要链接的文件,或拖动"指向文件"图标去指向"站点"面板中要链接的文件(或指向另一个打开的文档、已打开的文档中的可见锚),或在链接文本框中输入要链接的文件的路径。

属性检查器和"指向文件"图标可用于创建从图像、对象或文本到其他文档或文件的链接。

3、使用快捷菜单来创建链接

在"文档"窗口中选择文本或页面元素后,从其快捷菜单中选择"创建链接",然后选择需要链接的文件。

4、创建外部链接

若要创建外部链接(若要创建到其他站点上文档的链接),必须在属性检查器中键入路径(包括适当的协议)。创建外部链接时,一定要输入完整的路径(包括https://)。