网页制作第二章
- 格式:ppt
- 大小:2.01 MB
- 文档页数:22


一、单选题
1.Dreamweaver是( )公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器。
A、APPLE B、DREAMWORK C、MACROMEDIA D、MICROSOFT
2.下述哪个工具可以编写网页? ( )
A、FireWork B、AutoCAD C、PhotoShop D、记事本
3.要将样式信息作为文档的一部分用于HTML,定义样式时使用的标记是
A、 B、 C、 D、
《网页设计与制作》教案
第一章:网页设计基础
1.1 教学目标
让学生了解网页设计的基本概念和原则
让学生掌握网页设计的流程和方法
1.2 教学内容
网页设计的概念和定义
网页设计的原则和要素
网页设计的流程和方法
1.3 教学方法
讲授法:讲解网页设计的概念和原则
实践法:学生动手实践设计简单的网页
1.4 教学评价
学生能回答出网页设计的概念和定义
学生能理解并运用网页设计的原则和要素
学生能独立完成简单的网页设计
第二章:HTML与CSS基础
2.1 教学目标
让学生了解HTML和CSS的基本概念和作用
让学生掌握HTML和CSS的基本语法和用法
2.2 教学内容
HTML的基本概念和语法 CSS的基本概念和语法
HTML和CSS的综合应用
2.3 教学方法
讲授法:讲解HTML和CSS的基本概念和语法
实践法:学生动手实践编写HTML和CSS代码
2.4 教学评价
学生能回答出HTML和CSS的基本概念和作用
学生能理解并运用HTML和CSS的基本语法和用法
学生能独立完成简单的HTML和CSS代码编写
第三章:网页布局与排版
3.1 教学目标
让学生了解网页布局和排版的基本原则和方法
让学生掌握使用HTML和CSS进行网页布局和排版的技术
3.2 教学内容
网页布局的基本原则和方法
网页排版的基本原则和方法
使用HTML和CSS进行网页布局和排版的技术
3.3 教学方法
讲授法:讲解网页布局和排版的基本原则和方法
实践法:学生动手实践进行网页布局和排版
3.4 教学评价
学生能回答出网页布局和排版的基本原则和方法 学生能理解并运用HTML和CSS进行网页布局和排版的技术
学生能独立完成具有良好布局和排版的网页设计
第四章:网页动画与交互
4.1 教学目标
让学生了解网页动画和交互的基本概念和原理
让学生掌握使用HTML和CSS实现网页动画和交互的技术
4.2 教学内容
网页动画的基本概念和原理
第二章:HTML
html的概念以及制作简单的html网页
1.1 html的基本结构和格式:
html文档通常都是以开始,以结尾,其中包括了两大部分:第一部分是……区域,也就是网页头部,这里的内容不在网页中显示。第二部分是……区域,被称为体部,也就是页面的内容部分。用于放置所有页面显示的内容。
一般的html标签都具有开始和结束标记,这种成对的html标签写在被它所包裹的元素的开始和结束的位置。
多种标签组合是通过嵌套来确定结构的(比如:
这个段落里面包含了一个链接
通常一个html文档具有以下的基本结构:
这里是html的文档标题
……
例:一个简单的html网页文档
我的第一个html网页
html是网络的通用语言,一种简单、通用的标记语言。这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。当大家了解html后会知道这种语言其实并不难。
1.2 常用的html标签(一): ……:html文档的开始和结束标记,位于html文档的开始和结束。
:注释内容,用于放置注释内容,注释标签可以放在html文档的任意一个独立的位置,其内容将不会被现实在页面。
头部标签类:
……:html文档头部的开始和结束标记。
……:这里是html的文档标题,在浏览器的窗口栏上显示。
:元素可提供有关页面的元信息,比如页面编码以及针对搜索引擎的关键词等。
:显示文档与其他文档之间的连接关系,比如外链的css层叠样式表。
:用于定义文档中相对路径的根目录。
第六章 网页的设计与制作
第二节 网页制作
教学主题 网页制作(1)(设计制作“北京故宫”的网站主页)
适用年级 高一年级 教学课时 1课时
教材分析 概述:通过网页设计,了解并掌握网页设计软件的基本使用方法和网页设计的一般步骤
重点:熟练使用网页设计软件FrontPage,表格的修饰和图片属性的设置
难点:表格的修饰和图片属性的设置
学习目标 1、掌握网页制作软件FrontPage 2000的基本使用方法
2、学会设计和制作简单的网页
所需资源和环境
网络资源 使用搜索引擎查找与北京故宫相关的信息(包括图片、文字、视频等)
常规资源 1、浙江教育出版社2004版《信息技术基础》第六章6.2.5节配套光盘
2、教材配套教师用书
3、设计制作“北京故宫”的网站主页学习任务单
教学支撑环境 计算机网络教室、所有计算机能够上网、多媒体网络教室软件或者投影仪
教学设计
教学引导问题设计 问题 目的 重点/难点/关键点
你知道网页是怎么制作出来的吗? 激发学生的学习兴趣 网页制作的大体过程
主页有什么作用? 让学生知道主页的作用 主页的作用
你知道怎样设置表格的属性吗? 让网页更美观 虚线框的设置方法
你知道怎样设置图片的属性吗? 让图片更符合整体要求 属性对话框中的各个属性作用
如何说明你的版权? 保护自己的劳动成果 保护个人成果
如何预览主页并利用HTML语言进行网页的修改? 观察它与编辑窗口有何关系 各种代码所代表的含义 教学过程设计 一、新课引入:
利用IE浏览器打开临沂三中网站主页()和配套光盘中content\第6章\操作示例\北京故宫\index.htm(如果不能上网,需要自己提前制作一个较好的主页,以作比较用)。
二、教学内容
1、 设问:你知道这个网站的主页是怎么制作出来的吗?
教师活动:让学生打开课本第114页,快速浏览“实践体验”中主页制作的大体过程。
2、设问:主页有什么作用?