网页设计技术-HTML5+CSS3+JavaScript

目录 第1部分基础篇 第1章概述 1.1Web网页设计概述 1.1.1Web技术基础 1.1.2静态网页与动态网页 1.1.3网页设计制作流程 1.1.4页面构成 1.1.5Web前端开发常用工具 1.2XHTML简介 1.2.1XHTML概述 1.2.2XHTML的发展 1.3HTML5的优势 1.3.1跨浏览器问题 1.3.2更明确的文档结构 1.3.3替代了部分JavaScript功能 1.3.4音视频和互动支持 1.4本章小结 习题1 第2章网页设计基础与技巧 2.1网页配色 2.1.1颜色概述及相关术语 2.1.2色彩心理学与网页配色 2.1.3网页配色原理与技巧 2.2网页版面布局 2.2.1常见版面布局方案 2.2.2网页布局常用的4种方法 2.3网页视觉元素设计 2.3.1Logo设计 2.3.2Banner设计 2.3.3其他元素设计 2.4设计理念及新趋势 2.4.1不同的网站类型及其风格 2.4.2用户体验及网站体验类型 2.4.3视觉风格与趋势 2.4.4移动化风潮 2.5本章小结 习题2 第3章HTML&XHTML 3.1HTML标记语言 3.1.1HTML文件基本结构 3.1.2文档格式定义的声明 3.1.3HTML代码区域 3.1.4HTML标签格式 3.1.5HTML标签分类 3.2可扩展的超文本标记语言XHTML 3.2.1HTML文档结构分析 3.2.2XHTML文档结构 3.2.3XHTML与HTML的差异 3.2.4如何将HTML升级为XHTML 3.3XHTML常用标签 3.3.1注释 3.3.2文字 3.3.3标题 3.3.4段落 3.3.5区域 3.3.6图像img 3.3.7超链接a 3.3.8列表list 3.3.9层 3.3.10表格 3.3.11嵌入多媒体 3.3.12图像映射 3.3.13空标签 3.3.14特殊标签 3.4本章实例——构建完整的XHTML文档 3.4.1课程网站首页 3.4.2商业网站首页 3.5本章小结 习题3 第4章层叠样式表CSS 4.1层叠样式表简介 4.1.1层叠样式表概述 4.1.2层叠样式表优势 4.2CSS编写基础 4.2.1CSS编写方法 4.2.2样式规则 4.3CSS样式属性 4.3.1字体属性 4.3.2背景属性 4.3.3块级标签属性 4.3.4边框属性 4.3.5盒模型 4.3.6列表属性 4.3.7定位属性 4.4CSS选择器 4.4.1style属性 4.4.2类型选择器 4.4.3类选择器 4.4.4ID选择器 4.5选择器的编写 4.5.1组合选择器类型 4.5.2上下文选择器 4.5.3选择器的分组定义 4.6伪类 4.6.1锚伪类 4.6.2首字母和首行伪标签 4.7CSS文档结构 4.7.1CSS的继承性 4.7.2CSS的特殊性 4.7.3CSS的层叠性 4.7.4CSS的重要性 4.8布局属性 4.8.1显示属性display 4.8.2浮动策略 4.8.3清除浮动 4.8.4定位技术 4.9实例基本CSS样式设计 4.9.1CSS常用操作三部曲 4.9.2CSS实例解析 4.10本章小结 习题4 第5章网页布局技术 5.1布局技术概述 5.2CSS布局 5.2.1CSS布局技术 5.2.2浮动技术 5.2.3清除浮动 5.2.4IE浏览器的兼容问题 5.2.5常用DIV CSS布局功能 5.2.6DIV CSS布局示例： 导航菜单 5.3响应式布局 5.3.1布局类型 5.3.2几个概念 5.3.3可变布局 5.4媒体查询 5.4.1媒体类型 5.4.2媒体查询结构 5.4.3媒体查询顺序 5.4.4设置断点 5.5母版 5.5.1母版概述 5.5.2母版页的工作原理 5.5.3母版页的创建和应用 5.5.4母版页嵌套 5.5.5实例 5.6本章小结 习题5 第6章JavaScript程序设计 6.1JavaScript概述 6.1.1JavaScript简介 6.1.2JavaScript入门案例 6.2JavaScript语法 6.2.1语法基础 6.2.2常用变量 6.2.3表达式与运算符 6.2.4程序设计 6.2.5函数 6.3JavaScript对象 6.3.1对象基础 6.3.2常用对象 6.4JavaScript事件 6.4.1事件及事件处理 6.4.2常用事件 6.4.3事件应用举例 6.5JavaScript实例 6.5.1实例61——图片交替展示 6.5.2实例62——嵌入Flash动画 6.5.3实例63——打开任意大小的窗口 6.6本章小结 习题6 第2部分进阶篇 第7章HTML5基础 7.1HTML5概述 7.1.1HTML5新特性 7.1.2HTML5组织 7.1.3HTML5开发历程 7.1.4HTML5开发动力 7.1.5HTML5设计理念 7.2HTML5基础 7.2.1HTML5语法 7.2.2HTML5元素 7.2.3HTML5增加及废除的属性 7.2.4HTML5全局属性 7.3HTML5绘图元素 7.3.1认识HTML5 canvas元素 7.3.2绘制简单图形 7.3.3图形的变换 7.3.4图形的组合与裁切 7.3.5更多的颜色和样式选项 7.3.6绘制文字 7.4HTML5多媒体元素 7.4.1HTML5多媒体技术概述 7.4.2浏览器支持概述 7.4.3在HTML5中播放音频 7.4.4在HTML5中播放视频 7.4.5音频与视频相关属性、方法与事件 7.5HTML5高级功能 7.5.1Web存储 7.5.2离线应用 7.5.3Workers多线程处理 7.5.4Geolocation（地理位置） 7.6本章小结 习题7 第8章CSS3及进阶 8.1CSS3选择器 8.1.1通用兄弟选择器 8.1.2属性选择器 8.1.3结构性伪类 8.1.4target选择器 8.1.5其他CSS3选择器 8.2CSS3的非图片处理 8.2.1背景和边框 8.2.2渐变和阴影 8.2.3自定义字体 8.3CSS3的新布局 8.3.1负边距与浮动 8.3.2栅格系统与多列布局 8.3.3弹性盒布局 8.4CSS3的动态性 8.4.1CSS变形 8.4.2CSS过渡 8.4.3CSS动画 8.5CSS3创意案例 8.5.1烧烤动画特效 8.5.2CSS3鼠标划过图片散开特效 8.5.3超炫动感圆盘时钟 8.5.4流畅的自行车 8.6本章小节 习题8 第9章jQuery 9.1jQuery简介及语法 9.1.1jQuery库简介 9.1.2引入jQuery的方法 9.1.3jQuery的基本语法 9.2jQuery选择器 9.2.1jQuery基本选择器 9.2.2jQuery层次选择器 9.2.3jQuery过滤选择器 9.2.4jQuery表单选择器 9.3jQuery事件及应用 9.3.1jQuery事件机制 9.3.2常用事件函数 9.3.3事件的绑定 9.3.4事件的解除 9.4jQuery动画及特效 9.4.1显示与隐藏 9.4.2淡入淡出 9.4.3滑动 9.4.4自定义动画 9.5jQuery实例 9.5.1实例91: 伸缩的导航条 9.5.2实例92： 相册浏览 9.6本章小结 习题9 第3部分案例篇 第10章综合案例 10.1等级考试网上报名系统 10.1.1网站设计分析 10.1.2HTML文档结构分析 10.1.3网站文件规划与设计 10.1.4网站标题布局 10.1.5导航栏布局 10.1.6快捷方式 10.1.7网页主体内容区 10.1.8用户信息区域 10.1.9内容区布局 10.1.10页脚布局 10.1.11系统完善 10.2网站首页UI设计案例 10.2.1网站策划 10.2.2首页设计与制作 10.2.3手稿设计 10.2.4PS稿设计 10.3本章小结 参考文献