网页设计与开发实战教程 / 应用技术型高等院校十二五规划教材
作者: 李云程
出版时间:2014年7月
出版社:中国水利水电出版社
- 中国水利水电出版社
- 9787517019923
- 150668
- 0047154839-6
- 2014年7月
- 工学
- 计算机科学与技术
- TP393.092.2
- 计算机、网络
- 本科
本书针对应用技术型院校教学目标和学生情况,采用全新教学模式,将合作企业的成功案例“深房小区”网站项目贯穿始终。通过完成任务,学会知识与技术。
全书共11章。主要内容包括:网站策划与创建,HTML5网页设计,网站首页设计,超链接,网页配色与CSS定义布局设计,用Spry构件设计页面,网页模板设计与表单,JavaScript交互效果设计,jQuery应用设计,网站测试与发布,网站设计综合训练方案。
本书适合作为应用技术型本科院校相关专业教材,也适合高职高专和自学者使用。本书资源库提供附录、全部网站文件范例资源和参考教学大纲,读者可以从中国水利水电出版社和万水书苑下载,网址为:http://www.waterpub.com.cn/softdown/和http://www.wsbookshow.com。
前言
第1章 网站策划与创建
1.1 互联网与网站剖析
1.1.1 网站基础知识
1.1.2 任务:网站剖析
1.1.3 任务实现
1.2 网站策划设计
1.2.1 任务:策划一个自己待建主题网站
1.2.2 任务实现
1.2.3 知识补充:网站策划与页面设计
1.3 使用Dreamweaver创建网站站点
1.3.1 任务:创建与维护待建网站站点
l.3.2 任务实现
1.3.3 知识补充:Web网站与维护
实训项目
第2章 HTML5网页设计
2.1 制作基本网页
2.1.1 任务:一个“云南怒江游记”的
文字页面
2.1.2 任务实现
2.1.3 知识补充:定义Dreamweaver的首选
参数和HTML5简介
2.2 制作图文网页
2.2.1 任务:带有文字和图片混排的
“云南怒江游记”页面
2.2.2 任务实现
2.2.3 任务拓展:为文字配多张图片
2.2.4 知识补充:图像使用和Dreamweaver
的组件功能
2.3 制作多媒体网页
2.3.1 任务:一个带有文字、图片和视频
的页面
2.3.2 任务实现
2.3.3 任务拓展:带有歌曲链接和Flash
动画等效果的页面
2.3.4 知识补充:常用多媒体对象
实训项目二
第3章 网站首页设计
3.1 利用表格布局设计首页
3.1.1 任务:设计一个网站首页页面
3.1.2 任务实现
3.1.3 知识补充:网页布局设计
3.2 设计网站Logo
3.2.1 任务:设计深房小区网站Logo
3.2.2 任务实现
3.2.3 任务拓展:设计另一个深房小区
网站Logo
3.2.4 知识补充
3.3 设计Gif动画
3.3.1 任务:设计一个横幅的Gif动画广告
3.3.2 任务实现
3.3.3 任务拓展:设计一个图形围绕中心
顺时针不停旋转Gif动画
3.3.4 知识补充:动画设计
3.4 设计网站导航条
3.4.1 任务:设计一组导航条
3.4.2 任务实现
3.4.3 任务拓展:利用系统按钮设计导航条
3.4.4 知识补充:导航条设计
3.5 导航下拉单
3.5.1 任务:设计一带有下拉菜单的导航条
3.5.2 任务实现
3.5.3 知识补充:再谈设计下拉菜单
3.6 用Flash设计文字变化动画
3.6.1 任务:设计一个横幅文字变化广告
3.6.2 任务实现
3.6.3 知识补充:Flash动画设计
3.7 用Flash设计带有图文变化动画
3.7.1 任务:设计一个带有图文变化
广告条
3.7.2 任务实现
3.7.3 知识补充:Flash设计规范
3.8 用Flash设计复杂变化效果
3.8.1 任务:设计一个复杂变化效果广告
3.8.2 任务实现
3.8.3 知识补充:Flash动画场景应用
3.8.4 任务小结
3.9 在主页中检查插件和跳出公告窗口
3.9.1 任务:网站首页检查插件并弹出
一个公告
3.9.2 任务实现
3.9.3 知识补充:行为面板及其功能
实训项目三
第4章 超链接
4.1 创建文字图片内外部链接和电子
邮件链接
4.1.1 任务:设计页面各种超链接
4.1.2 任务实现
4.2 创建锚点链接以及图像热点
4.2.1 任务:为页面信息设置锚点链接
4.2.2 任务实现
4.2.3 任务拓展:在页面地图上设置
热点链接
4.2.4 知识补充:网页文档的设计备注
实训项目四
第5章 网页配色与cSS定义布局设计
5.1 玻璃质感导航按钮与主页配色设计
5.1.1 任务:设计一组玻璃质感按钮
5.1.2 任务实现
5.1.3 知识补充:颜色搭配设计
5.2 页眉图片和Logo视觉修饰设计
5.2.1 任务:设计一幅页眉图片
5.2.2 任务实现
5.2.3 知识补充:网站整体风格设计
5.3 用CSS与I)iv设计网页
5.3.1 任务:一个网页的布局设计
5.3.2 任务实现
5.3.3 任务拓展:CSS及其规则
5.3.4 知识补充:Dreamweaver中
创建CSS
实训项目五
第6章 Spry构件应用
6.1 Spry菜单栏构件
6.1.1 任务:用Spry菜单栏构件设计网站
导航条
6.1.2 任务实现
6.1.3 知识补充:Spry Widget的进一步
说明
6.2 Spry折叠构件
6.2.1 任务:用Spry折叠构件设计网站
左侧内容导航
6.2.2 任务实现
6.3 Spry选项卡式与可折叠式等构件
6.3.1 任务:用Spry选项卡式面板等设计
正文内容显示效果
6.3.2 任务实现
6.3.3 任务小结
实训项目六
第7章 网页模板设计与表单
7.1 使用模板制作页面
7.1.1 任务:定义与利用模板设计“时尚
直击”子栏目页面
7.1.2 任务实现
7.1.3 知识补充:Dreamweaver创建模板
的首选参数
7.2 表单
7.2.1 任务:创建交互式表单
7.2.2 任务实现
实训项目七(a)
实训项目七(b)
第8章 JavaScript交互效果设计
8.1 日期时间对象Date()
8.1.1 任务:在页面内显示日期时间并倒记时
天数
8.1.2 任务实现
8.1.3 任务拓展:在页面上显示时间和
中文曰期
8.2 树型目录设计
8.2.1 任务:树型目录导航设计
8.2.2 任务实现
8.2.3 任务拓展:单纯利用表格设计
树型目录
8.3 隐藏的浮动导航面板
8.3.1 任务:设计可以隐藏于浏览器侧面
的导航面板
8.3.2 任务实现
8.4 鼠标控制文字运动效果
8.4.1 任务:跟随鼠标运动的蛇形文字
8.4.2 任务实现
实训项目八
第9章 jQuery应用设计
9.1 jQurey选择器使用
9.1.1 任务:利用jQuery改变页面
显示效果
9.1.2 任务实现
9.1.3 任务小结
9.1.4 任务拓展:使用几个常用方法
设计页面效果
9.1.5 知识补充:jQuery选择器与方法
9.2 图片切换效果设计
9.2.1 任务:在页面显示图片切换广告
9.2.2 任务实现
9.2.3 任务小结:jQuery选择器
9.2.4 任务拓展:页面带有缩图的图片
切换效果
9.2.5 任务拓展:在页面显示图片
切换广告
9.2.6 任务拓展:又一种图片切换
广告效果
9.3 导航条与下拉菜单设计
9.3.1 任务:设计水平二级菜单效果
9.3.2 任务实现
9.3.3 任务小结
9.3.4 任务拓展:带有滤镜切换效果的
导航条设计
9.4 jQuery Ajax技术
9.4.1 任务:利用jQuery Load()方法
加载数据
9.4.2 任务实现
9.4.3 任务拓展:jQuery常用客户端与服务器
端数据加载方法设计
9.4.4 知识补充:GET和POST方法差男
和jQuery Ajax操作函数
实训项目九
第10章 网站测试与发布
10.1 部署发布以及更新网站
10.1.1 任务:网站测试与发布
10.1.2 任务实现
10.1.3 知识补充:定义IIS站点服务器
实训项目十
第11章 网站项目开发综合训练方案
11.1 项目立项与规划
11.2 项目建设方案
11.3