HTML5 CSS3 RWD jQueryMobile跨设备网页设计【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

HTML5 CSS3 RWD jQueryMobile跨设备网页设计PDF格式电子书版下载

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

第1章 网页设计简介1

1-1网页设计的流程2

1-1-1搜集资料与规划网站架构2

1-1-2网页制作与测试3

1-1-3网站上传与推广3

1-1-4网站更新与维护4

1-1-5搜索引擎优化5

1-2网页设计相关的程序设计语言5

1-3 HTML的演进8

1-4 HTML5的新功能10

1-5 HTML5文件的编写方式13

1-5-1 HTML5文件的编辑工具13

1-5-2 HTML5文件的基本语法15

1-5-3编写第一份HTML5文件19

1-5-4 HTML5文件的验证21

习题22

第2章 文件结构23

2-1 HTML文件的DOCTYPE—— 〈！doctype〉元素24

2-2 HTML文件的根元素——〈html〉元素24

2-2-1全局属性25

2-2-2事件属性25

2-3 HTML文件的标头——〈head〉元素26

2-3-1 〈title〉元素（文件标题）27

2-3-2 〈meta〉元素（文件相关信息）27

2-4 HTML文件的主体——〈body〉元素28

2-4-1 〈h l 〉～〈h6〉元素（标题1～6）33

2-4-2 〈p〉元素（段落）34

2-5 HTML5新增的结构元素36

2-6区段结构37

2-6-1 〈article〉与〈section〉元素（文章／通用的区段）37

2-6-2 〈nav〉元素（导航条）38

2-6-3 〈header〉与〈footer〉元素（页首／页尾）40

2-6-4 〈aside〉元素（侧边栏）42

2-7区段的附加信息43

2-7-1 〈address〉元素（联络信息）43

2-7-2 〈time〉元素（日期时间）43

习题44

第3章 数据编辑与格式化46

3-1区块格式47

3-1-1 〈pre〉元素（预先格式化的区块）47

3-1-2 〈blockquote〉元素（左右缩排的区块）47

3-1-3 〈hr〉元素（水平线）48

3-1-4 〈div〉元素（分组成一个区块）49

3-1-5 〈marquee〉元素（跑马灯）49

3-1-6〈！一〉（注释）50

3-2文字格式51

3-2-1 〈b〉、 〈i〉、 〈u〉、 〈sub〉、 〈sup〉、 〈small〉、 〈em〉、 〈strong〉、 〈dfn〉、 〈code〉、〈samp〉、 〈kbd〉、 〈var〉、 〈cite〉、 〈abbr〉、 〈s〉、 〈q〉、 〈mark〉元素51

3-2-2 〈ruby〉、 〈rt〉、 〈rp〉元素（注音或拼音）52

3-2-3 〈font〉、 〈basefont〉元素（字体）53

3-2-4 〈br〉元素（换行）54

3-2-5 〈span〉元素（分组成一行）56

3-3项目符号与编号——〈ul〉、 〈ol〉、 〈li〉元素57

3-4定义列表——〈dl〉、 〈dt〉、 〈dd〉元素59

3-5插入或删除数据——〈ins〉、 〈del〉元素59

3-6提示文字——title属性60

习题61

第4章 超链接64

4-1 URI的类型65

4-1-1绝对URI65

4-1-2相对URI65

4-2标记超链接——〈a〉元素66

随堂练习67

4-2-1自定义超链接文字的颜色68

4-2-2链接至E-mail地址的超链接69

4-3指定相对URI的路径信息——〈base〉元素70

4-4指定文件之间的引用——〈link〉元素70

4-5建立书签72

4-6嵌入图片——〈img〉元素73

4-6-1图片的高度、宽度与框线74

4-6-2图片的对齐方式74

4-7影像地图——〈map〉、 〈area〉元素76

4-8标注——〈figure〉、 〈figcaption〉元素79

4-9建立绘图区——〈canvas〉元素80

习题81

第5章 表格84

5-1建立表格——〈table〉、 〈tr〉、 〈td〉、 〈th〉元素85

5-2表格与单元格的格式化88

5-2-1表格的背景颜色与背景图片89

5-2-2表格的宽度、框线颜色、单元格填充与单元格间距89

5-2-3表格的对齐方式90

5-2-4单元格的对齐方式92

5-2-5单元格的背景颜色与背景图片93

随堂练习93

5-3表格标题——〈caption〉元素94

5-4表格的表头、主体与表尾——〈thead〉、 〈tbody〉、 〈tfoot〉元素95

5-5直列式表格——〈colgroup〉、 〈col〉元素97

习题99

