当前位置:文档之家› 网页制作教案

网页制作教案

网页制作教案
网页制作教案

课堂任务快速建站技术—模板的应用

课程名称:利用模板快速建站

课时数:4

教学目标:

知识与技能:了解模板的定义,模板的可编辑区域的定义。

过程与方法:掌握在网页中创建模板的三种方法;

掌握模板的可编辑区域的定义、建立和取消;

掌握模板的应用和取消;

掌握如何将模板从网页中分离出来;

掌握使用模板快速建站;

情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。

教学重点:

在DreamWeaver8中创建模板和应用模板。

教学难点:

学会模板的可编辑区域的定义、建立和取消。

教法:

任务驱动法

学法:

记录关键步骤,积极动手练习。

课前准备:

第三章第三节素材和实例,视频教程:快速建站技术-模板的应用.WMV,快速建站技术-模板的应用(快速更新).WMV。

教学过程设计:

(一)导入设计:

我们制作一个网站时,会发现许多网页的版面和元素都是相同的,在设计一个新页面时,我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同,这时修改或更新网页的共同元素如网站标志时,会发现工作量实在太大!而使用Dreamweaver 软件中的模板功能来创建新网页,可以大大提高更新和修改的工作效率,网站的维护工作会轻松很多。本节主要内容如下。(二)新课讲解设计:

(1)请学生带着以下问题阅读P110~115知识预读,问题如下:

A、模板的定义?

B、模板创建的三种方式?了解资源面板的使用方式。

C、学会模板的可编辑区域的定义、建立和取消;

D、学会模板的应用和取消;

E、学会如何将模板从网页中分离出来;

(2)教师提问,请学生一一回答以上问题。期间对回答问题的同学要多多表扬,如“你真棒”。增强学生对教师的亲和力。

(3)教师在学生回答问题的同时,总结评价并补充相关要点。

(4)教师展示完成后的模板网站作品,与学生共同讨论分析该网站制作过程。

(5)教师演示建立模板,创建可编辑区域,应用模板等部分操作(详见教材任务一)。

(6)请一位学生上台操作,其他学生完成相同操作。可以参考视频快速建站技术-模板的应用.wmv。教师巡视指导。

(7)教师总结评价学生完成情况。

(8)课堂比一比:将学生分组,根据已学知识,美化已完成的网站,学习使用模板快速更新网站的技术。可以参考视频快速建站技术-模板的应用(快速更新).wmv。将作品提交后由学生评比。(增强学生学习积极性。)

(9)教师评价各组提交的作品。

(9)学生完成任务一对照练习第1、2两题。个别点名回答,检验教学成果。

(三)小结和作业:

小结:

(1)什么是模板?

(2)如何创建模板(三种方式)

(3)模板的可编辑区域的定义、建立和取消

(4)如何应用和取消模板

(5)如何将模板从网页中分离出来

作业:

(1)填写《任务评价表》并上交

(2)完成任务一第3题

《网页制作教学设计》教案

《网页制作》教学设计 法、说学法、说教学过程、说板书设计。 一、说教材: (一)教材分析:本节内容是省编《信息技术》全一册第六章 网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容,2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块,但针对现在网络快速发展,广大的学生接触,使用INTERNET的机会也大大增加,学生在使用网络获取信息时,更多的是通过浏览网页这一方式,我认为上好这节课是非常必要的,这对学生进一步认识、使用INTERNET更有益处,同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解,在一定程度上也起着培养学生运用综合知识能力作用,所以我认为这节课是非常值得我们去研究上好的,考虑这节课的内容及教法、学法的需要,我把这节分为两课时,第一时:学生自学,自练Word制作网页的基本方法;第二课:让学生自己构思创意一个内容丰富,页面美观的网页。 (二)教学目标:根据对教材的分析及学生实际情况,制定如 下的教学目标: (1)知识目标:1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标:1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容 丰富的网页。 (3)情感目标:1、教育学生正确认识和理解信息技术相关文 化,伦理和社会问题,负责地使用信息技术。 (三)教学的重、难点:根据对教材的分析及网页制作过程中的 实际情况,我认为要出制作内容丰富的网页,关键是要知 道网页间互相链接的方法,所以我把超级链接做为本节的

网页制作试题

《网页设计与制作》练兵题 1、在Dreamweaver中,基于______来设计网页时,可把浏览器窗口分割成多个区域,并在每个区域中显示出不同的网页内容。 A、热点技术 B、框架技术 C、表格技术 D、模板技术 2、在Dreamweaver中定义表格时,______指的是单元格内容与单元格左、右边界所持的距离。 A、宽度 B、间距 C、框线粗细 D、边距 3、基于网页创建模板时,可以通过执行______菜单操作来把网页保存为模板。 A、"文件"->"保存为模板" B、"文件"->"另存为模板" C、"文件"->"导出为模板" D、"文件"->"转换为模板" 4、当表格与其所包含的行的格式设置冲突时,______。 A、其它答案均不正确 B、表格的格式设置与行的格式设置哪个优化,视乎其设置的先后顺序 C、行的格式优先于表格的格式设置 D、表格的格式设置优先于行的格式设置 5、在Dreamweaver中,可以通过单击标签选择器中的______来选取表格中的单元格。 A、标签 B、标签 C、

