本书共11部分,内容包括:构建网页的图文信息、利用表格和内联框架设计规整的网页、高效制作风格一致的网页、运用“行为”功能提升用户体验、制作可让用户提交信息的表单文档、实现与用户交互的动态网页、项目网站部署与展望等。
本教材取消章节而由技能模块代替,每个模块由四个部分组成:
(1)任务引领。全书包含许多个独立的任务,这些任务采用中、小企业工程实例素材,它们分布在每个知识模块之前,用来引领学生学习该模块设定的若干重要知识点。当完成这些任务后,学生就基本了解了对应知识点的作用以及使用方法。
(2)相关知识。网页设计技术复杂而且繁琐,单纯依靠每个模块中的几个任务引领不可能把该模块重要的知识点涵盖全面,运用也没有深度。“相关知识”运用简短的篇幅对相关的理论知识点进行了有效的补充。
(3)项目渐进。它是一个比较完整的综合性实战项目,该项目从无到有,循序渐进。学习完每个模块后,即可利用相应知识点对其进行逐步完善,教材学习完毕,这个综合性实战项目也就制作完整了,从而使读者从宏观上对整个知识结构有了更清晰的认识,也增加了教材的可读性和适用性。
(4)拓展训练。职业教育的培养应该以能力为本位,因此,在每个模块后面,还精心设计了一个图文形式的网页设计练习,学生可以依照本模块所学知识点将其设计制作完成,这样能够进一步培养学生开发网站的实践能力和创造能力。
模块1 认识开发工具,了解基本网页
任务引领 “世界你好”
1.网站项目开发流程
2.Dreamweaver的下载与启动
3.Dreamweaver的操作界面
4.自由摆放的面板组
项目渐进 网站项目“我心飞扬”之第1阶段“温馨提示”
回味思考
模块2 构建网页的图文信息
任务引领1 “古诗鉴赏”
1.创建网站制作空间
2.设置网页文档属性
3.修改文字属性
4.使用项目列表
5.在网页文档中插入水平线
6.插入各种符号
任务引领2 “名车风采”
1.在网页中插入图像
2.优化图像和段落
3.制作图标响应的翻转菜单
4.利用超级链接连接相关网页
5.利用图像热点,在一张图像上设置多个不同的链接
6.设置文件头标签
项目渐进 网站项目“我心飞扬”之第2阶段“热门图文”
拓展训练 “产品介绍”
回味思考
模块3 利用表格和内联框架设计规整的网页
任务引领1 “幼儿园食谱”
1.在网页中应用表格
2.设置表格和单元格属性
任务引领2 “党史学习”
1.利用表格对页面进行布局
2.利用表格设计特殊页面布局
3.在表格中插入背景图像
4.使用“跟踪图像”功能辅助布局定位
任务引领3 “古典名著”
1.利用IFRAME表现框架效果
2.在IFRAME中打开外部网页文档
项目渐进 网站项目“我心飞扬”之第3阶段“爱好分享”
拓展训练 “求职网页”
回味思考
模块4 在网页中展示多媒体
任务引领 “点歌台”
1.媒体文件的概念
2.网页中调用音频
3.网页中展示视频
4.在Dreamweaver中插入其他媒体文件
项目渐进 网站项目“我心飞扬”之第4阶段“热点视频”
拓展训练 “节日祝福”
回味思考
模块5 精致网页从样式表开始
任务引领 “产品说明书”
1.理解CSS样式表
2.改变文字属性
3.修改超链接的显示风格
4.制作列表图标
5.固定背景图像的位置
项目渐进 网站项目“我心飞扬”之第5阶段“爱好分享”
拓展训练 “保护环境卫生通告”
回味思考
模块6 制作移动优先、响应快速的精美网站
任务引领1 “包含页头和页脚的‘世界你好!’”
1.为什么推荐Div+CSS布局而非表格(table)布局?
2.Div+CSS布局核心及常用样式
任务引领2 “教学资源下载”
1.Web前端框架
2.Bootstrap的特点
3.Bootstrap的使用
4.Bootstrap屏幕划分
5.Bootstrap布局
6.Bootstrap组件
7.Bootstrap排版样式
任务引领3 “美味汉堡”
1.创建Bootstrap文档
2.添加Bootstrap组件
3.调整列的尺寸和使列发生偏移
项目渐进 网站项目“我心飞扬”之第6阶段“公告”与“轮播”
拓展训练 “我心飞扬”首页布局制作
回味思考
模块7 高效制作风格一致的网页
任务引领 “散文在线”
1.运用保存素材的库
2.运用保存在库中的项目
3.利用模板功能批量修改或制作网页
4.基于现有文档创建模板
项目渐进 网站项目“我心飞扬”之第7阶段“高效制作各页面”
拓展训练 “流行文学作品荟萃”
回味思考
模块8 运用“行为”功能提升用户体验
任务引领 “变脸”
1.Dreamweaver行为的概念和作用
2.认识事件
3.认识动作
4.事件与行为的对应关系
5.“行为”面板概述
6.常用内置JavaScript行为
项目渐进 网站项目“我心飞扬在”之第8阶段“快速链接”
拓展训练 “打地鼠”
回味思考
模块9 制作可让用户提交信息的表单文档
任务引领 “旅游订购单”1.网页“交互”的含义2.表单的知识项目渐进 网站项目“我心飞扬”之第9阶段“给我留言”拓展训练 “吧友注册”设计回味思考模块10 实现与用户交互的动态网页任务引领1 “开发环境架设”1.把“我”的个人电脑配置成网站服务器2.如何在本机以网站服务器形式显示自己的网站?任务引领2 “用数据库存储通信录信息”1.数据库的定义2.数据库的结构3.数据类型4.默认值任务引领3 “用网页添加并显示通信录”1.添加和显示通信录的实质2.PHP网页结构3.编码4.MySQL中数据的备份与恢复项目渐进 网站项目“我心飞扬”之第10阶段“实时留言板”拓展训练 “日记本”回味思考模块11 项目网站部署与展望11.1 项目网站最终效果11.2 项目网站部署11.3 项目网站总结与展望附录附录A HTML基础附录B CSS基础
......