目 录
|
模块01 了解开发工具，制作基本网页
|
知识要点
|
|
|
任务引领 "世界你好！"
|
1.网站项目开发流程
2.Dreamweaver的下载与启动
3.Dreamweaver的操作界面
4.可自由摆放的面板组
|
|
|
网站项目“我心飞扬”之第1阶段“温馨提示”
|
||
|
回味思考
|
|
|
|
模块02 构建网页的图文信息
|
知识要点
|
|
|
任务引领一 "古诗鉴赏"
|
1.创建网站制作空间
2.设置网页文档属性
3.修改文字属性
4.利用项目列表整理散乱的内容
5.在网页文档中插入水平线
6.插入各种符号
|
|
|
任务引领二 "名车风采"
|
1.在网页文档中插入图像
2.优化图像和段落
3.制作鼠标响应的翻转菜单
4.利用超链接连接相关网页
5.利用图像热点，在一张图像上设置多个不同的链接
6.设置文件头标签
|
|
|
项目渐近 网站项目“我心飞扬”之第2阶段“热门图文”
|
||
|
拓展训练 "产品介绍"
|
|
|
|
回味思考
|
|
|
|
模块03 利用表格和内联框架设计规整的网页
|
知识要点
|
|
|
任务引领1“幼儿园食谱”
|
1.在网页中应用表格
2.设置表格和单元格属性
|
|
|
任务引领2“党史学习”
|
1.利用表格对页面进行布局
2.利用表格设计特殊页面布局
3.在表格中插入背景图像
4.使用"跟踪图像"功能辅助布局定位
|
|
|
任务引领3“古典名著”
|
利用IFRAME，在网页的内部显示另一个网页
|
|
|
项目渐近 网站项目“我心飞扬"之第3阶段”爱好分享”
|
||
|
拓展训练 "求职网页"设计
|
|
|
|
回味思考
|
|
|
|
模块04 在网页中展示多媒体
|
知识要点
|
|
|
任务引领“点歌台”
|
1.媒体文件的概念
2.网页中调用音频
3.网页中展示视频
|
|
|
项目渐近网站项目“我心飞扬”之第4阶段“热点视频”
|
||
|
拓展训练 “节日祝福”
|
|
|
|
回味思考
|
|
|
|
模块05 精致网页从样式表开始
|
知识要点
|
|
|
任务引领“产品说明书”
|
1.理解CSS样式表
2.改变文字属性
3.修改行间距
4.修改链接的显示风格
5.制作列表图标
6.固定背景图像的位置
|
|
|
项目渐近 网站项目“我心飞扬"之第5阶段美化“爱好分享”
|
||
|
拓展训练 “保护环境卫生通告"
|
|
|
|
回味思考
|
|
|
|
模块06 制作移动优先、响应快速的精美网站
|
知识要点
|
|
|
任务引领1“包含页头和页脚的‘世界你好!”
|
1.为什么推荐div+css布局而非表格（table）布局
2. div+css布局核心及常用样式
3. div+css布局示例
|
|
|
任务引领2“教学资源下载”
|
1. Web前端框架
2. Bootstrap特点
3. Bootstrap的使用
4. Bootstrap屏幕划分
5. Bootstrap布局
6. Bootstrap组件
7. Bootstrap排版样式
|
|
|
任务引领3“美味汉堡”
|
1.创建Bootstrap文档
2.添加Bootstrap组件
3.调整列的尺寸和使列发生偏移
|
|
|
项目渐近 网站项目“我心飞扬”之第6阶段“公告”与“轮播”
|
||
|
拓展训练 “我心飞扬”首页布局制作
|
|
|
|
回味思考
|
|
|
|
模块07 高效制作风格一致的网页
|
知识要点
|
|
|
任务引领“散文在线”
|
1.运用保存素材的库
2.运用保存在库中的项目
3.利用模板功能批量修改或制作网页
4.基于现有文档创建模板
|
|
|
项目渐近 网站项目“我心飞扬”之第7阶段高效制作各页面
|
||
|
拓展训练 “流行文学作品荟萃”
|
|
|
|
回味思考
|
|
|
|
模块08 运用“行为"功能提升用户体验
|
知识要点
|
|
|
任务引领“变脸“
|
1.Dreamweaver行为的概念和作用
2.认识事件
3.认识动作
4.事件与行为的对应关系
5.“行为”面板概述
6.常用内置JavaScript行为
|
|
|
项目渐近 网站项目“我心飞扬"之第8阶段添加“快速链接”
|
||
|
拓展训练 “打地鼠”
|
|
|
|
回味思考
|
|
|
|
模块09 制作可让用户提交信息的表单文档
|
知识要点
|
|
|
任务引领 "旅游订购单"
|
1.网页“交互”的含义
2.表单的知识
|
|
|
项目渐近 网站项目“我心飞扬”之第9阶段“给我留言
|
||
|
拓展训练 "吧友注册"设计
|
|
|
|
回味思考
|
|
|
|
模块10 实现与用户交互的动态网页
|
知识要点
|
|
|
任务引领一 "网站服务器架设"
|
1.把“我”的个人电脑配置成网站服务器
2.如何在本机以网站服务器形式显示自己的网站
|
|
|
任务引领2“用数据库存储通讯录信息"
|
1.数据库的定义
2.数据库的结构
3.数据类型
4.默认值
|
|
|
任务引领3 “用网页添加并显示通讯录”
|
1.添加和显示通讯录的实质
2.php网页结构
3.编码
4.MySQL中数据的备份与恢复
|
|
|
项目渐近 网站项目“我心飞扬”之第10阶段“实时留言板“
|
||
|
拓展训练 "日记本"
|
|
|
|
回味思考
|
|
|
|
模块11 项目部署与展望
|
||
|
项目网站最终效果
1.项目网站的站点结构
2.各页面功能预览
|
|
|
|
项目部署
1.正式部署前的测试
2.关注网站可移植性
3.网站空间和域名申请
4.数据库申请
5.上传浏览
|
|
|
|
项目网站总结与展望
|
||
|
回味思考
|
|
|
|
附录
|
||
|
附录A HTML基础
|
|
|
|
附录B CSS基础
|
|
|
|
|
|
|