标签 D、标签 6、在Dreamweaver中,可以通过在______中的相应框中输入值并指定其度量单位来设置所选取表格的高度。 A、标准工具栏 B、文件面板 C、标签选择器 D、属性面板 7、在创建一个Dreamweaver模板时,必须在该模板中加入一个______,以便在把该模板套用到某个网页后,网页能被正常使用。 A、可套用区域 B、可控制区域 C、可复制区域 D、可编辑区域 8、在Dreamweaver中,可以基本模板来创建网页。一个模板文档采用______作为其文件扩展名 A、.htm B、.htt C、.dwm D、.dwt 9、在Dreamweaver中,当把表格的宽度度量单位设置为______,该表格便会随着浏览器窗口的大小变化而自动调整其宽度。 A、像素 B、百分比 C、厘米 D、磅 10、在Dreamweaver的文件面板中不能进行管理的功能是______。 A、新建网页 B、删除文件 C、CSS样式的建立 D、更改文件名 11、"文档"窗口用于显示当前文档。下列哪些不是dreamweave的文档视图。 A、"程序"视图 B、"设计"视图 C、"代码"视图 D、"拆分"视图 12、URL的中文全称是__________。 A、统一资源定位符 B、文件传输协议 C、电子公告板 D、超文本传输协议 13、在Dreamweaver属性面板中,哪个框进行提示文字说明的输入。 A、链接输入框 B、目标框 C、源文件框 D、替换框 14、哪些不是HTML文档的基本属性。 A、文本 B、页面标题 C、背景图像 D、表格 15、超级链接属性面板中的目标选项默认的情况下域中总有四个选项,其中_____________选项将连接页面显示在当前框架中。

网页制作技术(试题库)

9105__网页制作技术(试题库) 9105 网页制作技术(三剑客) 1.假设舞台上有同一个元件的两个实例,如果将其中一个的颜色改为#FF000,大小改为原来的200%,那么另外一个实例将会发生什么变化? A:颜色也变为#FF000,但大小不变 B:大小也变为原来的200%,但颜色不变 C:颜色变为#FF000,大小变为原来的200% D:没有变化 正确答案D 2.Dreamweaver将选定文本变为斜体的快捷操作是? A:Ctrl+B B:Ctrl+I C:Ctrl+Shift+E D:Ctrl+F2 正确答案B 3.使用【修改】|【取消组合】快捷键什么为命令可以对象间的群组关系,使对象分离为群组前的各个对象? A:Ctrl+ Shift + B B:Ctrl+ Shift + Q C:Ctrl+ Shift+ G

D:Ctrl+ Shift +T 正确答案C 4.菜单栏上的【修改】|【组合】快捷键为什么,命令对多个矢量对象进行群组,群组后变成一个对象? A:Ctrl + B B:Ctrl + Q C:Ctrl + G D:Ctrl + O 正确答案C 5.Timeline表示? A:层 B:行为 C:样式表 D:时间线 正确答案D 6.Flash action“Stop All Sounds”意义是什么? A:停止所有声音的播放 B:跳转至某个超级连接地址URL C:发送FSCommand命令 D:装载影片 正确答案A 7.当Flash导出较短小的事件声音(例如按钮单击的声音)时,最适合的压缩

选项是什么? A:ADPCM压缩选项 B:MP3压缩选项 C:语音压缩选项 D:原始压缩选项 正确答案A (帮助中可找到) 8.在图层面板下创建蒙板的按钮,单击即可为当前图层创建一个蒙板,直接点击产生的蒙板为白色,按住什么点击产生蒙板,其颜色为黑色? A:Ctrl B:Alt C:Ctrl + Alt D:Shift 正确答案A 9.Bevel效果的作用是什么? A:获得凸起的倒角 B:获得凹陷的倒角 C:可以获得发光的外观 D:A和C都正确 正确答案D 10.图形用来描述图像的是? A:直线 B:曲线

Dreamweaver网页制作教案

认识Dreamweaver 一、学习目的 了解Dreamweaver,学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件, 也就是网页;它支持动态HTML,可以在网页中产生动画;还可以在网页中插入各种插件,以产生特殊效果。 Dreamweaver可用于管理站点,它像文件夹一样创建和打开站点,用不同的方式查看站点中各个网页之间的关系,调整站点的组织结构,使整个站点条理清晰。 2、 Dreamweaver的窗口 (1)标题栏 (2)菜单栏 (3)工具栏 (4)视图栏 (5)文件夹列表 (6)工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”,它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现,在此方式下,可以 像在Word中那样直接进行各种编辑操作,实现网页编辑的所有功能。

HTML视图实际上是一个文本编辑器,其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示,这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果,Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识

网页制作技术形成性考核第一次作业教学内容

保定电大高职高专2008---2009年度第一学期 网页制作技术 形成性考核作业 姓名 学号 年级 专业

