精通DIV CSS网页样式与布局目录

时间：2023-02-13 13:18:01 | 来源：营销百科

时间：2023-02-13 13:18:01 来源：营销百科

精通DIV CSS网页样式与布局目录：《精通div css网页样式与布局》

n第1章 开发网站，我们需要做些什么 1

n1.1 网站需要什么 1

n1.1.1 需要html文件 1

n1.1.2 需要div来'圈地' 2

n1.1.3 需要css来定义样式 2

n1.1.4 需要javascript 3

n1.1.5 需要空间和域名 4

n1.2 通过dreamweaver开发div css程序 4

n1.2.1 安装dreamweaver 5

n1.2.2 使用dreamweaver 5

n1.2.3 dreamweaver的三种工作方式 6

n1.2.4 通过dreamweaver在html页面中开发div 7

n1.2.5 通过dreamweaver开发css程序 9

n1.2.6 在div里引入css效果 10

n1.3 一个简单的网页需要包含什么 11

n1.3.1 head部分 11

n1.3.2 body部分 11

n1.3.3 编写注释 12

n1.4 开发一个网站的总体流程 13

n.1.4.1 美工先用photoshop给出效果 13

n1.4.2 通过切图，得到素材 14

n1.4.3 搭建div 14

n1.4.4 搭建css和js效果 15

n1.4.5 测试网页 15

n1.5 网站的建设标准和布局方式 16

n1.5.1 网站的建设标准 16

n1.5.2 页面布局 17

n1.6 上机题 21

n第2章 html和xhtml 22

n2.1 html基础 22

n2.1.1 html概述 22

n2.1.2 html基础结构 23

n2.2 html标签 24

n2.2.1 基本标签 24

n2.2.2 格式标签 26

n2.2.3 文本标签 28

n2.2.4 超链标签 29

n2.2.5 图像标签 30

n2.2.6 表格标签 31

n2.2.7 分区标签 33

n2.3 xhtml介绍 35

n2.3.1 什么是xhtml 35

n2.3.2 html转换成xhtml的方法 36

n2.4 实训——综合各种标签的网页 39

n2.5 上机题 42

n第3章 css基础知识介绍 44

n3.1 css的概念 44

n3.2 css的基本语法 45

n3.2.1 css选择器 45

n3.2.2 选择器声明 48

n3.2.3 css的继承 50

n3.3 css的四种引入方式 51

n3.4 css的常见问题 52

n3.4.1 让css适用所有浏览器 53

n3.4.2 css注释与字符编码控制 54

n3.5 css里的单位和值 55

n3.5.1 颜色 55

n3.5.2 长度单位 57

n3.5.3 通过url引入外部资源 59

n3.6 实训——css基本语法的演练 60

n3.7 上机题 62

n第4章 通过css控制字体样式 66

n4.1 通过css控制文本样式 66

n4.1.1 定义文字颜色 66

n4.1.2 通过css设置字体 67

n4.1.3 字体粗细与斜体 69

n4.1.4 定义字体大小和行高 71

n4.1.5 下划线、顶划线、删除线 72

n4.2 用css控制字间距和对齐方式 74

n4.2.1 设置字间距 74

n4.2.2 控制对齐方式 75

n4.3 通过css定义样式表 76

n4.3.1 通过css定义无序列表的效果 77

n4.3.2 通过css定义排序列表的样式 77

n4.4 实训——css字体样式综合演练 79

n4.4 上机题 82

n第5章 通过css定义链接样式 86

n5.1 针对链接的css基本概念 86

n5.1.1 css伪类别 86

n5.1.2 用伪类定义动态超链接 87

n5.2 定义丰富的超链特效 89

n5.2.1 给链接添加提示文字 89

n5.2.2 按钮式超链接 90

n5.2.3 为超链添加背景图效果 91

n5.3 用css定义针对超链的鼠标特效 93

n5.3.1 用css设计鼠标的箭头 93

n5.3.2 定义鼠标的变幻效果 95

n5.4 实训——用css美化超链接 96

n5.5 上机题 101

n第6章 通过css定义图片样式 104

n6.1 css定义图片样式 104

n6.1.1 定义图片边框 104

n6.1.2 定义图片大小 106

n6.1.3 通过css保证图片不变形 107

n6.1.4 定义图片的对齐方式 109

