DIV+CSS网页样式与布局实战详解2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

DIV+CSS网页样式与布局实战详解PDF格式电子书版下载

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

第1篇 DIV+CSS布局速成2

第1章 Web标准语言（ 教学视频：34分钟）2

1.1 Web语言简介2

1.1.1 结构标准语言2

1.1.2 表现标准语言5

1.1.3 行为标准语言6

1.2 开发工具7

1.2.1 如何编写CSS代码7

1.2.2 Dreamweaver简介7

1.2.3 Dreamweaver代码编写9

第2章 CSS入门与速成（ 教学视频：46分钟）12

2.1 开始CSS之旅12

2.1.1 什么是CSS12

2.1.2 编写一个CSS12

2.2 CSS的组成15

2.2.1 选择符15

2.2.2 属性17

2.2.3 属性值17

2.3 CSS的位置18

2.3.1 属性样式表18

2.3.2 内部样式表19

2.3.3 链接样式表20

2.3.4 导入样式表21

第3章 CSS文字样式设计与速成（ 教学视频：65分钟）23

3.1 CSS 3文字样式23

3.1.1 字体23

3.1.2 大小25

3.1.3 类型27

3.1.4 粗细29

3.1.5 颜色31

3.1.6 小型大写字体33

3.1.7 链接34

3.1.8 布局36

3.1.9 文字阴影42

3.1.1 0文字变换速度控制45

3.1.1 1文字大小变化48

3.2 文字示例一：新闻摘要50

3.2.1 新闻摘要的DIV布局设计50

3.2.2 新闻简要的CSS样式设计50

3.3 文字示例二：个人简介页面布局52

3.3.1 整体DIV布局设计52

3.3.2 添加CSS样式53

3.4 文字示例三：会移动的文字54

3.4.1 方法1：使用JavaScript控制55

3.4.2 方法2：使用marquee标签控制56

3.5 文字示例四：文字阴影效果57

3.5.1 方法1：使用CSS定位技术57

3.5.2 方法2：使用CSS 3特有属性59

第4章 CSS图像样式设计与速成（ 教学视频：54分钟）60

4.1 背景60

4.1.1 颜色60

4.1.2 图片63

4.1.3 排布65

4.1.4 位置控制66

4.1.5 滚动控制68

4.1.6 线性渐变69

4.2 动漫游戏网站主题背景72

4.3 图片76

4.3.1 边框76

4.3.2 缩放78

4.3.3 透明效果80

4.3.4 图片布局81

4.4 图片示例一：浮动相架83

4.4.1 使用DIV控制布局83

4.4.2 添加CSS图片样式84

4.4.3 添加JavaScript控制84

4.5 图片示例二：大小会变化的图片86

4.5.1 使用CSS 3特有属性86

4.5.2 使用JavaScript控制88

4.6 图片示例三：CSS 3图片旋转90

第5章 CSS表格样式设计与速成（ 教学视频：30分钟）92

5.1 表格92

5.1.1 背景92

5.1.2 边框94

5.1.3 边距97

5.1.4 表格的嵌套99

5.1.5 跨行、列表格项101

5.1.6 表格项斜角101

5.2 表格示例一：成绩单设计104

5.3 表格示例二：用DIV制作表格106

5.4 表格示例三：仿Apple风格样式表格108

5.5 表格示例四：添加Hover事件响应控制110

第6章 CSS列表样式设计与速成（ 教学视频：41分钟）112

6.1 列表112

6.1.1 列表的方向112

6.1.2 列表图标118

6.1.3 列表的层次124

6.2 列表示例一：杂志目录排版128

6.2.1 标题设计DIV布局128

6.2.2 目录元素添加CSS样式131

6.3 列表示例二：用DIV实现列表133

6.3.1 DIV的摆放133

6.3.2 DIV模仿简单列表136

6.4 列表示例三：列表摆放——我的微空间画册138

6.5 列表示例四：列表动态显示——商品列表141

6.5.1 商品列表的框架设计141

6.5.2 为列表添加CSS和JavaScript控制143

第7章 CSS表单样式设计与速成（ 教学视频：58分钟）146

7.1 表单的作用146

7.1.1 表单的重要性146

7.1.2 简单的表单功能提交单148

7.2 表单的样式150

7.2.1 基本元素150

7.2.2 背景156

7.2.3 边框161

7.2.4 布局167

7.3 表单示例一：用户注册界面设计175

7.4 表单示例二：问卷调查表单设计179