第6章 影音多媒体102

6-1 HTML5的影音功能103

6-2嵌入视频与音频——〈video〉、 〈audio〉元素104

6-3嵌入资源文件——〈embed〉元素106

6-4嵌入对象——〈object〉元素106

6-4-1嵌入视频107

6-4-2嵌入音频108

6-4-3嵌入ActiveX Controls108

6-5嵌入Scripts——〈script〉、 〈noscript〉元素110

6-6嵌入 CSS样式窗体——〈style〉元素111

6-7嵌入浮动框架——〈iframe〉元素112

6-8网页自动导向114

习题115

第7章 窗体与后端处理117

7-1建立窗体——〈form〉、 〈input〉元素118

7-2 HTML 4.01现有的输入类型121

7-2-1按钮121

7-2-2单行文本框122

7-2-3单选按钮123

7-2-4复选框124

7-2-5多行文本框124

7-2-6下拉菜单126

7-2-7窗体的后端处理129

7-2-8密码字段132

7-2-9隐藏字段133

7-2-10上传文件字段133

7-3 HTML5新增的输入类型134

7-4标签文字——〈label〉元素136

7-5将窗体字段框起来——〈fieldset〉、 〈legend〉元素137

7-6其他新增的窗体元素139

7-6-1 〈output〉元素139

7-6-2 〈progress〉元素140

7-6-3 〈meter〉元素141

7-6-4 〈keygen〉元素142

7-6-5 〈optgroup〉元素143

习题144

第8章CSS基本语法146

8-1 CSS的演进147

8-2 CSS样式规则与选择器148

8-3链接HTML文件与CSS样式窗体151

8-3-1在〈head〉元素里面嵌入样式窗体151

8-3-2使用HTML元素的style属性指定样式窗体152

8-3-3将外部的样式窗体导入HTML文件152

8-3-4将外部的样式窗体链接至HTML文件153

8-4选择器的类型154

8-4-1类型选择器154

8-4-2后裔选择器154

8-4-3万用选择器154

8-4-4类选择器155

8-4-5 ID选择器156

8-4-6属性选择器158

8-4-7伪类选择器（:link、 ：visited、 ：hover、 ：focus、 ：active、 enabled、：disabled）161

8-5样式窗体的层叠顺序164

习题166

第9章 字体、文本与列表属性168

9-1字体属性169

9-1-1 font-family（文字字体）169

9-1-2 font-size（字体大小）170

9-1-3 font-style（正常／斜体／粗体）172

9-1-4 font-weight（字体粗细）173

9-1-5 line-height（行高）174

9-1-6 font-stretch（字体延展）175

9-1-7 font-size-adjust（字体长宽比）175

9-1-8@font-face（使用服务器端的字体）175

9-1-9 font（字体属性简便表示法）175

随堂练习176

9-2文本属性177

9-2-1 text-indent（首行缩排）177

9-2-2 text-align（文本对齐方式）178

9-2-3 letter-spacing（字母间距）179

9-2-4 word-spacing（文字间距）180

9-2-5 text-transform（大小写转换方式）181

9-2-6 white-space（空格符）181

9-2-7 text-shadow（文本阴影）182

9-2-8 text-decoration-line、 text-decoration-color、 text-decoration-style、text-underline-position、 text-decoration-skip、 text-decoration（线条装饰）183

9-2-9 text-emphasis-style、 text-emphasis-color、 text-emphasis、text-emphasis-position（强调标记）185

9-3列表属性185

9-3-1 list-style-type（项目符号与编号类型）185

9-3-2 list-style-image（图片项目符号）189

9-3-3 list-style-position（项目符号与编号位置）189

9-3-4 list-style（列表属性的简便表示法）191

习题191

第10章 颜色、背景与渐变属性195

10-1颜色属性196

10-1-1 color（前景颜色）196

10-1-2 opacity（透明度）198

10-2背景属性199

10-2-1 background-color（背景颜色）199

10-2-2 background-image（背景图片）202

10-2-3 background-repeat（背景图片重复排列方式）204

10-2-4 background-position（背景图片起始位置）206

10-2-5 background-attachment（背景图片是否随内容滚动）209

10-2-6 background-clip（背景显示区域）210

10-2-7 background-origin（背景显示位置基准点）212

10-2-8 background-size（背景图片大小）213

10-2-9 background（背景属性的简便表示法）215

10-3渐变表示法215

10-3-1 linear-gradient（）（线性渐变）216

10-3-2 radial-gradient（）（放射状渐变）217

10-3-3 repeating-linear-gradient（）、 rep eating-radial -gradient（）（重复渐变）217