网页制作技术形成性考核第一次作业 成绩 一、填空题 1.在Firewoks MX中,除了可以改变画布的大小外,还可以改变画布的________。 2.在Firewoks MX中,有三种文本变形工具,即缩放工具、倾斜工具和_______________。3.新建的Firewoks文档,默认情况下包含____________和层1两个层,根据需要还可以增加其他的层。 4.如果要在Firewoks文档中的所有帧中都包含相同的对象,可以将对象所在的层设置为_____________。 5.蒙板可以________或隐藏对象的某些部分。 6.蒙板组的创建方法有使用“组合为蒙板”命令和使用___________________命令两种方法。7.制作动画时,食用洋葱皮技术的目的是通过半透明的效果__________其他帧中的内容。8.Firewoks中的帧概念是指__________静态的画面。 9.用Firewoks制作的动画在网页中浏览时,可以播放一次也可以播放多次,如果要动画在网页中持续不断循环播放,应在制作动画时将其设置为__________。 10.在Firewoks中,创建切片的方法有使用工具面板中的切片工具和使用___________________在图像中创建切片。 11.在Firewoks中,创建按钮主要是通过_________________完成,通过绘制不同状态下的按钮图像,完成整钮的创建。 12.在Fireworks中创建弹出适菜单时,应选择一个热点或_______________作为弹出菜单的触发区域,而不能选择一个普通的图像。 13.在文档窗口中,用拖动弹出式菜单边框位置可以设置其相对于触发对象位置,用这种方法只能确定_______________的位置。 14.在Fireworks中, 若要导出单个图像,保存类型选择“仅图像”;若要导出切片图像,保存类型选择__________________。 15.在Fireworks MX中可以使用多种方法制作动画,主要的制作方法有:、补间法制作动画和等。 二、不定项选择题 1.Fireworks MX是一个_______应用软件。 A、网页制作 B、动画编辑 C、图像处理 D、文本处理

网页制作公开课教案.doc

教学科目授课日期节次教学内容 教学目标 教学重点与难点教学方法 教学资源 公开课教案 网页制作授课班级10 计 4授课教师徐彬2011.06. 12课型任务驱动授课学时 1 课时下午第二节授课地点图书馆动漫机房 有趣的拼图 通过讲解、演示、实践,让学生掌握在网页中运用层制作拼图游戏。 知识目标技能目标态度目标 通过讲解让学生 1. 提高学生分析问题、解决问1、培养学生的观察能力及掌握在网页制作中题的能力勇于探索、勇于创新的精层的特点,学会添加2.锻炼学生的表达能力和协神 “拖动层”行为。并作、沟通能力2、培养学生的团队精神且了解相应的事件。3.提高学生的动手实践能力, 能运用层制作有趣的拼图 教学重点:层的特点、“拖动层”行为。 教学难点:“拖动层”行为。 综合(讲授、启发、引导、演示示范、观察、比较、实践等) 多媒体计算机、多媒体教学软件 本节是《网址制作 DreamweaverMX2004》中层的应用中的内容,是操作实践课。 本节采用情景导学与任务驱动相结合的教学法帮助学生消化吸收新知识, 教学 引起学生的学习兴趣,激起学生的求知欲望,发挥学生的主体作用,体现教师设计 的主导作用。通过兴趣与任务使学生学习到相关的计算机基础知识和操作技 能,进而培养学生的自学能力与动手实践能力。

教学过程设计 教学环节与主要内容具体教 学目标 教学活动 【复习导入】 ( 一 ) 导入(学时分配: 2 min ) 创设情境,打开“趣味拼图”网页,请 同学玩一玩拼图游戏。 ( 二 )复习知识点(学时分配: 2 min )1、你觉得我们玩的拼图游戏有什么特点? 这种特点是利用了什么技术实现的?2、拼图游戏利用了层的什么特点?1、激发学生学习兴 趣。 2、导入新课 教师:帮助学生回顾复习 层的特点。 学生:回顾并实践复习已 学知识 教师:根据实例,提问诱 导,导入课堂任务 学生:观察、讨论、思考 ( 三 ) 明确学习目标(学时分配:1min) 1、层的特点。 2、“拖动层”行为。教师:明确学习目标 3、 onLoad 事件。 【任务分析与制作】 (一)任务初分析(学时分配: 5min)让学生理解理解掌教师:讲解、示范、演示打开趣味拼图网页,引导学生分析制作此网握层的特点。学生:观看操作演示、学页所需的技术:习领会 1、网页布局:表格。 2、图片素材的添加:插入图片(拓展)。通过练习巩固所学学生:实践,完成练习 3、拼图图片的移动:表格转换为层。知识内容。 教师:巡视、评价、辅导(二)任务初制作(学时分配: 15min) 学生制作趣味拼图网页并调试。 (三)任务再分析(学时分配: 5min )让学生理解理解掌教师:讲解、演示、示范请同学们汇报自己作品的调试成果。握“拖动层”行为以学生:观察、学习、领会针对调试作品所发现的问题进行再分析。及事件的用法。 1. “拖动层”行为。 2. 事件。

网页设计与制作压轴模拟试卷一【每日一练】

网页设计模拟试题 一、填空题(在空格内填写正确的答案,每空1分,共20分) 1.在Dreamweaver MX中,通过()可以检查各页面元素的参数设置,也可以针对其中各个参数进行修改。 2.在表格的属性中,()属性用来设定表格边框的粗细,单元格跨行通过()属性来实现,单元格跨列通过()属性来实现。 3.在HTML文档中,以插件方式播放音乐使用()标签,用()属性指定音乐的源文件。 4.CSS样式可以定义文字链接的外观,其中()状态定义了文字链接处于激活状态的显示效果。 5.IE浏览器支持两种客户端脚本语言,它们是()和()。 6.JavaScript中的对象由()和()两个基本元素构成。 7.在JavaScript中,document对象的()方法用于向document对象所对应的HTML文档页面写入内容,()属性为document对象所对应的HTML文档定义标题。 8.在定义行为时,如果希望当鼠标移入页面元素上方时触发事件,则该事件为()事件。 9.在ASP的内嵌对象中,()对象主要用于把服务器端的信息发送到浏览器。 10.使用表单提交数据时使用两种方法,分别是()和()。 11.在Recordset对象的常用属性和方法中,关闭当前Recordset对象的方法是()。 12.同HTML一样,XML也是由()组成的ASCII码文件,其扩展名为()。 二、单项选择题(将一个正确的答案代码填入括号中,每小题2分,共30分) 1.制作无序号号列表,需使用()标签。 A、和

