Web标准网页制作实例教程PDF|Epub|txt|kindle电子书版本下载

Web标准网页制作实例教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 基本概念及前期准备1

1.1 标准化的由来1

1.2 W3C1

1.3 Web标准及构成1

1.3.1 结构（Structure）1

1.3.2 表现（Presentation）2

1.3.3 行为（Behavior）2

1.4 Web标准的好处2

1.5 前端开发工具3

1.5.1 Photoshop3

1.5.2 Dreamweaver3

1.5.3 网页源文件的查看与调试工具Firebug4

1.5.4 SuperPreview6

1.6 理解目录与路径6

1.7 浏览器的选择8

第2章 XHTML基础9

2.1 什么是XHTML9

2.2 XHTML文档的基本结构9

2.3 标签、元素和属性11

2.4 XHTML标签与功能简述11

2.5 HTML常用标签12

2.5.1 标题〈title〉12

2.5.2 标题heading系列〈h1〉～〈h6〉13

2.5.3 段落〈p〉13

2.5.4 换行符br14

2.5.5 预格式化pre14

2.5.6 图像img15

2.5.7 超级链接a17

2.5.8 hr分割线18

2.5.9 修饰标签strong和em18

2.5.10 无序列表ul18

2.5.11 有序列表ol19

2.5.12 自定义列表dl19

2.5.13 块元素div20

2.5.14 行元素span21

2.5.15 HTML注释21

2.6 块元素与行元素的区别及转换21

练习22

第3章 CSS基础26

3.1 什么是CSS26

3.2 CSS的语法结构26

3.3 应用CSS到页面里27

3.3.1 定义行间样式27

3.3.2 定义内部样式27

3.3.3 链入外部样式表28

3.4 关于样式的优先权28

3.5 样式的继承28

3.6 常用CSS属性28

3.6.1 文字相关样式属性29

3.6.2 设置尺寸属性30

3.6.3 border边框32

3.6.4 background背景33

3.6.5 链接伪类41

3.6.6 伪元素42

3.6.7 ＠font-face和嵌入字体43

3.6.8 如何使用图标字体45

3.7 CSS常用数据单位47

3.8 CSS注释48

练习48

第4章 CSS选择符51

4.1 标签选择符51

4.2 包含选择符51

4.3 选择符的群组51

4.4 id选择符51

4.5 class选择符52

4.6 id与class何时用53

4.7 子选择符53

4.8 相邻选择符54

4.9 通配符54

4.10 命名注意事项54

4.11 驼峰命名法55

4.12 常用命名规范55

第5章 CSS布局56

5.1 理解margin与padding56

5.1.1 margin56

5.1.2 padding56

5.1.3 盒模型57

5.1.4 默认的margin与padding58

5.1.5 上下margin叠加问题58

5.2 文档流60

5.3 浮动float60

5.4 浮动带来的影响61

5.5 深入理解浮动63

5.5.1 方法一：为父元素添加overflow:hidden65

5.5.2 方法二：为父元素添加display:inline-block65

5.5.3 方法三：同时浮动父元素66

5.5.4 方法四：利用after伪元素闭合浮动66

练习——三行两列布局67

第6章 列表综合应用72

6.1 列表类型list-style-type72

6.2 练习——新闻列表173

6.3 练习——新闻列表276

6.4 导航列表79

6.5 滑动门导航82

6.6 图片列表85

第7章 position定位91

7.1 position91

7.1.1 relative：相对定位91

7.1.2 absolute：绝对定位92

7.1.3 定位上下文93

7.2 深度z-index94

7.3 电影列表练习95

第8章 表单102

8.1 表单中的元素102

8.1.1 fieldset和legend102

8.1.2 label102

8.2 表单类型input102

8.2.1 type="text"单行文本输入框103

8.2.2 type="password"密码输入框103

8.2.3 type="checkbox"复选框103

8.2.4 type="radio"单选框103

8.2.5 type="file"文件上传框103

8.2.6 type="submit"提交104

8.2.7 type="reset"重置104

8.2.8 type="button"按钮104

8.2.9 textarea多行文本输入框104

8.2.10 select＆option下拉选择框104

8.3 综合案例105

8.3.1 搜索条练习105

8.3.2 简易登录106

8.3.3 简易评论110

8.3.4 用户注册113

8.3.5 调查问卷118

第9章 多媒体124

9.1 基本语法124

9.2 参数设置124