7.5 表单示例三：人人网登录界面设计183

第8章 其他CSS样式设计（ 教学视频：81分钟）187

8.1 圆角的设计187

8.1.1 通过设置背景设计圆角187

8.1.2 五环效果189

8.2 特殊部件设计191

8.2.1 可移动的div192

8.2.2 进度条设计195

8.3 颜色198

8.3.1 颜色的表示198

8.3.2 颜色的使用200

8.4 细说选择符201

8.4.1 全局选择符201

8.4.2 标签选择符202

8.4.3 ID选择符203

8.4.4 CLASS选择符205

8.4.5 派生选择符206

8.4.6 元素群选择符208

8.4.7 指定选择符209

8.4.8 属性选择符211

8.4.9 相邻选择符221

8.4.10 伪类选择符222

8.5 样式优先级224

8.5.1 各自的优先级224

8.5.2 !important标识符224

第9章 DIV布局控制（ 教学视频：33分钟）226

9.1 块元素和行元素226

9.1.1 区别和联系226

9.1.2 分类228

9.2 盒式模型230

9.2.1 几个关键属性230

9.2.2 间距231

9.3 DIV定位举例一：个人网站类233

9.3.1 个人网站举例233

9.3.2 设计个人网站主页的布局234

9.4 DIV定位举例二：新闻网站类238

9.4.1 新闻网站举例238

9.4.2 设计个人网站主页的布局239

第10章 CSS Sprite技术（ 教学视频：56分钟）243

10.1 什么是CSS Sprite技术243

10.2 CSS Sprite的简单应用244

10.3 设计热门查询栏245

10.3.1 使用Photoshop定位元素246

10.3.2 进行DIV排版246

10.3.3 添加皮肤248

10.3.4 添加鼠标事件处理249

10.4 酷狗电台列表设计250

10.4.1 图标元素设计250

10.4.2 进行DIV排版250

10.4.3 添加皮肤254

10.4.4 鼠标移动事件响应256

10.4.5 音乐提示响应模拟257

10.5 菜单标签的Sprite应用259

10.5.1 简单的DIV布局259

10.5.2 使用CSS添加Sprite260

10.5.3 使用JavaScript控制261

第11章 CSS滤镜的使用（ 教学视频：48分钟）262

11.1 静态滤镜262

11.1.1 透明滤镜262

11.1.2 模糊滤镜264

11.1.3 基色滤镜265

11.1.4 落影滤镜266

11.1.5 光晕滤镜268

11.1.6 光照滤镜269

11.1.7 翻转滤镜271

11.1.8 X 光滤镜273

11.1.9 运动模糊滤镜274

11.1.10 阴影滤镜276

11.1.11 波浪滤镜277

11.1.12 图片插入滤镜279

11.1.13 渐变滤镜281

11.1.14 浮雕滤镜282

11.2 动态滤镜284

11.2.1 门滤镜284

11.2.2 栅栏滤镜285

11.2.3 棋盘滤镜287

11.2.4 渐刷滤镜289

11.2.5 消逝滤镜291

11.2.6 虹滤镜292

11.2.7 内插滤镜295

11.2.8 像素化滤镜296

11.2.9 随机线条滤镜298

11.2.10 旋转刷滤镜299

11.2.11 随机转换滤镜301

11.2.12 随机溶解滤镜304

11.2.13 螺旋滤镜305

11.2.14 滑动滤镜307

11.2.15 剥除滤镜309

11.2.16 拉伸滤镜311

11.2.17 齿轮滤镜313

11.2.18 之字形滤镜314

第12章 CSS浏览器样式兼容（ 教学视频：32分钟）317

12.1 CSS兼容问题317

12.1.1 什么是CSS兼容问题317

12.1.2 兼容问题的解决方案318

12.2 浏览器过滤语句318

12.2.1 导入语句过滤器318

12.2.2 IE判断过滤器320

12.2.3 属性名字过滤器323

12.2.4 根符号过滤器324

12.2.5 派生选择符过滤器325

12.2.6 属性选择符过滤器327

12.2.7 注释语句过滤器328

12.2.8 大括号过滤器330

12.2.9 优先级过滤器332

12.2.10 相邻选择符过滤器333

12.2.11 转义字符过滤器334

第2篇 DIV+CSS布局实战演练338

第13章 广告的设计（ 教学视频：34分钟）338

13.1 旁侧浮动广告设计338

13.1.1 旁侧浮动广告DIV设计338