n6.2 通过css设置文字和图片交互的效果 112

n6.2.1 设置文字环绕的效果 112

n6.2.2 浮动广告 114

n6.3 实训——用css设计图文并茂的效果 115

n6.4 通过css设置背景颜色 118

n6.4.1 设置页面背景色 118

n6.4.2 通过背景色给页面分块 119

n6.5 通过css处理背景图像样式 121

n6.5.1 设置页面背景图样式 121

n6.5.2 设置背景图重复的效果 121

n6.5.3 定义背景图片的位置 122

n6.5.4 固定背景图片 123

n6.6 实训——实现美食资讯网的菜单部分 124

n6.7 上机题 126

n第7章 通过css设置表格的样式 131

n7.1 表格基础 131

n7.2 用css设置表格的样式 132

n7.2.1 设置表格的颜色 132

n7.2.2 设置表格的边框样式 133

n7.2.3 设置隔行变色的单元格样式 135

n7.2.4 设置大小和对齐方式 136

n7.3 实训——用css搭建一个综合效果的表格 138

n7.4 上机题 142

n第8章 通过css定义表单样式 146

n8.1 认识表单元素 146

n8.1.1 输入域标签[input] 146

n8.1.2 文本域标签[textarea] 147

n8.1.3 选择域标签[select]和[option] 148

n8.1.4 表单各元素在网页中的用法 148

n8.2 通过css设置各元素的外观 149

n8.2.1 用css修饰表单元素的背景色 149

n8.2.2 用css改变表单元素的边框样式 152

n8.2.3 用css修改表单文字的样式 153

n8.3 实训——css定义表单样式练习 156

n8.4 上机题 161

n第9章 css滤镜的应用 164

n9.1 滤镜概述 164

n9.2 通道（alpha） 165

n9.3 模糊（blur） 166

n9.4 运动模糊（motionblur） 167

n9.5 透明色（chroma） 169

n9.6 翻转变换（flip） 169

n9.7 光晕（glow） 170

n9.8 灰度（gray） 172

n9.9 反色（invert） 173

n9.10 遮罩（mask） 173

n9.11 阴影（shadow） 175

n9.12 x射线（x-ray） 176

n9.13 浮雕纹理（emboss和engrave） 177

n9.14 波浪（wave） 179

n9.15 上机题 180

n第10章 css定位与div布局 184

n10.1 盒子模型 184

n10.1.1 盒子模型的概念 184

n10.1.2 content 185

n10.1.3 border 185

n10.1.4 padding 188

n10.1.5 margin 190

n10.2 元素的定位 193

n10.2.1 定位方式 193

n10.2.2 css的定位原理 194

n10.2.3 利用float定位 199

n10.2.4 利用css堆元素定位 201

n10.3 块元素和行内元素 203

n10.3.1 块元素 203

n10.3.2 行内元素 204

n10.4 实训——用css定位页面的布局 205

n10.5 上机题 210

n第11章 用javascript搭建动态效果 214

n11.1 javascript概述 214

n11.1.1 javascript概述 214

n11.1.2 javascript嵌入html文档 215

n11.2 用javascript设置图片的效果 216

n11.2.1 实现相册效果 216

n11.2.2 实现图片滑动切换效果 220

n11.3 针对菜单的效果 223

n11.3.1 用javascript实现页签效果 223

n11.3.2 用javascript实现下拉式菜单 225

n11.3.3 用javascript实现滑轮式菜单效果 228

n11.4 针对文字的效果 229

n11.4.1 文字的打字效果 229

n11.4.2 带提示文字的javascript特效 231

n11.5 上机题 234

n第12章 div css布局综述 236

n12.1 布局方式 236

n12.1.1 用div将页面分块 236

n12.1.2 设计各块的位置 237

n12.1.3 用css将分布的div定位 237

n12.2 css排版样式 239

n12.2.1 设计上中下版式的样式 239

n12.2.2 设计固定宽度且居中的样式 241

n12.2.3 设计左中右版式的样式 244

n12.2.4 设计块的背景色及背景图片 247

n12.2.5 内容分类显示版式 248

n12.3 实训——构建一个上下结构的页面 251

n12.4 实训——构建一个左中右结构的页面 255

n12.5 上机题 258

