模板的优点:
1、风格一致,看起来比较系统,也省去了制作同一面页的麻烦。 2、如果要修改共同的页面不必一个一个修改,只要更改应用于它们之上的模板就可以了。
3、免除了以前没有此功能时还要常常“另存为”,一不小心就会覆盖重要档案的困扰。
模板的优点还有它也不是一成不变的,即使是在已经使用一个模板创建文档之后,也还可以对该模板进行修改。当更新模板时,文档中的锁定区都会被更新,与模板的修改相匹配。
请看模板实例:
请大家思考:1、请大家找出例子中网页的相同地方和不同地方。 2、例子中风格接近的网页可以有几种方法制作? (框架?用另存为???)
再考虑:如果用以上两种方法做的话,万一网页的共同部分要改动的话,是否每张都要改动过?
能不能一次修改,所有网页就会自动更新呢,方法就是使用模板!
一、如何创建模板
步骤一:建立站点,在站点内创建一张有共性的网页(也可先建一张有共性的网页,再把网页所在目录定义为站点,由于模板依赖于站点,所以必须有站点)。
步骤二:在DW中把刚才建立的网页“另存为模板”,如何网页中有链接,DW会询问是否更新链接,请选择“是”。
步骤三:选中网页中个性部分(一般通过表格来选择,如选择td、tr、table等),单击菜单“插入-模板对象-可编辑区域”,并给可编辑区域起个名字。 步骤四:保存模板 二、如何运用模板新建网页
步骤一:在DW中选择菜单“文件-新建-模板”
步骤二:修改网页中的可编辑区域,同时我们也注意到,可编辑区域外的地方我们是无法修改的。(在模板方式下,不推荐使用代码视图直接改可编辑区外的区域)重复以上步骤,建立多张网页。 练习一: 制作模板实例。 三、修改模板
当需要对网页的公共部分进行修改时,需要修改的模板。如果还没建站点,要先把站点建好。
可以像修改网页一样修改模板,注意在最后保存模板时,DW会提示是否更新网页,选“是”即可。 练习二:
修改模板(给模板加链接),观察网页是否同步更新。
作业: 请用模板完成下面网站,并以“中华企业会员录”链接到作业本上。(素材下载)
【课后小结】
通过具体实例的讲解剖析,使学生更加直观的了解了动态网站的制作流程。留言本是一个典型的并且简单的动态站点案例,上手容易。
第19、20课时VBScript概述
【教学内容】
讲解VBScript的基本概念及其特点。 【教学目的】
使学生对VBScript有个初步的了解。 【教学重点】 什么是VBScript。
【教学难点】
如何在HTML页面中添加VBScript代码。 【教学方式】
讲授式、项目模块式、演示教学。 【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。 2、《WEB网站设计》张锦祥主编 科学出版社。
3、《网页编程技术与实例》谭浩强主编 人民邮电出版社。 【新课内容】 预习作业:
1、网页中表单的作用是什么? 2、常用的表单元素有哪些?
3、试着建一个含有“文本框、单选、复选、按钮”的简介表单 一、认识表单 1、表单概念
所有用于收集资料的表单内容都必须放在一组统一的标记里面,这组标记叫做“表单”。其中每一个给用户填写或选择的区域叫做表单域。
2、表单技术要点
表单的作用是从访问WEB站点的用户那里获得信息。访问者在表单中的文本域、列表框、复选框以及单选按扭等表单对象中输入信息,然后单击“提交”按钮提交所填写的信息给处理程序。 2、表单对象:
文本域,隐藏域,文件上传域,复选框,单选按钮组,列表和菜单,跳转菜单,文本表单按钮,图形提交按钮。 姓名 口令 性别 男 女 爱好 体育 音乐 文学 班级
二、什么是前台、后台
表单的作用是把来自用户的信息提交给后台服务器,如在用户注册时,把用户的姓名、密码等信息提交给服务器。含有文本框、单元框等元素的网页我们就称为表单网页,也称为前台界面,而后台程序一般用ASP、PHP、JSP等网络编程语言来设计,所以表单是实现用户与网站沟通的桥梁。 常用的表单元素有 文本框 密码框
单选 群众 团员 党员 复选 体育 音乐 下拉 按钮