文档介绍：授课章节
了解网页艺术设计以及网页艺术设计的工具
授课形式
现场教学
授课时间
第周周( ) 第至节
教学目标
知识目标:掌握网页的基本概念。
能力目标:熟悉网页使用软件——Dreamweaver
素质目标:熟悉网页使用软件——Dreamweaver
教学重点
Dreamweaver的功能介绍
站点的创建和管理
教学难点
Dreamweaver的功能介绍
站点的创建和管理
补充内容
无
教学场地
及教具使用
计算机机房
教学过程
方法手段
时间分配
导入
多媒体展示
新课
网站基础知识
www站点
统一资源定位器URL(Uniform Resources Locator)
超级链接
静态网页与动态网页
新课
Dreamweaver 工作环境
文档窗口:打开最近项目、创建新项目、从范例创建
插入工具栏:常用、布局、表单、文本、HTML、应用程序、Flash元素、收藏
文档工具栏:代码、拆分、设计视图,文档标题,文件管理、错误检查、预览
状态栏:标签选择器、选择与缩放、窗口大小等
Dreamweaver 文档的基本操作
文档的新建:【文件】|【新建】
新建类别:基本页、动态页、模板页、框架集等
文档的保存:保存、另存为、保存全部
文档的打开
文档的页面属性设置:【修改】|【页面属性】
外观属性:字体、大小、颜色、背景色与背景图、边距
链接属性:超级链接的字体、大小、四种链接状态的颜色、下划线
标题/编码:标题和编码格式
四、Dreamweaver站点的创建与管理
创建站点:【站点】|【新建站点】,选择【基本】选项卡
确定站点名称及http地址
选择站点保存的根目录位置
选择站点是否需要链接到远程服务器
核对站点信息
【管理站点】对话框:选择【站点】|【管理站点】
知识拓展:无
练习或训练
课堂案例
课后小结
布置作业
课后练习
授课章节
HTML基本语法
授课形式
现场教学
授课时间
第周周( ) 第至节
教学目标
知识目标:掌握HTML的基本结构和语法。
能力目标:掌握HTML的基本结构,并能熟练编写HTML语言
素质目标:熟练使用HTML语言进行网页程序设计
教学重点
1、HTML语法基本结构的讲解
2、HTML程序的编写
教学难点
1、HTML语法的基本含义和组织结构
2、HTML常见标签的基本作用和用法
补充内容
无
教学场地
及教具使用
多媒体机房
教学过程
方法手段
时间分配
导入
展示一个多媒体网页,然后让同学们观看代码窗口中所对应的HTML脚本,然后导入到HTML基本语法的讲解。
多媒体展示
15分钟
新课
1、HTML的文档结构
(1)文档结构标签<html>、<head>、<body>
(2)文本格式标签<title>、<p>
(3)字符格式标签<b>、<sub>
(4)列表标签<ul>、<dl>
(5)链接标签<a>
(6)多媒体标签<img>
(7)表格标签<table>
学生上机练习:利用HTML创建自己的各种网络标签
现场演示+讲解
90分钟
新课
3、CSS层叠样式表的介绍
(1)CSS样式表代码的标签
(2)Javascript代码标签
学生上机练习:利用HTML创建自己的各种网络标签
现场演示
90分钟
练习操作
10分钟
知识拓展:无
练习或训练
练习题:P27配套实训
课后小结
布置作业
授课章节
网页中文字的使用
授课形式
现场教学
授课时间
第周周( ) 第至节
教学目标
知识目标:掌握网页的文本的插入方式。
能力目标:掌握特殊字符、滚动文字、列表、日期、水平线的插入方法
掌握设置文本属性
素质目标:掌握利用属性面版改变对象的样式
教学重点
特殊字符、滚动文字、列表、日期、水平线的插入方法
掌握设置文本属性
教学难点
特殊字符、滚动文字、列表、日期、水平线的插入方法
掌握设置文本属性
补充内容
无
教学场地
及教具使用
计算机机房
教学过程
方法手段
时间分配
导入
新课
一、网页中使用文本
1、输入特殊字符
2、插入日期
3、插入滚动文字
4、插入水平线
二、设置文本属性
字体(font-family)、大小(font-size)、字体颜色(color)、粗体(font-weight)、斜体(font-style
)
三、创建列表
1、无序列表
2、有序列表
知识拓展:无
练习或训练
课堂案例
课后小结
布置作业
课后练习
授课章节