n第13章 css、xml和ajax综合使用方式 266

n13.1 xml基础 266

n13.1.1 xml的特点 266

n13.1.2 xml的结构和基本语法 267

n13.2 xml与css的综合应用 269

n13.2.1 在xml里链接css文件 270

n13.2.2 通过xml和css，搭建具有图文并茂效果的案例 271

n13.3 ajax与css的综合应用 273

n13.3.1 ajax概述 273

n13.3.2 ajax与css的综合应用 274

n13.4 实训——xml与css结合的练习 279

n13.5 实训——ajax与css结合的练习 283

n13.6 上机题 285

n第14章 解决css开发中的常见问题 288

n14.1 解决浏览器不兼容的问题 288

n14.1.1 解决字体大小不兼容的问题 288

n14.1.2 解决div里的float悬浮问题 290

n14.1.3 容器高度的限定问题 292

n14.2 解决html和css的中文编码问题 295

n14.2.1 css与html页面的默认编码问题 295

n14.2.2 css中文注释'标'的问题 297

n第15章 娱乐门户网站 299

n15.1 网站页面效果分析 299

n15.1.1 首页效果分析 299

n15.1.2 '店铺'页面的效果分析 301

n15.1.3 网站文件综述 302

n15.2 规划首页的布局 302

n15.2.1 搭建首页页头部分的div 302

n15.2.2 搭建'第一列'部分的div 304

n15.2.3 搭建'标签导航'部分的div 305

n15.2.4 搭建'新进店铺'部分的div 306

n15.2.5 搭建'最新资讯'部分的div 307

n15.2.6 搭建'第三列'部分的div 309

n15.2.7 搭建页脚部分的div 310

n15.2.8 首页css效果分析 310

n15.3 店铺页面 311

n15.3.1 商铺资料部分的div 311

n15.3.2 商铺推荐部分的div 313

n第16章 旅游酒店网站 316

n16.1 网站页面效果分析 316

n16.1.1 首页效果分析 316

n16.1.2 '酒店推荐'页面的效果分析 317

n16.1.3 网站文件综述 318

n16.2 规划首页的布局 318

n16.2.1 搭建首页页头部分的div 319

n16.2.2 搭建'推荐景点'部分的div 319

n16.2.3 搭建'最新新闻'部分的div 320

n16.2.4 搭建'游玩指南'部分的div 321

n16.2.5 搭建'在线订票'部分的div 322

n16.2.6 搭建'热门旅游专题'部分的div 324

n16.2.7 搭建页脚部分的div 324

n16.2.8 首页css效果分析 326

n16.3 酒店推荐页面 326

n16.3.1 酒店推荐列表部分的div 326

n16.3.2 推荐酒店列表部分的div 328

n第17章 设计公司网站 331

n17.1 网站页面效果分析 331

n17.1.1 首页效果分析 331

n17.1.2 '设计理念'页面的效果分析 333

n17.1.3 网站文件综述 333

n17.2 规划首页的布局 334

n17.2.1 搭建首页页头部分的div 334

n17.2.2 搭建'网站广告'部分的div 335

n17.2.3 搭建'公司介绍'部分的div 336

n17.2.4 搭建'设计服务'部分的div 336

n17.2.5 搭建'预约登记'部分的div 338

n17.2.6 搭建页脚部分的div 340

n17.2.7 首页css效果分析 340

n17.3 设计理念页面 341

n17.3.1 设计理念介绍的div 341

n17.3.2 业务分类部分的div 343

n第18章 新闻网站 345

n18.1 网站页面效果分析 345

n18.1.1 首页效果分析 345

n18.1.2 '新闻内容'页面的效果分析 346

n18.1.3 网站文件综述 347

n18.2 规划首页的布局 348

n18.2.1 搭建首页页头部分的div 348

n18.2.2 搭建'深度新闻'部分的div 349

n18.2.3 搭建'会议活动'部分的div 350

n18.2.4 搭建'大图新闻'部分的div 351

n18.2.5 搭建'新闻报道'部分的div 351

n18.2.6 搭建'名人博客'部分的div 352

n18.2.7 搭建页脚部分的div 353

n18.2.8 首页css效果分析 354

n18.3 新闻内容页面 355

n18.3.1 分类列表部分的div 355

n18.3.2 新闻文章部分的div 356