动态网页制作教案
动态网页制作
教师授课教案
1.图解CSS
2.CSS定义
3.CSS的特点
4.css基本语法
三、重点,难点及处理方法
重点:css基本语法和css基本特点
难点:样式表的应用
五、教学过程
1、引入
通过实例导入css应用的好处:
2、新课讲授
(1)CSS的定义
CSS是Cascading Style Sheets的缩写,中文为“层叠样式表”。
(2)CSS的特点
CSS通过“样式”来表示网页的颜色、字体、背景色、边框线及网页内容的位置及大小尺寸等属性。
(3)css样式表的类型
内部、外部、元素中的样式表三种
在网页的标记中应用“样式”,时采用的是“层叠式”原则。
样式是由成对的属性名和属性值以冒号“:”相间组成。
一系列的“样式”以分号“;”相间组成为“样式表”。
(4)CSS中的颜色和长度定义
CSS中的颜色是由红、蓝、绿3种颜色组合而成的,每一种颜色用数字0至255表示。
(5)常见的样式属性
(6)定义样式表
对象1, 对象2 ……{ 样式表}
4、CSS其他设计原则
三、重点,难点及处理方法
重点:CSS常用技巧
难点:CSS其他设计原则用于网页布局
四、教学过程
1、引入
通过上节课的学习,同学们掌握了哪些CSS设计技巧呢?(问答)这节课,我们接着学习CSS常见的实用技巧
2、新课讲授
(1)CSS常用技巧
1.网页内容的居中对齐
2.网页内容的隐藏与显示
3.方框长度的计算
4.圆角边框
5.图片
6.定义外部样式表的选项
(2)CSS用于菜单设计
菜单设计的原则:
1.简单的导向菜单条
3. JavaScript与Java比较
4. JavaScript的作用
(2)编辑与调试JavaScript 1. 浏览器
2.编辑软件
3.调试软件
(3)第一个JavaScript示例
3、巩固练习
跟着老师一起来联系第一个javascript示例
五、教具,课件及挂图
所用的教室为多媒体实验室,因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。
六、作业及辅导
同学们根据教师的操作,可以制作一个javascript简单示例
七、课后小结:从本章开始进入javascript的学习,学生们普遍反映比较难
2014 - 2015学年第1 学期第4周星期4第3、4节2014年10 月9日
第4章javascript简介实训
教案内容:一,本次课的教学目标;二,内容及课时分配;三,重点,难点及处理方法;
四,教学过程(也可另用备课纸);五,教具,课件及挂图;六,作业及辅导;
七,课后小结。
一、教学目标
熟练掌握在HTML文件中编写javascript程序的基本操作及在IE浏览器和Firefox浏览器中调试javascript的基本操作。
二、内容
教案内容:一,本次课的教学目标;二,内容及课时分配;三,重点,难点及处理方法;
四,教学过程(也可另用备课纸);五,教具,课件及挂图;六,作业及辅导;
七,课后小结。
一、教学目标
1 、认识什么是Javascript
2、通过DW或FrontPage软件编辑调试Javascript
二、内容
1、数据类型及变量
2、表达式与运算符
3、基本语句
三、重点,难点及处理方法
理解Javascript示例
四、教学过程
1、导入
同学们,javascript到底是如何使用的呢?这就是我们本章要学习的内容,它的编程基础。
2、新课讲授
(1)数据类型及变量
常量与变量
JavaScript的常量通常又称为字面常量,它是不能改变的数据。变量就是在计算机内存中暂时保存数据的地方。
变量的数据类型及其转换
变量的作用范围
(2)表达式与运算符
算术运算符、逻辑运算符、位运算符、操作后赋值运算符、特殊运算符运算符顺序
(3)基本语句
网页制作案例教程》试题库
第1大题Dreamweaver单选题(共27分) 得分:4 第1小题D r e a m w e a v e r单选题(1分)得分:0 下面不是Web网页常使用的图像格式是(___d____) A GIF格式 B JPEG格式 C PNG格式 D RAW格式 第2小题D r e a m w e a v e r单选题(1分)得分:1 在复制带有格式的文本时,可以先将容粘贴到(___c____),再将其中没有格式的文本复制到剪贴板上,最后再粘贴到Dreamweaver编辑窗口中。 A 文件夹 B 记事本 C Word文档 D Excel文档 第3小题D r e a m w e a v e r单选题(1分)得分:1 下面哪些不是网页编辑软件?(_______) A Dreamweaver B CuteFTP C Word D Flash 第4小题D r e a m w e a v e r单选题(1分)得分:1 关于HTML5的描述,以下哪一个是错误的() A HTML5版本中,W3C规定标记的规写法是小写格式 B HTML5的最基本语法是<标记符>……标记符> C 是HTML5的标准网页声明
D 当HTML5标记用错时,浏览器会给出出错信息 第5小题D r e a m w e a v e r单选题(1分)得分:1 在下列的H T M L中,哪个可以插入折行?() A B C D
第五章动态网页的制作
第五章动态网页的制作精练试题 第一节动态HTML 一、选择题: 1.(单选题)()是动态HTML的简称,它其实并不是一门新的语言,只是HTML、 CSS和客户端脚本的一种集成,即一个页面中包括HTML+CSS+JavaScript(或其它客户端脚本)。 A.HTML B.XML C.DHTML D.XHTML 答案:C 2.(单选题)在网页中的HTML代码嵌入JavaScript,应该使用的标记是()。 A.<script></script> B.<head></head> C.<body></body> D.<!--...//--> 答案:A 3.(单选题)如果想要在网页打开时弹出一个提示对话框,应该在
标签中的 ()事件加上JavaScript代码? A.onFocus B.onMouseOver C. onMouseOut D. onLoad 答案:D 4.(单选题)样式表(CSS)在网页制作中具有重要的作用,以下样式表内容定义文 字具有删除线,它将会影响网页中的()效果? A.所有文字 B.表格中的所有文字 C.段落中的所有文字 D.层中的所有文字 答案:C 5.(单选题)在网页中定义样式表,其内容一般位于()标签之间。 A. 和 B. 和C. 和 D.
网页设计考试试题库
精品文档 1.在基于网络的应用程序中,主要有B/S与C/S两种部署模式,一下哪项不属于 ...对于B/S模式的正确描述( A ) A. B/S模式的程序主要部署在客户端 B. B/S模式与C/S模式相比更容易维护 C. B/S模式只需要客户端安装web浏览器就可以访问 D. B/S模式逐渐成为网络应用程序设计的主流 3.以下关于HTML文档的说法正确的一项是( C ) A.与这两个标记合起来说明在它们之间的文本表示两个HTML文本 B.HTML文档是一个可执行的文档 C.HTML文档只是一种简单的ASCII码文本 D.HTML文档的结束标记可以省略不写 4.BODY元素可以支持很多属性,其中用于定义已访问过的链接的颜色属性是( D )。 A.ALINK B.CLINK C.HLINK D.VLINK 2.在网站设计中所有的站点结构都可以归结为(D ) A.两级结构 B.三级结构 C.四级结构 D.多级结构
精品文档 3.Dreamweaver中,模板文件的扩展名是C .htm B. .asp C. .dwt D. .css 4.Dreamweaver中,站点文件的扩展名是B .htm B. .ste C .dwt D. .css 5.网页中插入的flash动画文件的格式是: GIF B.PNG C. SWF D.FLA 6.设置水平线效果的HTML代码是 A.
B. < hr noshade> C.