13.1.2 旁侧浮动广告CSS设计部分339

13.1.3 旁侧浮动广告JavaScript控制部分341

13.2 可折叠浮动广告设计342

13.2.1 可折叠浮动广告DIV设计342

13.2.2 可折叠浮动广告CSS设计343

13.2.3 可折叠浮动广告JavaScript设计344

13.3 底部提示广告设计346

13.3.1 底部广告DIV设计346

13.3.2 底部广告CSS设计347

13.3.3 底部广告JavaScript设计348

13.4 CSS窗口定位350

13.4.1 旁侧浮动广告350

13.4.2 可折叠浮动广告351

13.4.3 底部浮动广告352

第14章 公告列表设计（ 教学视频：35分钟）353

14.1 视频排行列表设计353

14.1.1 列表与图片混搭353

14.1.2 添加CSS355

14.1.3 添加JavaScript控制357

14.2 旁侧橱窗设计358

14.2.1 列表与图片混搭358

14.2.2 添加CSS360

14.2.3 添加JavaScript控制362

14.3 天气预报设计363

14.3.1 天气简报设计363

14.3.2 天气详单设计367

第15章 搜索条设计（ 教学视频：16分钟）377

15.1 仿百度搜索栏设计377

15.1.1 表单和列表混搭377

15.1.2 添加CSS379

15.1.3 按钮样式控制381

15.2 立体搜索栏设计382

15.2.1 表单和列表混搭382

15.2.2 添加样式控制383

15.2.3 列表和按钮样式控制386

第16章 单击控件设计（ 教学视频：13分钟）387

16.1 页面底部控件387

16.1.1 HTML基本框架387

16.1.2 CSS样式控制388

16.1.3 相关事件控制389

16.2 页面顶部控件390

16.2.1 HTML基本框架390

16.2.2 CSS样式控制391

16.2.3 相关事件控制392

第3篇 Web开发进阶396

第17章 JavaScript功能层控制（ 教学视频：53分钟）396

17.1 JavaScript的引入396

17.1.1 JavaScript是什么396

17.1.2 第一个JavaScript397

17.1.3 注意事项399

17.2 数据类型399

17.2.1 基本数据类型400

17.2.2 复合数据类型401

17.2.3 其他数据类型402

17.3 程序控制404

17.3.1 运算符404

17.3.2 特殊运算符405

17.3.3 控制语句407

17.4 事件处理412

17.4.1 浏览器事件412

17.4.2 键盘事件413

17.4.3 鼠标事件413

17.4.4 表单事件414

17.4.5 选单事件414

17.4.6 文本事件414

17.5 DOM对象414

17.5.1 DOM初识415

17.5.2 DOM的简单例子415

17.5.3 DOM函数与关键字416

第18章 DOM与XML应用 教学视频：31分钟）418

18.1 HTML的DOM使用418

18.1.1 用DOM遍历HTML元素418

18.1.2 用DOM修改CSS422

18.2 重载标签节点的方法成员435

18.2.1 函数重载的一般方法435

18.2.2 IE浏览器下函数重载的方法438

18.3 XML的使用442

18.3.1 用DOM遍历XML元素442

18.3.2 如何解析和显示XML445

第19章 静态和动态网站建站的方法（ 教学视频：15分钟）458

19.1 申请个人子域名458

19.1.1 UCOZ简介458

19.1.2 注册激活个人账号459

19.1.3 登录账号460

19.1.4 创建子网站461

19.2 建设网站462

19.2.1 编辑网站首页462

19.2.2 上传文件464

19.3 申请动态网站空间465

19.3.1 注册账号465

19.3.2 创建个人服务器空间以及数据库466

19.4 上传PHP代码467

19.4.1 FTP上传工具的使用468

19.4.2 上传PHP代码包468

19.4.3 在线配置服务器469

第20章 搭建本地服务器（ 教学视频：11分钟）471

20.1 搭建网站服务器471

20.1.1 Apache简介471

20.1.2 Apache安装472

20.1.3 Apache配置474

20.2 搭建数据库476

20.2.1 MySQL简介476

20.2.2 MySQL安装477

第21章 快速构建本地网站（ 教学视频：9分钟）486

21.1 本地服务器一键安装486

21.1.1 PHPnow简介486

21.1.2 PHPnow安装486

21.2 使用Discuz代码489

21.2.1 Discuz简介490

21.2.2 安装Discuz491

21.2.3 Discuz后台497

21.2.4 更换模板498

后记500