Dreamweaver网页设计与应用(Dreamweaver CC 2019)(微课版)课件 8 模板和库_第1页
Dreamweaver网页设计与应用(Dreamweaver CC 2019)(微课版)课件 8 模板和库_第2页
Dreamweaver网页设计与应用(Dreamweaver CC 2019)(微课版)课件 8 模板和库_第3页
Dreamweaver网页设计与应用(Dreamweaver CC 2019)(微课版)课件 8 模板和库_第4页
Dreamweaver网页设计与应用(Dreamweaver CC 2019)(微课版)课件 8 模板和库_第5页
已阅读5页,还剩12页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

项目引入:模板的功能就是把网页布局和内容分离。在布局设计好之后,可以将其保存为模板,这样相同布局的页面就可以通过模板来创建,从而极大地提高工作效率。本项目主要讲解模板和库的创建方法和应用技巧。通过对这些内容的学习,学生可以更加轻松地完成网站的更新、维护工作。第8章模板和库掌握创建和编辑模板的方法掌握管理模板的方法掌握创建库项目的方法掌握向页面添加库项目的方法项目目标掌握“时尚前沿网页”的关键制作步骤掌握“鲜果批发网页”的关键制作步骤技能目标培养对模板和库创建方法的学习热情,激发对网页设计工作的兴趣通过尝试不同的布局和功能,培养创新能力培养责任感,提高自我管理的能力素养目标创建空模板创建可编辑区域管理模板任务实践—时尚前沿网页任务8.1模板8.1.1创建空模板创建空模板有以下几种方法。①在打开的文档窗口中单击“插入”面板“模板”选项卡中的“创建模板”按钮,将当前文档转换为模板文档。②在“资源”面板中单击“模板”按钮,此时的列表为模板列表,单击下方的“新建模板”按钮,创建空模板,此时新的模板添加到“资源”面板的模板列表中,为该模板设置名称。③在“资源”面板的模板列表中单击鼠标右键,在弹出的快捷菜单中选择“新建模板”命令。8.1.2创建可编辑区域创建可编辑区域的具体操作步骤如下。(1)打开任意一个文件。(2)将光标放置在要插入可编辑区域的位置,在“插入”面板“模板”选项卡中单击“可编辑区域”按钮,弹出“新建可编辑区域”对话框,在“名称”文本框中输入可编辑区域的名称。(3)单击“确定”按钮,即可在网页中插入可编辑区域。(4)选择“文件>另存为模板”命令,弹出“另存模板”对话框,在对话框中的“另存为”文本框中输入模板的名称,在“站点”下拉列表中选择保存的站点。(5)单击“保存”按钮,即可将该文件保存为模板。8.1.3管理模板1.删除模板删除模板的具体操作步骤如下。(1)在“资源”面板中单击左侧的“模板”按钮。(2)单击模板的名称以选择该模板。(3)单击“资源”面板底部的“删除”按钮,然后确认删除该模板。8.1.3管理模板2.修改模板当更改模板时,DreamweaverCC2019将提示更新基于该模板的文档,具体操作步骤如下。(1)在“资源”面板中单击左侧的“模板”按钮。(2)在模板列表中执行下列操作之一。①单击要编辑的模板名称。②选择要编辑的模板,然后单击“资源”面板底部的“编辑”按钮。(3)根据需要修改模板的内容。任务实践—时尚前沿网页使用“创建模板”按钮创建模板,使用“可编辑区域”“重复区域”按钮创建可编辑区域和重复区域。效果图任务8.2库创建库项目向页面添加库项目任务实践—鲜果批发网页8.2.1创建库项目库项目可以包含文档的<body>标签中的任意元素,包括文本、表格、表单、JavaApplet、插件、ActiveX元素、导航条、图像等。库项目只是一个对网页元素的引用,源文件必须保存在指定的位置。1.基于选定内容创建库项目2.创建空白库项目8.2.2向页面添加库项目当向页面添加库项目时,将把实际内容以及对该库项目的引用一起插入文档中。此时,无须提供原项目就可以正常显示。在页面中插入库项目的具体操作步骤如下。(1)将光标置于文档窗口中的合适位置。(2)选择“窗口>资源”命令,弹出“资源”面板。单击左侧的“库”按钮,进入“库”版块。任务实践—鲜果批发网页添加库项目,使用库中注册的项目制作网页文档。效果图项目实践—电子吉他网页使用“创

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论