网页艺术的设计教案.docVIP

授课章节 了解网页艺术设计以及网页艺术设计的工具 授课形式 现场教学 授课时间 第 周 周 （ ） 第 至 节 教学目标 知识目标：掌握网页的基本概念。 能力目标：熟悉网页使用软件——Dreamweaver 素质目标：熟悉网页使用软件——Dreamweaver 教学重点 Dreamweaver的功能介绍 站点的创建和管理 教学难点 Dreamweaver的功能介绍 站点的创建和管理 补充内容 无 教学场地 及教具使用 计算机机房 教　学　过 程 方法手段 时间分配 导 入 多媒体展示 新 课 网站基础知识 www站点 统一资源定位器URL（Uniform Resources Locator） 超级链接 静态网页与动态网页 5.HTML与XHTML 新 课 Dreamweaver 工作环境 文档窗口：打开最近项目、创建新项目、从范例创建 插入工具栏：常用、布局、表单、文本、HTML、应用程序、Flash元素、收藏 文档工具栏：代码、拆分、设计视图，文档标题，文件管理、错误检查、预览 状态栏：标签选择器、选择与缩放、窗口大小等 Dreamweaver 文档的基本操作 文档的新建：【文件】|【新建】新建类别：基本页、动态页、模板页、框架集等 文档的保存：保存、另存为、保存全部 文档的打开 文档的页面属性设置：【修改】|【页面属性】外观属性：字体、大小、颜色、背景色与背景图、边距链接属性：超级链接的字体、大小、四种链接状态的颜色、下划线标题/编码：标题和编码格式 四、Dreamweaver站点的创建与管理 创建站点：【站点】|【新建站点】，选择【基本】选项卡 确定站点名称及http地址 选择站点保存的根目录位置 选择站点是否需要链接到远程服务器 核对站点信息 6.打开【管理站点】对话框：选择【站点】|【管理站点】 知识拓展：无 练习或训练 课堂案例 课后小结 布置作业 课后练习 授课章节 HTML基本语法 授课形式 现场教学 授课时间 教学目标 知识目标：掌握HTML的基本结构和语法。 能力目标：掌握HTML的基本结构，并能熟练编写HTML语言 素质目标：熟练使用HTML语言进行网页程序设计 教学重点 1、HTML语法基本结构的讲解 2、HTML程序的编写 教学难点 1、HTML语法的基本含义和组织结构 2、HTML常见标签的基本作用和用法 补充内容 无 教学场地 及教具使用 多媒体机房 教学）新 课 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、有序列表 知识拓展：无 练习或训练 课堂案例 课后小结 布置作业 课后练习 授课章节 网页中图像的使用 授课形式 现场教学 授课时间 第 周 周 （ ） 第 至 节 教学目标 知识目标：掌握网页的图像对象的插入方式。 能力目标：熟悉网页中属性面板的使用 素质目标：掌握利用属性面版改变对象的样式 教学重点 图像的插入 属性面板的使用 教学难点 图像的插入 属性面板的使用 补充内容 无 教学场地 及教具使用 计算机机房 教　学　过 程 方法手段 时间分配 导 入 多媒体展示 新 课 一、网页图像的插入 1、插入普通图像