B、

  • C、
  • D、
  • 2.良好的网站目录结构有利于()。 A、用户浏览 B、页面的布局设计 C、网站的开发与维护 D、网站的CI形象 3.在Dreamweaver MX中创建Recordset对象是通过()完成的。 A、行为面板 B、服务器行为面板 C、属性检查器 D、CSS样式面板 4.要在页面上创建一个指向中央广播电视大学网站的链接,在属性检查器的链接栏中应该输入()。 A、# B、mailto: C、 D、 5.如果点击网页中某个链接后在新的浏览器窗口中载入所链接的文档,则应当设置链接的target属性值为()。 A、_parent B、_self

    网页制作教案

    课堂任务快速建站技术—模板的应用 课程名称:利用模板快速建站 课时数:4 教学目标: 知识与技能:了解模板的定义,模板的可编辑区域的定义。 过程与方法:掌握在网页中创建模板的三种方法; 掌握模板的可编辑区域的定义、建立和取消; 掌握模板的应用和取消; 掌握如何将模板从网页中分离出来; 掌握使用模板快速建站; 情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。 教学重点: 在DreamWeaver8中创建模板和应用模板。 教学难点: 学会模板的可编辑区域的定义、建立和取消。 教法: 任务驱动法 学法: 记录关键步骤,积极动手练习。 课前准备: 第三章第三节素材和实例,视频教程:快速建站技术-模板的应用.WMV,快速建站技术-模板的应用(快速更新).WMV。 教学过程设计: (一)导入设计: 我们制作一个网站时,会发现许多网页的版面和元素都是相同的,在设计一个新页面时,我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同,这时修改或更新网页的共同元素如网站标志时,会发现工作量实在太大!而使用Dreamweaver 软件中的模板功能来创建新网页,可以大大提高更新和修改的工作效率,网站的维护工作会轻松很多。本节主要内容如下。(二)新课讲解设计: (1)请学生带着以下问题阅读P110~115知识预读,问题如下: A、模板的定义? B、模板创建的三种方式?了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消; D、学会模板的应用和取消; E、学会如何将模板从网页中分离出来; (2)教师提问,请学生一一回答以上问题。期间对回答问题的同学要多多表扬,如“你真棒”。增强学生对教师的亲和力。 (3)教师在学生回答问题的同时,总结评价并补充相关要点。 (4)教师展示完成后的模板网站作品,与学生共同讨论分析该网站制作过程。 (5)教师演示建立模板,创建可编辑区域,应用模板等部分操作(详见教材任务一)。

    网页制作模拟试卷一

    北京语言大学网络教育学院 《网页制作》模拟试卷一 注意: 1.试卷保密,考生不得将试卷带出考场或撕页,否则成绩作废。请监考老师负责监督。 2.请各位考生注意考试纪律,考试作弊全部成绩以零分计算。 3.本试卷满分100分,答题时间为90分钟。 4.本试卷分为试题卷和答题卷,所有答案必须答在答题卷上,答在试题卷上不给分。 一、【多项选择题】(本大题共6小题,每小题3分,共18分)在每小题列出的四个选项中有二至四个选项是符合题目要求的,请将正确选项前的字母填在答题卷相应题号处。多选、少选、错选均无分。 1、图像可以分成以下类型( AB)。 [A] 位图[B] 矢量图形 [C] 影像[D] 图片 2、视频可以分成以下类型( CD )。 [A] 录像[B] 电影 [C] 模拟视频[D] 数字视频 3、计算机动画的基本类型( ABCD )。 [A] 基于角色的动画[B] 基于帧的动画 [C] 基于位置的动画[D] 基于时间的动画 4、下面是图像文件格式的有( ABCD )。 [A] TGA [B] EPS [C] PCX [D] PNG 5、Flash所完成的动画格式主要有( AB )。 [A] .fla [B] .swf [C] .jpeg [D] .gif 6、在Flash中,根据声音同步设置的不同,可以将动画中涉及的声音分成( AB )。 [A] 事件声音[B] 数据流声音 [C] 同步声音[D] 测试声音 二、【判断题】(本大题共10小题,每小题2分,共20分)正确的填T,错误的填F,填在答题卷相应题号处。 7、在Fireworks中,“锐化”滤镜可以增强图像中相邻像素的对比度,使图像清晰化,

    高级网页设计课程教学方案

    高级网页设计课程 教学方案

    《高级网页设计》课程教学大纲 一、课程的基本情况 课程中文名称:高级网页设计 课程英文名称:Advanced Web Design 课程编码: 课程类别:专业课 课程性质:必修课 总学时:72 讲课学时:40 实验学时: 32 学分:4 授课对象:计算机应用技术(专&电专) 前导课程:数据库原理、Java程序设计 二、教学目的 高级网页设计是相对于传统的ASP技术而言的,本课程的最终目的是要求学生掌握使用VS 开发简单的Web网站,其主要内容有https://www.doczj.com/doc/3939500.html,网站的运行环境、Web服务器控件的使用、使用https://www.doczj.com/doc/3939500.html, 访问数据库、Web服务的创立与使用、网站导航与母版的使用、https://www.doczj.com/doc/3939500.html, Ajax等。 三、教学基本要求 第1章高级Web程序设计概述 1.1 Web应用与B/S体系结构 1.1.1 从桌面应用程序到Web应用程序 1.1.2 B/S体系结构

    1.1.3 网页设计与Web程序设计 1.2 动态网页与动态网站 1.2.1 Web服务器与Web站点 1.2.2 动态网页及其主要特征 1.2.3 网站工作模式 1.2.4 三种高级Web技术比较 1.3 高级Web程序设计技术基础 1.3.1 CSS样式技术 1.3.2 客户端脚本技术—JavaScript 1.3.3 面向对象编程 1.3.4 脚本编程语言 1.3.5 MVC开发模式 1.3.6 Ajax技术简介 1.3.7 XML基础 1.4 含有数据库访问的Web程序设计 1.4.1 文件型数据库 1.4.2 数据库服务器 1.4.3 数据库访问技术 习题1 实验1 高级Web应用开发基础 基本要求:了解基于对象的程序设计的思想、XML文件格式。重点与难点:Ajax技术。

    网页制作的教学设计

    网页制作的教学设计 一、教学目标 1 、知道站点、主页的概念,能在指定位置建立只有一个网页的站点; 2 、认识FRONTPAGE 的界面; 3 、掌握在主页中插入文字、图片、水平线; 4 、掌握页面文件与图片的保存。 二、教学重点 1 、能在指定位置建立只有一个网页的站点(难点) 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存(难点) 三、学情分析 学生已经学习了WORD 、POWERPOINT 与上网浏览信息,对计算机的基本操作(WORD 中文档的编辑,网页的浏览等)比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务,有能力的学生还可以完成提高篇的学习,以充分发挥学生的积极性与自主性。 四、教学方法 在教学中,一方面采用比较教学的方法,促进学生知识的迁移;另一方面,提供学生一个导学课件,让学生根据这个网络环境下的课件自己探索学习,以满足不同层次学生的需求。 五、教学过程设计 教师活动:1 、引入课题:(激发兴趣,活跃气氛) 同学们喜不喜欢上网?经常上新浪、西祠胡同等,有没有同学知道新浪、西祠胡同称做什么?(网站) 浏览新浪网站,浏览的第一个页面称为什么?(主页) 我们还可以浏览其它的页面,点击超链接浏览,当鼠标变成手指的形状时有超链接。 问题1 :网站是不是就是网页?用自己的语言描述一下网站的概念(网站包含多个网页,

    通过超链接把不同的页面链接起来) 问题 2 :网页是不是就是主页?( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为:index.htm, 主页也是网页) 设计网站一般必须经过两个步骤,首先是在计算机里做好,然后发布在internet 上,让所有的人访问浏览。 今天我们学习用Frontpage 建立站点,制作一个主页。 先来研究一下没有发布的网站, 打开教师做的网站 问:同学们看到了什么?(文件夹) 总结: 可以这样理解网站:在资源管理器里,网站表现为一个文件夹,里面存放的是所有与网站相关的文件。 打开主页,浏览页面,这是老师做的一个导学课件,将帮助大家完成学习任务。 请学生浏览教师课件,了解学习任务 2 、新建站点 FP 的启动 问:与word 比较,有什么不同? (增加了视图区,编辑区有三个窗口) 总结: 视图区:多种视图模式是为了方便网站的管理。制作网页时,必须在网页视图中编辑页面 普通窗口:鼠标在闪动,可编辑、修改页面,所见即所得的方式 预览窗口:浏览器中出现的效果,与PowerPoint 中的“放映幻灯片”类似。 Html 窗口:编写HTML (超文本标记语言,它是描述网页内容和外观的标准。) 打开导学软件,根据步骤,示范建立只有一个网页的站点,强调新站点的位置、路径的正确输入,站点的名称。

    网页设计与制作试卷(七)

    2011年春季学期理论考试 网页设计与制作试卷(七) (试卷满分100分考试时间90分钟) 班级学生学号得分 一、选择题(共20分,每题1分 ) 1、常用的网页制作工具有() A、word B、Excel C、Dreamweaver D、VB 2、常用的网页美化工具有() A、word B、Fireworks C、Excel D、VB 3、常用的网页中的脚本语言有() A、VBScript B、Fireworks C、Excel D、VF 4、下列哪一个不属于“网页设计三剑客”() A、Flash B、Fireworks C、Dreamweaver D、FrontPage 5、E-mail链接的作用是() A、用于看图 B、便于浏览者反馈意见 C、便于写E-mail D、没用 6、空链接的作用是() A、超链接到网页 B、便于浏览 C、激活网页中的图像 D、没用 7、要是浏览者不用离开当前的Web页面就可以得到一个额外的信息可以使用() A、超链接 B、活动图片 C、静态图片 D、脚本链接 8、Dreamweaver中的图层相当于() A、Word中的图层 B、Excel 中的图层 C、Photoshop中的图层 D、FrontPage 中的图层 9、Dreamweaver中的图层中可包括() A、动画 B、各种插件 C、其他图层 D、以上全包括 10、向Dreamweaver中的图层中添加图像之前必须() A、打开图层 B、激活图层 C、选择图层 D、以上全包括 11、向Dreamweaver中的图层添加背景图像之前必须() A、打开图层 B、激活图层 C、选择图层 D、以上全包括 12、用Dreamweaver制作的幻灯片,和用Flash制作的相比()

    高级网页设计 课程教学方案

    《高级网页设计》课程教学大纲 一、课程的基本情况 课程中文名称:高级网页设计 课程英文名称:Advanced Web Design 课程编码: 课程类别:专业课 课程性质:必修课 总学时:72 讲课学时:40 实验学时: 32 学分:4 授课对象:计算机应用技术(专&电专) 前导课程:数据库原理、Java程序设计 二、教学目的 高级网页设计是相对于传统的ASP技术而言的,本课程的最终目的是要求学生掌握使用VS2008开发简单的Web网站,其主要内容有https://www.doczj.com/doc/3939500.html,网站的运行环境、Web服务器控件的使用、使用https://www.doczj.com/doc/3939500.html,访问数据库、Web服务的创建与使用、网站导航与母版的使用、https://www.doczj.com/doc/3939500.html, Ajax 等。 三、教学基本要求 第1章高级Web程序设计概述 1.1 Web应用与B/S体系结构 1.1.1 从桌面应用程序到Web应用程序 1.1.2 B/S体系结构 1.1.3 网页设计与Web程序设计 1.2 动态网页与动态网站 1.2.1 Web服务器与Web站点 1.2.2 动态网页及其主要特征 1.2.3 网站工作模式 1.2.4 三种高级Web技术比较 1.3 高级Web程序设计技术基础 1.3.1 CSS样式技术 1.3.2 客户端脚本技术—JavaScript

    1.3.3 面向对象编程 1.3.4 脚本编程语言 1.3.5 MVC开发模式 1.3.6 Ajax技术简介 1.3.7 XML基础 1.4 含有数据库访问的Web程序设计 1.4.1 文件型数据库 1.4.2 数据库服务器 1.4.3 数据库访问技术 习题1 实验1 高级Web应用开发基础 基本要求:了解基于对象的程序设计的思想、XML文件格式。 重点与难点:Ajax技术。 第2章https://www.doczj.com/doc/3939500.html,网站及其集成开发环境 2.1 https://www.doczj.com/doc/3939500.html,与ASP比较 2.1.1 .NET框架体系 2.1.2 https://www.doczj.com/doc/3939500.html,功能介绍 2.1.3 https://www.doczj.com/doc/3939500.html,网站与ASP网站的区别 2.1.4 .NET项目与https://www.doczj.com/doc/3939500.html,网站的关系 2.2 VS 2008集成开发工具介绍 2.2.1 Visual Studio 2008概述 2.2.2 代码窗口与设计窗口同步显示 2.2.3 VS 2008的联机帮助 2.3 使用VS 2008开发https://www.doczj.com/doc/3939500.html,网站的一般步骤 2.3.1 新建https://www.doczj.com/doc/3939500.html,网站 2.3.2 新建Web窗体页 2.3.3 在VS 2008中浏览网站与网页 2.3.4 在VS 2008中新建安装项目 2.4 https://www.doczj.com/doc/3939500.html, Web窗体模型 2.4.1单文件页模型 2.4.2 代码隐藏页模型 2.5 https://www.doczj.com/doc/3939500.html,窗体页面语法 2.5.1 Web窗体代码模型

    网站设计与制作试卷和答案

    第一部分应知考试题库 2.1.2网页制作基础 1.填空题 (1)网页一般分为()网页和()网页。 (2)HTML是()的缩写,意思为()。(3)网页主要由()、()、()、超链接等基本元素构成。(4)常用的制作网页的专门工具有()和()。 (5)如果属性面板被隐藏了,可以通过执行()菜单下的“属性”命令来打开。2.选择题 (1)下面文件属于静态网页的是______。 (2)属于网页制作工具的是______。 A.photoshop B.flash C.dreamweaver D.cuteFTP (3)用于调整编辑窗口中被选中元素的属性的面板是_____ A.插入面板 B.属性面板 C.设计面板 D.文件面板 (4)在网页中经常用的两种图像格式是_______。 A.bmp和jpg B.gif和bmp C.png和bmp D.gif和jpg (5)下列说法正确的是_____。 A.动态网页使用应用程序解释器但不使用后台数据库 B.动态网页不使用应用程序解释器但使用后台数据库 C.动态网页不使用应用程序解释器也不使用后台数据库 D.动态网页使用应用程序解释器也使用后台数据库 2.1.3网站的创建与管理 1.选择题 (1)如果正在编辑的文件没有存盘,系统在文件名上加上____符号提示用户。 A.! B. C.# D.* (2)在“资源面板”中没有列出的资源是______。 A.文本 B.图像 C.颜色 D.脚本 (3)保存网页文档的快捷键是__________。 A.Ctrl+A B.Ctrl+S C.Ctrl+W D.Ctrl+N (4)下列哪一种视图不属于“文件面板”中视图列表中的视图类型 A.本地视图 B.地图视图 C.远程视图 D.大纲视图 (5)定义站点时,存放网页的默认文件夹为__________。 A.C盘根目录 B.D盘根目录 C.我的文档 D.没有默认文件夹,必须由用户指定 2.1.4页面的整体控制 1.选择题 (1)打开页面属性对话框,使用_______功能键。 A.Ctrl+K B.Ctrl+J C.Ctrl+M D. Ctrl + F (2)下面的颜色中,____表示黄色。 A.#FFFF00 B.#FFOOFF C.#00FFFF D.#00FF00 (3)当网页既设置了背景图像又设置了背景色,那么_____。 A.以背景图像为主 B.以背景色为主

    网页制作技术期末综合习题

    网页制作技术期末综合习题 一、填空题 1.Dreamweaver MX有______种工作界面。 2.在站点中建立新的网页文件,其默认的文件扩展名为_________。 3.打开站点面板时,可执行__________菜单中的“站点”命令。 4.如果不想在段落间留有空行,可以按__________组合键。 5.为了让浏览者快速了解图像的概况,在Dreamweaver MX提供了设置__________的功能。 6.单元格内间距是指单元格内的对象与单元格__________之间的距离。 7.单元格间距是指单元格与__________之间的距离。 8.为了使所设计的表格在浏览网页时,不显示表格的边框,应把表格的边框宽度设为_______。 9.在表格的__________中可以插入另一个表格,这称为表格的嵌套。 10.表格的嵌套是指在一个表格中插入另一个表格,表格的平铺是指将不同的表格放置在网页的____________。 11.为了加快下载速度,尽量_______整个网页的内容放在一个大的表格中。 12.在_________视图中,可以使用拖动鼠标的方法在页面中绘制布局单元格。 13.在_________视图中,可以使用拖动鼠标的方法移动单元格的位置。 14.在Dreamweaver MX中,可以插入文本框的类型有单行文本框、多行文本框和__________。 15.在网页种插入文本框、单选框、多选框或跳转菜单时,要先插入空白的_________。 16.在表单中可以插入的按钮包括提交按钮、重置按钮和___________。 17.在包含框架的页面中,每个框架都显示一个________。 18.保存包含框架的页面时,如果页面中包含四个框架,要保存全部页面信息,共需要保存______个文件。每个文件的扩展名都为htm。 19.在保存框架文件时,框架的文件名必须以字母开头且________大小写。 20.浏览器在第一次装载文框架网页时,如果需要指定该框架所显示的网页文件,则要设置该框架的______________属性。21.如果链接的目标文件在本地站点中,可以使用绝对URL或相对URL,如果要链接站点以外的目标文件,则必须使用______________。 22.创建锚链接之前,必须在页面中失当的位置____________。 23.锚链接所起到的作用,就是在页面中起到________的作用,节约查找信息的时间。 24.建立与电子邮件的超链接时,在属性面板的链接文本框中输入__________+电子邮件地址。 25.在制作文本超链接时,建立了超链接德文本__________发生了变化,并且多了一条下划线。 26.使用_____________可以改变页面中建立超链接文本的显示属性。 27.使用_______________可以将格式与网页结构分离,同时可以控制多个网页稳当。 28.通过层可以非常精确地对页面中的________定位。 29.___________是指包含在另一个层中的层。 30.如果选中多个层,_______________的一个层调整柄一黑色突出显示,其他被选中层的调整柄以白色显示。 31.利用属性面板使多个层实现左对齐的操作时,选中多个层后应该在属性面板的_______文本框中输入数值。 32.默认情况下,层的__________值是按照层的创建顺序依次增加。该值大的层显示在层的上面。 33.用户与网页进行简单交互时,若不使用服务器端的应用程序,可以使用javascript脚本外还可以使用Dreamweaver MX 提供的__________功能。 34.使用时间轴面板可以设置各个____________的显示属性以及整个时间轴的播放顺序。 35._____________是动画条中为对象设置位置、大小、颜色等属性的帧。 36.用鼠标拖动动画条,可以调整其在时间轴的位置,从而可以改变对象的持续时间。 52.在文档窗口中,用拖动弹出式菜单边框位置可以设置其相对于触发对象位置,用这种方法只能确定_______________的

    网页设计与制作试卷试题(附答案)

    “双语”教育2012-2013第2学期 《网页设计与制作》 年级专业:学号姓名: 一、单选题(共45小题,每小题1分,共45分) 1、在网站设计中所有的站点结构都可以归结为【 B 】 A、两级结构 B、三级结构 C、四级结构 D、多级结构 2、在客户端网页脚本语言中最为通用的是【 A 】 A、javascript B、VB C、Perl D、ASP 3、所学网布局的方法是【 E 】 A、表格 B、布局 C、层 D、DIV E、都是 4、在HTML中,标记的Size属性最大取值可以是【 C 】 A、5 B、6 C、7 D、8 5、所学网页页面构成有【 E 】 A、顶部(标题) B、底部(注释) C、正文 D、导航 E、都有 6、用户登陆页面不可能用到的是【 B 】 A、服务器行为检查新用户 B、绑定字段 C、用户身份验证 D、建立数据库 7、成绩录入系统不能用到的【 C 】 A、建立数据库 B、绑定插入记录集 C、检查表单 D、重复区域 8、非彩色所具有的属性为【 C 】 A、色相 B、饱和度 C、明度 D、纯度 9、下面说法错误的是【 D 】 A、规划目录结构时,应该在每个主目录下都建立独立的images目录

    B、在制作站点时应突出主题色 C、人们通常所说的颜色,其实指的就是色相 D、为了使站点目录明确,应该采用中文目录 10、目前在Internet上应用最为广泛的服务是【B 】 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 11、Web安全色所能够显示的颜色种类为【C 】 A、4种 B、16种 C、216种 D、256种 12、为了标识一个HTML文件应该使用的HTML标记是【C 】 A、 B、 C、 D、

  • 13、框架结构页面正确的说法是【 D 】 A、点击左边导航显示右边 B、只能链接图片 C、框架页面为新建常规页面 D、插入可编辑区域可以生成模板 14、显示页面设计时不能用到的是【 D 】 A、建立数据库 B、设置数据源 C、连接数据库 D、更新记录集 15、对远程服务器上的文件进行维护时,通常采用的手段是【B 】 A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中,最安全的权限级别是【A 】 A、读取 B、执行 C、脚本 D、写入 17、Internet上使用的最重要的两个协议是【B 】 A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 18、网页的特征是【 A 】 A、HTML文档的基本特征——超文本 B、标识语言,网页中不能没有标记(Tag) C、网页提供了一些措施以防在网上冲浪的过程中迷失方向 D、网页实现了对原文档信息的无限补充或扩展 19、与上网无关 ..的协议是【 C 】 A、HTTP B、SMTP C、SOKET D、POP3 20、设置字体大小的代码是【D 】

    网页制作技术B

    中山火炬职业技术学院《网页制作技术》练习册 专业: 班级: 姓名: 学号: 2011年5月26日制

    《网页制作技术》习题二 一、选择题(30分,每题2分) 1、浏览器是显示网页信息的工具,以下那种不是浏览器?() A、IE B、Netscape Navigator C、火狐浏览器 D、163 2、以下错误的是()。 A、动态网页的扩展名是固定的,只能是.aspx 。 B、浏览一个Web站点时,一般自动显示该站点的主页。 C、定义网页中的标题用标签。 D、网页在计算机中是以纯文本文件格式存储的。 3、若希望在新开的浏览窗口中打开链接内容,则超链接目标框架设置应为:() A、_self B、_blank C、_parent D、_aa 4、定义表格的行可以使用()标签。 A、 B、
    C、 D、


    5、在Dreamweaver中,下面关于布局表格属性的说法错误的是()。 A、可以设置宽度 B、可以设置高度 C、可设置表格的背景颜色 D、不能设置单元格之间的距离 6、以下( )不是网页文件的后缀。 A、*.php B、 *.ppt C、*.htm D、 *.html 7、在Dreamweaver中,下面关于层的说法错误的是()。 A、不可以改变重叠的次序 B、可以改变层的大小 C、层可以被定位于网页的任何地方 D、可以设定层的可是否见与否可见 8、在Dreamweaver中,下面关于CSS的说法错误的是:( )。 A. CSS语法格式中有几个不同的属性,中间用逗号隔开 B. 一般用“标签属性:属性数值”来表示CSS语法格式 C. CSS定义一般是由标签、大括号构成 D. CSS语法中的大括号中放置此标签的属性 9、在Dreamweaver中超链接标签有四种不同的状态。下面不是其中一种状态的是()。 A、 a:visited B、a:active C、a:link D、 a: br 10、以下那种声音文件格式不可以导入到FLASH中?() A、MID格式 B、ggo格式 C、MP3格式 D、WAV格式 11、在Dreamweaver 中,对已有的样式表不可以进行的操作是() A、合并或拆分 B、修改 C、删除 D、复制 12、在Dreamweaver中,下面关于CSS语法的颜色表达方法错误的是()。 A、在颜色属性中可用关键字,如green

    《网页制作》教学设计(优质课比赛优秀设计)

    《网页制作》教学设计(优质课比赛优秀设计)《网页制作》教学设计 一、教材或教学内容分析 本章内容在本教材中的位置处于第五章,是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有很多的共通之处,所以在学习frontpage的时候,很多内容可以让学生自学,而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础,学生对网页中的基本元素——文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的方法。所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些基础,学起来就轻松多了。 本章内容按照学生已有的基础,我对教学内容分了一下类,也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。 重点是网页的制作和创建超链接,学会了这些就可以开始简单的网页制作了。 难点是网页框架,这部分相互之间关系比较复杂,必要时,老师在对各组个别辅导时,可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考,使分工更加合理。 二、教学对象的分析 第 1 页共 6 页 信息技术课虽然已经成为初中的必修科目,但是城乡学生之间掌握情况的差异却相当大,条件好一点的初中学生不仅已经熟练掌握了课本上的内容,还对一些常

    用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习,他们需要多锻炼、多指导,所以协作学习对学生的学习帮助很大。 三、教学策略的选择及媒体的使用 在教学策略的选择上,我使用的是任务驱动和协作学习相结合的方法。 任务驱动就是要求本章内容学习完之后,每个小组都要完成自己班级网站的制作,并在全班进行评比,选择最好的作为班级主页挂到学校主页上去,这有助于激发学生参与学习的积极性。 协作学习则是让学生在学习过程中互帮互助,用较短的时间、教少的精力学到更多的东西,完成一个集体项目,让他们在学习之后获得成就感。因此在媒体的选择上,我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前,教师把学生按座位分成四组,每个组都按学生对计算机的掌握程度平均分配,保证每个组都有计算机操作方面比较突出的,也有相对比较差的,使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名,然后由组长根据组员的情况,确定在班级主页制作过程中主要完成什么任务,也就是说起到一个组织者的作用。做过网页的人都知道,做网页是一项比较费时的工作,而要学生在较短的时间内制作出像样的网页是比较困难的,而在这个过程中,网页的设计占去了相当多的一部分时间,组长把任务分到各组员头上以后,组员就可根据自己要完成的任务相对集中的做某方面的工作,做完以后,组员之间进行经验交流,告诉组员自己的网页是如何制作出来的,在完成自己的网页后,再重复一遍制作过程花费的时间的不多的。这样,其他组员就可在较短的时间之内 第 2 页共 6 页 掌握比较先进的网页制作方法,而不必再花那么多时间去探索。因为每位组员都必

    相关主题
    文本预览
    相关文档 最新文档