DIV+CSS网页样式与布局实录（CX-5992）PDF|Epub|txt|kindle电子书版本网盘下载

DIV+CSS网页样式与布局实录（CX-5992）PDF格式电子书版下载

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

第1章 网页制作的准备工作2

1.1认识几个基本概念2

1.1.1网页和网站2

1.1.2网页类型2

1.1.3网页构成5

1.2制作网站应该学习的知识6

1.2.1学习HTML语言6

1.2.2学习DIV构建网页结构7

1.2.3学习CSS设置样式8

1.2.4学习JavaScript控制动态效果9

1.3提高自身的设计修养10

1.3.1了解网页设计任务10

1.3.2了解网页设计原则10

1.3.3了解网页设计流程11

1.3.4了解网页配色基本方法11

1.4熟悉网站开发的基本流程12

1.5准备上手的开发工具14

1.5.1安装Dreamweaver14

1.5.2使用Dreamweaver15

1.5.3 Dreamweaver工作方式16

1.5.4在Dreamweaver中编写CSS样式代码18

1.6综合训练21

1.6.1实训1：使用Dreamweaver定义一个本地站点21

1.6.2实训2：使用Dreamweaver设计DIV结构22

1.6.3实训3：使用Dreamweaver设计网页样式24

1.7上机练习28

第2章 HTML和XHTML基础31

2.1认识HTML和XHTML31

2.2 HTML基础31

2.2.1 HTML概述31

2.2.2 HTML文档结构32

2.2.3 HTML基本语法32

2.2.4 HTML标签34

2.2.5 HTML属性41

2.3 XHTML基础43

2.3.1 XHTML概述44

2.3.2 XHTML文档结构44

2.3.3 XHTML基本语法45

2.3.4 XHTML文档类型分类46

2.3.5 XHTML文档类型详解48

2.3.6 XHTML名字空间50

2.4综合训练51

2.4.1实训1：设计一个自我介绍简单页面51

2.4.2实训2：解决网页乱码现象52

2.4.3实训3：把HTML转换为XHTML53

2.5上机练习55

第3章 CSS基础58

3.1 CSS概述58

3.1.1什么是CSS样式58

3.1.2为什么学习CSS58

3.1.3 CSS的特点59

3.2 CSS语法和用法59

3.2.1 CSS基本结构60

3.2.2 CSS基本用法61

3.2.3 CSS样式表62

3.2.4导入外部样式表62

3.2.5 CSS注释和版式63

3.3 CSS属性、属性值和单位63

3.3.1 CSS属性64

3.3.2 CSS单位67

3.4基本选择器70

3.4.1标签选择器70

3.4.2类选择器70

3.4.3 ID选择器73

3.4.4通配选择器75

3.5复合选择器75

3.5.1子选择器76

3.5.2相邻选择器77

3.5.3包含选择器78

3.5.4多层选择器嵌套80

3.5.5属性选择器81

3.5.6伪选择器和伪元素选择器84

3.5.7选择器分组85

3.6 CSS继承性、层叠性和特殊性86

3.6.1 CSS继承性86

3.6.2 CSS层叠性88

3.6.3 CSS优先级90

3.6.4 CSS特殊性91

3.7综合训练94

3.7.1实训1：设计个人网站菜单94

3.7.2实训2：设计网站登录页面96

3.8上机练习98

第4章 设置字体和文字样式102

4.1设置字体样式102

4.1.1定义字体类型102

4.1.2定义字体大小103

4.1.3定义字体颜色105

4.1.4定义字体粗细106

4.1.5定义斜体字体106

4.1.6定义下划线107

4.1.7定义字体大小写108

4.2设置文本样式109

4.2.1定义文本对齐109

4.2.2定义垂直对齐111

4.2.3定义字距和词距114

4.2.4定义行高114

4.2.5定义缩进117

4.3综合训练118

4.3.1实训1：设计英文版式119

4.3.2实训2：设计中文版式121

4.4上机练习125

第5章 设置超链接样式128

5.1定义超链接样式128

5.1.1认识超链接和路径128

5.1.2认识伪类和伪对象128

5.1.3定义超链接样式129

5.2综合训练131

5.2.1实训1：设计下划线样式131

5.2.2实训2：设计立体样式134

5.2.3实训3：设计滑动样式135

5.3上机练习137

第6章 定义图片和背景图像样式140

6.1了解网页中的图像140

6.2定义图片样式140

6.2.1定义图片大小140

6.2.2定义图片边框141

6.2.3定义图片透明度145

6.2.4定义图片对齐方式146

6.3控制背景样式148

6.3.1定义背景颜色148

6.3.2定义背景图像149

6.3.3定义背景图像显示方式149

6.3.4定义背景图像显示位置150

6.3.5定义背景图像固定显示155

6.4综合训练156

6.4.1实训1：设计项目图标156

6.4.2实训2：设计图文混排版式159

6.4.3实训3：设计博客主页161

