网页艺术设计讲义.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常见标签的基本作用和用法 补充内容 无 教学场地 及教具使用 多媒体机房 教　学　过 程 方法手段 时间分配 导 入 展示一个多媒体网页，然后让同学们观看代码窗口中所对应的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、有序列表 知识拓展：无 练习或训练 课堂案例 课后小结 布置作业 课后练习 授课章节 网页中图像的使用 授课形式 现场教学 授课时间 第 周 周 （ ） 第 至 节 教学目