习题218

第11章Box Model与定位方式220

11-1 Box Model221

11-2 边界属性222

11-3留白属性224

11-4框线属性225

11-4-1 border-style（框线样式）225

11-4-2 border-color（框线颜色）226

11-4-3 border-width（框线宽度）228

11-4-4 border（框线属性的简便表示法）229

11-4-5 border-radius（框线圆角）230

11-4-6 border-image（框线图片）231

11-5定位方式232

11-5-1 display （HTML元素的显示层级）232

11-5-2 width、 height、 top、 bottom、 left、 right （BlockBox的宽度与高度、上下左右位移量）233

11-5-3 max-width、 min-width、 max-height、 min-height （Block Box的宽度与高度的最大值及最小值）234

11-5-4 position （Box的定位方式）234

11-5-5 float、 clear（指定图旁配字、解除图旁配字）241

11-5-6 z-index（重叠顺序）243

11-5-7 visibility（显示或隐藏Box）244

11-5-8 overflow（显示或隐藏溢出Box的内容）245

11-5-9 object-fit（配合Box调整对象大小）247

11-5-10 object-position（对象在Box内的显示位置）248

11-5-11 box-shadow （Box阴影）249

11-5-12 vertical-align（垂直对齐）250

习题252

第12章 表格属性254

12-1表格模式255

12-2表格属性258

12-2-1 caption-side（表格标题位置）258

12-2-2 border-collapse（表格框线模式）259

12-2-3 table-layout（表格版面编排方式）260

12-2-4 empty-cells（显示或隐藏空白单元格）262

12-2-5 border-spacing（表格框线间距）263

习题264

第13章 特殊效果与媒体查询266

13-1鼠标光标形状——cursor属性267

13-2 外框线——outline属性268

13-3多字段排版270

13-3-1 column-count、 column-width、 columns（字段数目与宽度）270

13-3-2 column-gap（字段间距）272

13-3-3 column-rule（字段分隔线）273

13-3-4 reak-before、 break-after、 break-inside（换列或换页）274

13-3-5 column-span（跨列显示）276

13-3-6 column-fill（字段内容分配比例）277

13-4变形处理278

13-4-1 transform （2D、 3D变形处理）278

13-4-2 transform-origin（变形处理的原点）280

13-5媒体查询282

习题284

第14章 响应式网页设计286

14-1移动版网页VS PC版网页287

14-2移动版网页设计原则287

14-3响应式网页设计的技巧290

14-4响应式网页设计的实例293

14-4-1设定viewport294

14-4-2设置媒体查询与样式窗体295

14-4-3设计网页的版型296

14-4-4设计网页的内容299

第15章 移动版网页的实用技巧303

15-1触控式按钮304

15-2将页首／页尾固定在画面上方／下方305

15-3导航条307

15-4可折叠区块308

15-5 窗体310

第16章 使用jQuery Mobile开发移动网页313

16-1移动网页的相关技术314

16-2 移动网页的开发工具315

16-3编写第一份jQuery Mobile文件319

16-4主题325

16-5超链接326

16-5-1内部链接327

16-5-2外部链接329

16-5-3绝对外部链接331

16-6页面切换动画333

16-7对话框333

习题335

第17章jQuery Mobile UI组件337

17-1按钮338

17-1-1建立按钮338

17-1-2设置按钮的图标338

17-1-3设置按钮的主题340

17-1-4设置按钮的特殊效果340

17-1-5 设置控件组341

17-2工具栏341

17-2-1页首行341

17-2-2页尾行343

17-3导航条344

17-4可折叠区块345

17-5可折叠区块分组346

17-6列表视图347

17-6-1创建列表视图347

17-6-2设置分隔线348

17-6-3设置嵌套列表视图349

17-6-4格式化项目内容350

17-6-5设置计数气泡与侧边内容351

17-6-6设置搜索功能352

17-6-7设置图标与缩略图353

17-6-8设置分割按钮列表353

17-7窗体354

17-7-1字段容器354

17-7-2文字输入字段356

17-7-3日期时间输入字段357

17-7-4多行文本框358

17-7-5拨动式切换开关358

17-7-6下拉式菜单359

17-7-7复选框363

17-7-8单选按钮364

17-8移动版网站实例366

17-8-1设计移动版网站的界面367

17-8-2加入JavaScript程序代码370

习题371

附录 HTML框架元素373

附录1建立框架——〈frameset〉、 〈frame〉、 〈noframes〉元素374

附录2包含水平框架与垂直框架的网页385

附录3嵌入浮动框架——〈iframe〉元素387

附录4制作导航条388

习题392