Dreamweaver教案李建栋.doc

第一讲 一。Dreamweaver 简介 1.定义 网页软件 2.特点 a.可视化的操作界面 b.内置强大的站点管理工具 c.内置代码 d.支持动态网页技术 e.能很好的与Flash,Fireworks兼容 3.作用 网页设计与网站管理 二.基础Logo（左上角；动态效果不要太强）；Banner（尺寸设置，存储大小） 按钮；导航条设置 5、网页制作原则 站名有创意 整体规划 动画不能过多 导航要明朗 制作通用网页 主题鲜明 优化图像 定时更新 三安装与进入 四.界面五.操作1.站点2.文件3.编辑4.视图.窗口 第二讲 文字 一. 文字 1.作用 2.分类 普通文字 日期 特殊文字 1.常见特殊字符 插入面板---字符选项卡 2.不常见的特殊字符 输入法--微软智能abc--v1 3.排版字符 换行: shift+回车 换段: 回车 空格: 硬空格:ctrl+shift+空格 软空格:空格 4.属性设置二第三讲 图片 一.图片 1.作用 2.注意事项 a.支持格式只能是gif ,jpg,png文件 b.图片文件容量不能太大 c.图片要插入适当 d.图片要美观3.操作 a.插入(插入--常用---图片) b.删除 c.调整 4.属性设置5.应用 1.图片占位符 2.鼠标经过图片 3.导航菜单二第四讲 一.表格 1.作用:主要用于对齐数据和对页面上的文本进行排版。是网页布局.基本操作.高级属性设置 表格 单元格 1、通过实例，介绍用表格对整个网页进行整体布局 2、布局表格工具使用 第五讲 第六讲 第七章 层 一、概述 作用 二、操作 创建 层的嵌套 首选参数设置 选中 拖动 对齐及大小调整 三、层的高级属性操作 1、Ctrl+F3 层面板 2、层和表格的互换 四、实例（用层进行布局，以及制作网页） 第讲 框架 一.框架/分栏 1.定义 当前 2.作用 1.可把当前 2.节约浏览器空间，提高访问效率 3.组成 4.操作 1.建立 2.合并 3.拆分 4.保存 框架集内容 子框架内容 5.设置 1.框架集 2.子框架 3.无框架 6.应用实例 邮箱系统框架的设置一。表单 1.定义: 2.作用：主要用于收集用户的信息和进行交互式的交流。 3.构成 表单域:代码中form，在提交信息时会将整个内容全部提交。 表单元素 4.操作 新建表单 删除表单 5.常用表单元素 第九讲 行为 行为 1.定义根据对网页操作所产生相应的网页特效. 2.组成 事件:你对网页的所有操作 动作:根据所操作响应的效果 3.作用 可以通过行为使网页变得生动。 4。操作 打开行为 添加行为 删除行为 二常用的事件 onClick 当鼠标点击时 onmouseover 当鼠标经过时 onmouseout 当鼠标离开时 onmousedown 当鼠标按下时 onmouseup 当鼠标松开时 oncontextmenu 当单击右键时 onload 当网页加载时 onunload 当关闭网页时四应用实例 第十讲 样式 一.C样式 1.定义 2.作用 3.分类 存盘范围 内联样式 外联样式 应用 自定义样式 HTML样式 CSS选择器样式Link：默认链接状态 Hover：鼠标经过链接时的状态 Active：点击时的状态 Visited：访问过的链接 4.操作 a. 新建