单元6_创建与应用模板和库

单元6_创建与应用模板和库

ID:40246449

大小:1.29 MB

页数:38页

时间:2019-07-29

单元6_创建与应用模板和库_第1页
单元6_创建与应用模板和库_第2页
单元6_创建与应用模板和库_第3页
单元6_创建与应用模板和库_第4页
单元6_创建与应用模板和库_第5页
单元6_创建与应用模板和库_第6页
单元6_创建与应用模板和库_第7页
单元6_创建与应用模板和库_第8页
单元6_创建与应用模板和库_第9页
单元6_创建与应用模板和库_第10页
资源描述:

《单元6_创建与应用模板和库》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、单元6创建与应用模板和库操作演练1.2技术提升1.3操作准备1.1考核评价1.4操作准备1.1操作准备1.1操作准备1.1操作准备1.1操作准备6.1操作演练1.2操作演练1.2操作演练1.2操作演练1.2操作演练1.2操作演练6.2技术提升1.3技术提升1.3技术提升6.3考核评价1.4考核评价6.4使用DreamweaverCS4提供的模板和库功能,将具有相同版面结构的页面制作成模板,再通过模板来创建其他页面。也可以将相同的页面元素制作成库项目,并存储在库文件中以便随时调用。【教学导航】教学目标(1)学会制

2、作用来生成模板的网页,并将现有的网页另存为模板(2)学会正确编辑模板,掌握定义与修改可编辑区域、可选区域的方法(3)熟悉用模板生成新网页的操作方法,并能对新网页进行编辑加工(4)能熟练地修改网页模板及其属性,并同步更新该模板生成的网页(5)学会创建库项目,并且能修改库项目,更新包含库项目的网页(6)学会创建代码片断,并在网页插入已有的代码片断(7)理解模板和库的作用教学方法任务驱动法、理论实践一体化、讲练结合课时建议6课时(包含考核评价)【6.1操作准备】1.准备素材在本地硬盘(例如D盘)中创建一个文件夹“网页

3、设计与制作案例”,将光盘中的“单元6”(包括所有子文件夹以及文件)拷贝到该文件夹中。2.创建站点使用创建站点向导创建名称为“单元6”的本地站点。3.制作用来生成网页模板的网页创建网页文档060101.html,保存在文件夹“6-1”中,该网页主体结构主要应用Div+CSS进行布局,局部结构应用了项目列表和定义列表进行布局。网页060101.html还应用了CSS样式对文字、标题、图片和超链接进行美化。该网页为左右结构,通过浮动方式实现左右布局,网页的左侧版块为左浮动,右侧版块为右浮动。CSS样式文件中的样式定义

4、详见教材配套光盘对应的样式文件。【6.2操作演练】【任务6-1】创建网页模板和基本模板的网页【任务描述】(1)利用网页“060101.html”创建网页模板“060101.dwt”。(2)将网页模板“060101.dwt”中的标题文字“办公设备”定义为可编辑区域。(3)将网页模板“060101.dwt”中的图像“2010060901.jpg”定义为可编辑区域。(4)将网页模板“060101.dwt”中的区域“

”、“

5、t">

”、“
”定义为可编辑区域。(5)将区域“
”的标签“background”和区域“”的标签“bgcolor”定义为可编辑的标签属性。(6)将区域“”定义为可编辑的可选区域。(7)创建基于网页模板“060101.dwt”的网页“060102.html”。(8)修改和更新模板“

6、060101.dwt”的属性。(9)编辑与更新网页“060102.html”的内容。(10)对网页模板“060101.dwt”进行必要的修改,然后更新由该模板生成的网页文档“060102.html”。网页“060102.html”的浏览效果如图6-3所示。图6-3网页060102.html的浏览效果【任务实施】6.2.1创建与编辑网页模板(1)在DreamweaverCS4主窗口中,单击菜单【文件】→【另存为模板】,弹出【另存模板】对话框。(2)在【另存模板】对话框中的“站点”下拉列表框选择模板保存的站点,本项

7、目选择“单元6”。在“现存的模板”列表框中显示了当前站点中的所有模板,由于本站点暂时没有创建模板,所以显示“(没有模板)”。在“描述”文本框中输入对模板的说明文字。在“另存为”文本框中输入模板的名称,这里输入“0601”。(3)设置完毕后,在【另存为模板】对话框中,单击【保存】按钮,弹出一个如图6-5所示的“要更新链接吗”提示信息对话框。如果在该对话框中单击【是】按钮,则当前网页会被转换成模板,同时系统将自动在所选择站点的根目录下创建“Templates”文件夹,并将创建的模板文件保存在该文件夹中。6.2.2定

8、义与修改可编辑区域和可选区域1.打开网页模板文件打开当前站点文件夹“Templates”中模板文件“060101.dwt”。2.定义可编辑区域(1)定义文字为可编辑区域(2)定义图像为可编辑区域(3)定义区域“”为可编辑区域(4)定义区域“”为可编辑区域(5)定义区域“<

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。