网页设计与制作-12 使用模板和库
- 格式:ppt
- 大小:715.00 KB
- 文档页数:15
完整版)网页设计与制作课程标准网页设计与制作》是一门理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。
该课程定位于WEB技术开发工作岗位,是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用。
通过本课程的研究,学生将了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。
该课程旨在为今后从事网页设计与制作、网站开发和管理奠定基础,并在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主研究能力和探索创新能力。
该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:1.网页基本概念(第1章)2.基本开发工具的使用DW CS6软件介绍(第2章)3.建立与管理站点(第3章)4.制作主要内容为文本的网页(第4章)5.插入与编辑图像(第5章)6.插入多媒体元素(第6章)7.创建超级链接(第7章)8.HTML基础(第13章)9.表格处理与网页布局(第6章)10.网页布局AP Div的应用(第9章)11.使用CSS+DIV布局网页(第11章)12.网页美化CSS样式表(第10章)13.行为(第12章)14.动态网页基础(第15章)15.创建和使用模板(第9章)16.创建和使用库(第10章)该课程的教学目标为:1.掌握使用Photoshop进行图像处理的基本方法及操作技能;2.掌握DreamweaverCS5的基本知识及操作技能;3.掌握建立与管理站点的方法;4.掌握制作主要内容为文本的网页的方法;5.掌握在网页中插入与编辑图像的方法;6.掌握在网页中插入多媒体元素的方法;7.掌握表格处理与网页布局的方法;8.掌握创建超级链接的方法;9.掌握使用框架制作旅游网站的方法;10.掌握创建和使用模板的方法;11.掌握创建和使用库的方法;12.掌握在网页中添加AP Div的方法;13.掌握在网页中使用行为的方法;14.掌握HTML基础知识及通过代码修饰网页的方法。
网页设计与制作练习题一、单选题1. 由于( B )是网页制作的标准语言,因此无论什么样的网页制作软件,都提供直接以该语言方式来制作网页的功能。
A.JSPB.HTMLC.ASPD.PHP2. ( C )是网页中最常见、运用最为广泛的元素之一,从某种意义上说它是网页存在的基础,其信息传载的有效性是其他任何一种网页元素都无法替代的。
A.图像B.表格C.文本D.多媒体3.( C )是网页传递信息的主要载体,传输速度快,而且可以设置其大小、颜色、段落、层次等属性。
A.图像B.表格C.文本D.多媒体4.打开 Dreamweaver软件之后,如果没有出现“属性”面板,可以执行( B )菜单中的“属性”命令将其打开。
A.插入B. 窗口C.修改D. 命令5. 在Dreamweaver软件中,按( D )键可以将网页置于浏览器中进行预览。
A.F1B.F3C.F9D.F126. HTML标签中用于设置背景颜色的属性是( C )。
A.alink B.vlink C.bgcolor D.background7. HTML标签中用于设置网页的背景音乐,可以使用( B )标记。
A.<sound>B. <bgsound>C.<bgmusic>D.<bgshengyin>8.在HTML语言中,background的作用是用来设置( A )。
A.背景图像B.背景颜色C.背景音乐D.超级链接9.下列( A )不属于在 Dreamweaver中可以插入的图像格式。
A.SWFB.JPEGC.PNGD.GIF10.在HTML语言结构中,( B )是用来指定文件的主体,文字、图形、图像、链接、动画和视频等元素都应包含在该标签内。
A. <html>……</html>B. <body>……</body>C. <head>……</head>D. <title>……</title>11.单击( C )可以跳转到当前页面中的某个位置,而不会打开新的网页文件。
第十二讲使用模板和库制作网页授课日期班级名称授课地点教学课题第十二讲摸板和库课时2学时教学目的(1)理解模板和库的作用。
(2)学会将已有网页生成模板的操作方法。
(3)掌握如何编辑模板和将模板生成新网页的操作方法。
(4)掌握如何应用库项目制作网页。
知识目标(1)模板和库的作用。
(2)将已有网页生成模板。
(3)编辑模板和将模板生成新网页。
(4)应用库项目制作网页。
能力目标(1)会应用摸板创建新网页(2)用库项目为网页添加元素素质目标培养学生的创新能力与独立思考能力,并使其具有分析问题、解决问题的能力。
重点(1)编辑摸板、将摸板生成新网页难点(1)编辑摸板、将摸板生成新网页课型讲授型+操作型教学方法边讲、边练、讲练结合教学手段多媒体教学教参《网页设计与制作教程》人民邮电出版社教学环节及板书设计时间安排1.复习提问如何实现层的精确定位?2 2.新课引入摸板是一种特殊的文档,通过摸板来创建和更新网页可以大大提高工作效率,网站的维护也会轻松很多33.知识技能目标说明深刻理解摸板和库的应用,并且会应用摸板来创建和更新网页,用库项目为网页添加元素,从而快速地作出专业的网页5 4.详细讲解各知识点45 5.课堂实践15 6.问题探讨如何从摸板中分离文档?37.疑难解析12 8.课堂小结本讲主要学习了模板和库的网页布局方法,制作网页不仅追求美观、而且要提高制作效率,使用模板和库文件是提高网页制作效率的有效途径。
39.作业布置2总计90新授内容1.模板概述(1)模板的概念(2)模板的特点2.创建网页模板(1)新建网页(2)插入表格,布局网页(3)创建模板3.编辑和更新模板(1)打开Templates文件夹中模板文件(2)定义可编辑区域(3)定义不可编辑的可选区域(4)定义可编辑的可选区域(5)设置可编辑标签属性4.创建基于模板的网页(1)应用网页模板创建网页文档(2)编辑网页(3)更新模板的变化5.库(1)创建库文件(2)创建一个待插入库对象的网页(3)在网页中插入库文件(4)更新库项目的变化(5)调整库文件案例10应用模板制作相似网页——美文随笔案例综述:本案例通过模板设计出网页的整体风格、布局,当制作各个分页时,通过模板来创建,而当修改模板时,应用该模板的网页都将随之改变,这使网页的制作形成一种批量生产的形式,大大提高了工作效率。