第1单元网页制作入门式
教学案例:初识网站与网页设计
知识准备
一、网站建设基本概念
二、制作网页的常用工具
三、网页设计中的要素
四、网站设计流程
案例赏析
一、艺术类网站案例描述和分析
二、体育类网站案例描述和分析
三、时尚类网站案例描述和分析
四、商业类网站案例描述和分析
五、儿童类网站案例描述和分析
六、饮食类网站案例描述和分析
单元小结
单元习题
第2单元网页设计从Dreamweaver CS5软件开始
教学案例:定义“魅力篮球”站点并创建网页
案例描述和分析
知识准备
一、Dreamweaver CS5工作界面
二、Dreamweaver CS5文档工具
三、Dreamweaver CS5属性面板与面板组
四、Dreamweaver CS5创建站点
五、Dreamweaver CS5管理站点
六、站点中文件操作
案例制作
举一反三:定义“三利手机网”站点并创建首页
拓展知识:超文本标记语言HTML
一、超文本标记语言HTML的作用
二、HTML文件的结构
三、HTML文件的基本元素
单元小结
单元习题
第3单元网页内容巨匠——网页文本设计
教学案例:“寓言故事”网站插入文字
案例描述和分析
知识准备
一、网页文本格式化操作
二、网页段落格式化操作
三、CSS样式规则
四、设置页面属性
五、在网页中插入日期、水平线以及特殊字符
六、浏览网页
案例制作
举一反三:制作“我们的班级”网页
拓展知识:CSS样式
单元小结
单元习题
第4单元网页点睛神手——图像的美化设计
教学案例一:制作“篮球及其发展”网页
案例描述和分析
知识准备
一、网页中常用的图像格式
二、设置图像的基本属性
案例制作
一、网页中插入图像
二、编辑网页中的图像
教学案例二:创建鼠标经过图像
案例描述和分析
知识准备
案例制作
教学案例三:给网页添加声音
案例描述和分析
知识准备
一、音频文件格式
二、嵌入声音文件
案例制作
一、网页添加背景音乐
二、在网页中插入SWF文件
三、设置SWF文件的属性
举一反三:制作“网页美术班级”班级介绍网页
拓展知识:图像的其他操作
一、图像与文本的对齐
二、网页图像链接
三、修改图像地图热点
单元小结
单元习题
第5单元网页结构之翼——层布局的设计
教学案例:制作“唯我音乐榜”网页
案例描述和分析
知识准备
一、在页面中创建层
二、设置层的属性
三、层的基本操作
四、使用标尺与网格定位层
案例制作
举一反三:制作“美丽瞬间”网页
拓展知识:层与表格的转换
一、层转化为表格
二、表格转化为层
单元小结
单元习题
第6单元网页方寸间的艺术——表格布局
教学案例:制作“篮球技巧”网贞贞面
案例描述和分析
知识准备
一、表格的基本构成
二、表格的创建
三、设置表格属性和单元格
四、嵌套表格的创建
五、选择表格及其元素
六、修改和调整表格
案例制作
一、网页页眉布局——插入表格
二、计算并合并单元格
三、添加图像及文字
四、创建导航栏布局
五、创建信息栏布局
六、网页页脚布局
举一反三:“开心一笑”案例
拓展知识:埘表格进行排序
单元小结
单元习题
第7单元网页巨厦基础——框架设计
教学案例:制作美丽养生网贞
案例描述和分析
知识准备
一、创建框架集
二、选择框架和框架集
三、设置框架集和框架属性
四、导入框架文件
五、保存框架
案例制作
举一反三:制作旅游框架网页
拓展知识:框架的特点与有效保护
一、框架的优点
二、框架的缺点
三、避免框架网页被盗用
单元小结
单元习题
第8单元网页情感互动机——表单应用设计
教学案例:个人基本资料没置表单的制作
案例描述和分析
知识准备
一、表单的作用
二、创建表单
三、设置表单属性
四、表单对象
案例制作
举一反三:制作用户登录表单网页
拓展知识:添加验证表单行为
单元小结
单元习题
第9单元灵动天使——动态网页设计
教学案例一:创建网页浮动动画效果
案例描述和分析
知识准备
案例制作
一、创建图像遮帘效果
二、创建图像缩放效果
教学案例二:添加滚动字幕
案例描述和分析
知识准备
一、<marquee>标签
二、<marquee>标签的主要功能
案例制作
一、添加滚动日期
二、向上滚动文字
教学案例三:制作特效菜单及弹出信息
案例描述和分析
知识准备
一、Spry框架
二、行为
三、事件
四、Spry菜单栏
五、属性菜单条面板
案例制作
一、特效菜单
二、制作窗口弹出信息
教学案例四:制作浏览窗口与预先载入图像
案例描述和分析
知识准备
一、“打开浏览器窗口”行为
二、使用“预先载入图像”行为
案例制作
一、制作打开浏览器窗口
二、预先载入图像
举一反三:为班级网页添加滚动通知
拓展知识:Dreamweaver CS5中的常用事件
一、浏览器事件
二、鼠标事件
三、其他事件
单元小结
单元习题
……
第10单元网页制作效率利刃——模板和库、超级链接设计应用
第11单元网页提速器——切片运用设计
第12单元“汽车网站”网站设计与美化