9.2.1 自动播放124

9.2.2 循环播放124

9.2.3 面板显示125

9.2.4 容器属性125

9.2.5 外观设置125

9.3 在网页中播放FLASH动画125

9.4 MP3音频的插入126

9.5 视频的插入127

9.6 网络流媒体视频的插入127

9.7 flv文件的插入128

第10章 表格129

10.1 表格的基本格式129

10.2 表格所有元素130

10.3 拆分与合并单元格130

10.4 表格的结构化130

10.5 表格的直列化〈colgroup〉…〈/colgroup〉132

10.6 表格的标题133

10.7 综合练习：金牌top5134

第11章 jQuery特效137

11.1 如何获取和使用137

11.2 JQuery选择器138

11.2.1 元素选择器138

11.2.2 CSS选择器138

11.2.3 jQuery特有的表达式138

11.2.4 jQuery过滤器138

11.3 事件操作139

11.4 JQuery效果139

11.5 显示隐藏层140

11.6 tab选项卡142

11.7 jQuery焦点图144

11.8 滚动图片148

第12章 综合实战练习151

12.1 磐石文化网站界面设计151

12.1.1 新建文件与图层分组152

12.1.2 页面头部与背景的制作153

12.1.3 第一屏内容制作167

12.1.4 第二屏内容制作173

12.1.5 页面底部制作与测试图片的添加177

12.2 《芜湖日报报业集团》网站179

12.2.1 整体布局179

12.2.2 部署头部部分182

12.2.3 搭建图片新闻区块182

12.2.4 搭建新闻速递184

12.2.5 搭建通知公告185

12.3 《佳友宠物美容摄影工作室》187

12.3.1 整体布局190

12.3.2 全局样式191

12.3.3 整体背景及头部定义191

12.3.4 搭建导航部分192

12.3.5 主体main193

12.3.6 首main三栏布局193

12.3.7 搭建爱宠知识195

12.3.8 搭建焦点图195

12.3.9 搭建右侧广告区块200

12.3.10 搭建左侧广告及新品上架201

12.3.11 搭建图片列表部分202

12.3.12 搭建友情链接及底部版权203

12.4 团购类网站《大江乐购》204

12.4.1 整体布局204

12.4.2 搭建导航菜单206

12.4.3 搭建分类筛选区块208

12.4.4 搭建商品列表部分209

12.5 《道喜装饰有限公司》211

12.5.1 排版架构212

12.5.2 全局样式及整体布局213

12.5.3 搭建头部214

12.5.4 搭建导航部分217

12.5.5 定义焦点图部分217

12.5.6 搭建“关于我们”218

12.5.7 搭建tab标签219

12.5.8 搭建工程案例部分221

12.5.9 搭建侧栏区块223

12.5.10 定义底部版权223

12.6 门户网站《百智时尚》224

12.6.1 结构分析224

12.6.2 整体结构226

12.6.3 整体布局227

12.6.4 搭建顶部229

12.6.5 搭建头部header区域231

12.6.6 搭建导航区域232

12.6.7 搭建特别推荐部分234

12.6.8 搭建侧栏新闻区块236

12.6.9 搭建最新活动区块237

12.6.10 搭建时尚搜索区域237

12.6.11 搭建时尚，数码，奢华区块239

12.6.12 搭建排行榜区块242

12.6.13 搭建妆容，生活，娱乐区块244

12.6.14 搭建推荐文章区块246

12.6.15 搭建图文特荐区块247

12.6.16 搭建友情链接区块249

12.6.17 搭建底部249

第13章 响应式设计254

13.1 什么是响应式设计254

13.2 移动设备上的不同表现254

13.3 本地如何模拟移动设备255

13.4 响应式设计的三个重要方面259

13.5 媒体查询259

13.5.1 ＠media规则259

13.5.2 〈1ink〉标签的media属性259

13.6 流式布局260

13.7 弹性图片260

13.8 阻止移动浏览器自动调整页面大小260

13.9 用em代替px261

13.10 对iPad竖屏进行优化261

13.11 对iPhone横屏进行优化263

13.12 对iPhone竖屏进行优化266

第14章 SEO优化268

14.1 SEO概述268

14.2 title标签优化268

14.3 头部其他标签优化269

14.4 h1～h6标签269

14.5 网站导航条270

14.6 robots.txt270

14.7 页面设计SEO细节271

14.8 网站规划原则271