6.4.4实训4：设计电子相册主页166

6.5上机练习171

第7章 定义表格样式174

7.1设计表格结构174

7.1.1搭建表格基本结构174

7.1.2设计表格附加结构176

7.1.3表格结构分组178

7.2定义表格样式181

7.2.1定义表格边框样式182

7.2.2定义单元格间距样式183

7.2.3定义空单元格样式185

7.3设计复杂表格样式186

7.3.1使用CSS定义表格结构186

7.3.2定义表格列和行的样式189

7.3.3定义表格标题样式192

7.3.4表格内样式的层叠顺序194

7.4综合训练196

7.4.1实训1：设计清新悦目的表格样式196

7.4.2实训2：设计结构清晰的表格样式199

7.5上机练习202

第8章 定义表单样式205

8.1设计表单结构205

8.1.1定义表单框205

8.1.2定义输入域206

8.1.3定义选择域209

8.1.4优化表单结构212

8.2定义表单样式213

8.2.1定义输入域样式214

8.2.2定义选择域样式217

8.2.3定义列表域样式220

8.3综合训练222

8.3.1实训1：设计用户登录表单222

8.3.2实训2：设计用户注册表单226

8.3.3实训3：设计搜索框230

8.4上机练习233

第9章 定义列表样式236

9.1设计列表结构236

9.1.1无序列表236

9.1.2有序列表237

9.1.3自定义列表238

9.2定义列表样式239

9.2.1设计项目符号类型239

9.2.2设计项目符号显示位置240

9.2.3自定义项目符号241

9.2.4使用背景图像定义项目符号242

9.3综合训练243

9.3.1实训1：设计垂直导航菜单243

9.3.2实训2：设计水平导航菜单246

9.3.3实训3：设计滑动门菜单248

9.3.4实训4：设计Tab分类展示面板251

9.4上机练习254

第10章 CSS网页布局和定位258

10.1认识网页布局258

10.1.1定义显示属性258

10.1.2定义定位属性261

10.1.3网页布局方式262

10.2 CSS盒模型262

10.2.1认识盒模型262

10.2.2定义边界大小263

10.2.3定义边框样式266

10.2.4定义补白大小269

10.3浮动布局270

10.3.1浮动布局的基本用法271

10.3.2清除浮动272

10.4定位布局274

10.4.1定位布局的基本用法274

10.4.2定义定位层叠顺序277

10.5综合训练279

10.5.1实训1：设计网页居中显示279

10.5.2实训2：设计自适应的网页定位布局281

10.5.3实训3：设计等高网页布局285

10.5.4实训4：设计负边界网页布局288

10.6上机练习290

第11章 DIV+CSS网页布局综合演练294

11.1两列结构布局294

11.1.1设计固定宽度布局294

11.1.2设计宽度自适应布局297

11.1.3设计自定义宽度布局298

11.1.4设计多列等高布局301

11.2多列结构布局304

11.2.1设计两列定宽中间自适应布局305

11.2.2设计右侧定宽左侧及中间自适应布局306

11.2.3设计三列宽度自适应布局307

11.3综合训练308

11.3.1实训1：设计儿童博客首页308

11.3.2实训2：设计新闻正文页312

11.3.3实训3：设计企业宣传页面315

11.4上机练习317

第12章 DIV+CSS网页布局疑难杂症解惑321

12.1解决CSS布局问题的一般方法321

12.1.1使用过滤器321

12.1.2使用IE条件语句323

12.2常见CSS布局疑难问题解决方法325

12.2.1了解浏览器默认样式325

12.2.2列表序号无效了325

12.2.3列表序号丢失了326

12.2.4列表序号乱了328

12.2.5列表项间距莫名其妙地增大了329

12.2.6项目内容老错行显示330

12.2.7定义元素高度无效331

12.2.8元素宽度和高度计算错误333

12.2.9不支持最小和最大尺寸334

12.2.10看不到超链接中的图标了336

12.2.11让超链接块状显示337

12.2.12包含框没有被撑开338

12.2.13包含框没有高度了340

12.2.14部分栏目找不到了341

12.2.15栏目为什么总是错行显示343

12.2.16浮动元素为什么不能并列显示344

12.2.17栏目之间多出了三个像素345

12.2.18页面中突然多出了一个字符346

12.2.19不能准确定位元素位置347

12.2.20无法调整定位元素的层叠顺序348

12.2.21找不到定位元素了350

12.3综合训练352

12.3.1实训1：设计幻灯片效果352

12.3.2实训2：设计Tab选项卡效果356

12.3.3实训3：设计CSS相册效果360

12.4上机练习363

第13章 企业&公司类型网站366

13.1产品策划366

13.2设计图367

13.3切图369

13.4网站重构371

13.5网站布局374

第14章 时尚娱乐类型网站388

14.1产品策划388

14.2设计图389

14.3切图391

14.4网站重构394

14.5网站布局396