dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 15980|回复: 196

[前端] 精通CSS+DIV 网页样式与布局[前沿科技]

  [复制链接]
  • TA的每日心情
    慵懒
    2024-7-21 16:49
  • 签到天数: 29 天

    [LV.4]偶尔看看III

    174

    主题

    8025

    帖子

    2046

    积分

    荣誉会员

    积分
    2046

    发表于 2018-6-4 23:28:53 | 显示全部楼层 |阅读模式

    本站资源全部免费,回复即可查看下载地址!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    125003sk8c846l4kmvxe4l.jpg


    介绍:
    随着web 2.0大潮的席卷而来,传统的表格布局模式逐渐被div+css的设计模式所取代。使用div搭建框架,使用css定制、改善网页的显示效果,已经成为一个网页设计的标准化模式。对于网页设计人员来说,div+css已经成为必须掌握的技术。
    《精通div+css网页样式与布局》一共18个章节,前面14章,全面介绍div+css的基本语法和概念,内容包括:开发网站的基础知识,html和xhtml的相关技术,css的基本语法,css定义字体、链接、图片、表格、表单等样式,css滤镜的使用,css定位与div布局,javascript、xml、ajax与css的结合使用,以及css开发中常见问题的解决方法等。在最后的4章中,给出了“娱乐资讯网”、“设计公司网站”、“旅游酒店网站”和“新闻网站”4个案例。
    《精通div+css网页样式与布局》采用了“语法讲述+案例分析+实训+上机题”的方式进行讲解,通过学习,可以掌握一些实用的div+css的知识,还能学到javascript和ajax等的扩展知识。
    《精通div+css网页样式与布局》适合从事网页设计人员(尤其是美工)、web开发人员阅读。《精通div+css网页样式与布局》也可作为高等院校相关专业的参考用书,特别是《精通div+css网页样式与布局》的案例,能帮助阅读者轻易完成课程设计等工作。

    目录:
    第1章 开发网站,我们需要做些什么 1
    1.1 网站需要什么 1
    1.1.1 需要html文件 1
    1.1.2 需要div来“圈地” 2
    1.1.3 需要css来定义样式 2
    1.1.4 需要javascript 3
    1.1.5 需要空间和域名 4
    1.2 通过dreamweaver开发div+css程序 4
    1.2.1 安装dreamweaver 5
    1.2.2 使用dreamweaver 5
    1.2.3 dreamweaver的三种工作方式 6
    1.2.4 通过dreamweaver在html页面中开发div 7
    1.2.5 通过dreamweaver开发css程序 9
    1.2.6 在div里引入css效果 10
    1.3 一个简单的网页需要包含什么 11
    1.3.1 head部分 11
    1.3.2 body部分 11
    1.3.3 编写注释 12
    1.4 开发一个网站的总体流程 13
    .1.4.1 美工先用photoshop给出效果 13
    1.4.2 通过切图,得到素材 14
    1.4.3 搭建div 14
    1.4.4 搭建css和js效果 15
    1.4.5 测试网页 15
    1.5 网站的建设标准和布局方式 16
    1.5.1 网站的建设标准 16
    1.5.2 页面布局 17
    1.6 上机题 21
    第2章 html和xhtml 22
    2.1 html基础 22
    2.1.1 html概述 22
    2.1.2 html基础结构 23
    2.2 html标签 24
    2.2.1 基本标签 24
    2.2.2 格式标签 26
    2.2.3 文本标签 28
    2.2.4 超链标签 29
    2.2.5 图像标签 30
    2.2.6 表格标签 31
    2.2.7 分区标签 33
    2.3 xhtml介绍 35
    2.3.1 什么是xhtml 35
    2.3.2 html转换成xhtml的方法 36
    2.4 实训——综合各种标签的网页 39
    2.5 上机题 42
    第3章 css基础知识介绍 44
    3.1 css的概念 44
    3.2 css的基本语法 45
    3.2.1 css选择器 45
    3.2.2 选择器声明 48
    3.2.3 css的继承 50
    3.3 css的四种引入方式 51
    3.4 css的常见问题 52
    3.4.1 让css适用所有浏览器 53
    3.4.2 css注释与字符编码控制 54
    3.5 css里的单位和值 55
    3.5.1 颜色 55
    3.5.2 长度单位 57
    3.5.3 通过url引入外部资源 59
    3.6 实训——css基本语法的演练 60
    3.7 上机题 62
    第4章 通过css控制字体样式 66
    4.1 通过css控制文本样式 66
    4.1.1 定义文字颜色 66
    4.1.2 通过css设置字体 67
    4.1.3 字体粗细与斜体 69
    4.1.4 定义字体大小和行高 71
    4.1.5 下划线、顶划线、删除线 72
    4.2 用css控制字间距和对齐方式 74
    4.2.1 设置字间距 74
    4.2.2 控制对齐方式 75
    4.3 通过css定义样式表 76
    4.3.1 通过css定义无序列表的效果 77
    4.3.2 通过css定义排序列表的样式 77
    4.4 实训——css字体样式综合演练 79
    4.4 上机题 82
    第5章 通过css定义链接样式 86
    5.1 针对链接的css基本概念 86
    5.1.1 css伪类别 86
    5.1.2 用伪类定义动态超链接 87
    5.2 定义丰富的超链特效 89
    5.2.1 给链接添加提示文字 89
    5.2.2 按钮式超链接 90
    5.2.3 为超链添加背景图效果 91
    5.3 用css定义针对超链的鼠标特效 93
    5.3.1 用css设计鼠标的箭头 93
    5.3.2 定义鼠标的变幻效果 95
    5.4 实训——用css美化超链接 96
    5.5 上机题 101
    第6章 通过css定义图片样式 104
    6.1 css定义图片样式 104
    6.1.1 定义图片边框 104
    6.1.2 定义图片大小 106
    6.1.3 通过css保证图片不变形 107
    6.1.4 定义图片的对齐方式 109
    6.2 通过css设置文字和图片交互的效果 112
    6.2.1 设置文字环绕的效果 112
    6.2.2 浮动广告 114
    6.3 实训——用css设计图文并茂的效果 115
    6.4 通过css设置背景颜色 118
    6.4.1 设置页面背景色 118
    6.4.2 通过背景色给页面分块 119
    6.5 通过css处理背景图像样式 121
    6.5.1 设置页面背景图样式 121
    6.5.2 设置背景图重复的效果 121
    6.5.3 定义背景图片的位置 122
    6.5.4 固定背景图片 123
    6.6 实训——实现美食资讯网的菜单部分 124
    6.7 上机题 126
    第7章 通过css设置表格的样式 131
    7.1 表格基础 131
    7.2 用css设置表格的样式 132
    7.2.1 设置表格的颜色 132
    7.2.2 设置表格的边框样式 133
    7.2.3 设置隔行变色的单元格样式 135
    7.2.4 设置大小和对齐方式 136
    7.3 实训——用css搭建一个综合效果的表格 138
    7.4 上机题 142
    第8章 通过css定义表单样式 146
    8.1 认识表单元素 146
    8.1.1 输入域标签[input] 146
    8.1.2 文本域标签[textarea] 147
    8.1.3 选择域标签[select]和[option] 148
    8.1.4 表单各元素在网页中的用法 148
    8.2 通过css设置各元素的外观 149
    8.2.1 用css修饰表单元素的背景色 149
    8.2.2 用css改变表单元素的边框样式 152
    8.2.3 用css修改表单文字的样式 153
    8.3 实训——css定义表单样式练习 156
    8.4 上机题 161
    第9章 css滤镜的应用 164
    9.1 滤镜概述 164
    9.2 通道(alpha) 165
    9.3 模糊(blur) 166
    9.4 运动模糊(motionblur) 167
    9.5 透明色(chroma) 169
    9.6 翻转变换(flip) 169
    9.7 光晕(glow) 170
    9.8 灰度(gray) 172
    9.9 反色(invert) 173
    9.10 遮罩(mask) 173
    9.11 阴影(shadow) 175
    9.12 x射线(x-ray) 176
    9.13 浮雕纹理(emboss和engrave) 177
    9.14 波浪(wave) 179
    9.15 上机题 180
    第10章 css定位与div布局 184
    10.1 盒子模型 184
    10.1.1 盒子模型的概念 184
    10.1.2 content 185
    10.1.3 border 185
    10.1.4 padding 188
    10.1.5 margin 190
    10.2 元素的定位 193
    10.2.1 定位方式 193
    10.2.2 css的定位原理 194
    10.2.3 利用float定位 199
    10.2.4 利用css堆元素定位 201
    10.3 块元素和行内元素 203
    10.3.1 块元素 203
    10.3.2 行内元素 204
    10.4 实训——用css定位页面的布局 205
    10.5 上机题 210
    第11章 用javascript搭建动态效果 214
    11.1 javascript概述 214
    11.1.1 javascript概述 214
    11.1.2 javascript嵌入html文档 215
    11.2 用javascript设置图片的效果 216
    11.2.1 实现相册效果 216
    11.2.2 实现图片滑动切换效果 220
    11.3 针对菜单的效果 223
    11.3.1 用javascript实现页签效果 223
    11.3.2 用javascript实现下拉式菜单 225
    11.3.3 用javascript实现滑轮式菜单效果 228
    11.4 针对文字的效果 229
    11.4.1 文字的打字效果 229
    11.4.2 带提示文字的javascript特效 231
    11.5 上机题 234
    第12章 div+css布局综述 236
    12.1 布局方式 236
    12.1.1 用div将页面分块 236
    12.1.2 设计各块的位置 237
    12.1.3 用css将分布的div定位 237
    12.2 css排版样式 239
    12.2.1 设计上中下版式的样式 239
    12.2.2 设计固定宽度且居中的样式 241
    12.2.3 设计左中右版式的样式 244
    12.2.4 设计块的背景色及背景图片 247
    12.2.5 内容分类显示版式 248
    12.3 实训——构建一个上下结构的页面 251
    12.4 实训——构建一个左中右结构的页面 255
    12.5 上机题 258
    第13章 css、xml和ajax综合使用方式 266
    13.1 xml基础 266
    13.1.1 xml的特点 266
    13.1.2 xml的结构和基本语法 267
    13.2 xml与css的综合应用 269
    13.2.1 在xml里链接css文件 270
    13.2.2 通过xml和css,搭建具有图文并茂效果的案例 271
    13.3 ajax与css的综合应用 273
    13.3.1 ajax概述 273
    13.3.2 ajax与css的综合应用 274
    13.4 实训——xml与css结合的练习 279
    13.5 实训——ajax与css结合的练习 283
    13.6 上机题 285
    第14章 解决css开发中的常见问题 288
    14.1 解决浏览器不兼容的问题 288
    14.1.1 解决字体大小不兼容的问题 288
    14.1.2 解决div里的float悬浮问题 290
    14.1.3 容器高度的限定问题 292
    14.2 解决html和css的中文编码问题 295
    14.2.1 css与html页面的默认编码问题 295
    14.2.2 css中文注释“标”的问题 297
    第15章 娱乐门户网站 299
    15.1 网站页面效果分析 299
    15.1.1 首页效果分析 299
    15.1.2 “店铺”页面的效果分析 301
    15.1.3 网站文件综述 302
    15.2 规划首页的布局 302
    15.2.1 搭建首页页头部分的div 302
    15.2.2 搭建“第一列”部分的div 304
    15.2.3 搭建“标签导航”部分的div 305
    15.2.4 搭建“新进店铺”部分的div 306
    15.2.5 搭建“最新资讯”部分的div 307
    15.2.6 搭建“第三列”部分的div 309
    15.2.7 搭建页脚部分的div 310
    15.2.8 首页css效果分析 310
    15.3 店铺页面 311
    15.3.1 商铺资料部分的div 311
    15.3.2 商铺推荐部分的div 313
    第16章 旅游酒店网站 316
    16.1 网站页面效果分析 316
    16.1.1 首页效果分析 316
    16.1.2 “酒店推荐”页面的效果分析 317
    16.1.3 网站文件综述 318
    16.2 规划首页的布局 318
    16.2.1 搭建首页页头部分的div 319
    16.2.2 搭建“推荐景点”部分的div 319
    16.2.3 搭建“最新新闻”部分的div 320
    16.2.4 搭建“游玩指南”部分的div 321
    16.2.5 搭建“在线订票”部分的div 322
    16.2.6 搭建“热门旅游专题”部分的div 324
    16.2.7 搭建页脚部分的div 324
    16.2.8 首页css效果分析 326
    16.3 酒店推荐页面 326
    16.3.1 酒店推荐列表部分的div 326
    16.3.2 推荐酒店列表部分的div 328
    第17章 设计公司网站 331
    17.1 网站页面效果分析 331
    17.1.1 首页效果分析 331
    17.1.2 “设计理念”页面的效果分析 333
    17.1.3 网站文件综述 333
    17.2 规划首页的布局 334
    17.2.1 搭建首页页头部分的div 334
    17.2.2 搭建“网站广告”部分的div 335
    17.2.3 搭建“公司介绍”部分的div 336
    17.2.4 搭建“设计服务”部分的div 336
    17.2.5 搭建“预约登记”部分的div 338
    17.2.6 搭建页脚部分的div 340
    17.2.7 首页css效果分析 340
    17.3 设计理念页面 341
    17.3.1 设计理念介绍的div 341
    17.3.2 业务分类部分的div 343
    第18章 新闻网站 345
    18.1 网站页面效果分析 345
    18.1.1 首页效果分析 345
    18.1.2 “新闻内容”页面的效果分析 346
    18.1.3 网站文件综述 347
    18.2 规划首页的布局 348
    18.2.1 搭建首页页头部分的div 348
    18.2.2 搭建“深度新闻”部分的div 349
    18.2.3 搭建“会议活动”部分的div 350
    18.2.4 搭建“大图新闻”部分的div 351
    18.2.5 搭建“新闻报道”部分的div 351
    18.2.6 搭建“名人博客”部分的div 352
    18.2.7 搭建页脚部分的div 353
    18.2.8 首页css效果分析 354
    18.3 新闻内容页面 355
    18.3.1 分类列表部分的div 355
    18.3.2 新闻文章部分的div 356
    游客,如果您要查看本帖隐藏内容请回复

    温馨提示:
    1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
    2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
    3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
    4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
    5、若发现链接失效了请联系管理员,管理员会在2小时内修复
    6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    10

    帖子

    44

    积分

    初学乍练

    Rank: 1

    积分
    44

    发表于 2018-6-5 22:45:41 | 显示全部楼层
    谢谢楼主分享!!!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    107

    帖子

    2

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    2

    发表于 2018-6-9 16:26:20 | 显示全部楼层
    看帖回帖是美德!:lol
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2024-7-21 16:49
  • 签到天数: 29 天

    [LV.4]偶尔看看III

    174

    主题

    8025

    帖子

    2046

    积分

    荣誉会员

    积分
    2046

     楼主| 发表于 2018-9-9 00:35:16 | 显示全部楼层
    看帖回帖是美德!:lol
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    23

    主题

    8041

    帖子

    1038

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1038

    发表于 2018-9-9 10:37:32 | 显示全部楼层
    相当不错,感谢无私分享精神!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    26

    主题

    8093

    帖子

    1091

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1091

    发表于 2018-9-10 16:01:31 | 显示全部楼层
    正需要,支持楼主大人了!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    20

    主题

    7854

    帖子

    996

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    996

    发表于 2018-9-13 11:29:07 | 显示全部楼层
    学习了,不错,讲的太有道理了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    18

    主题

    7781

    帖子

    928

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    928

    发表于 2018-9-13 15:30:31 | 显示全部楼层
    相当不错,感谢无私分享精神!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    28

    主题

    7920

    帖子

    1033

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1033

    发表于 2018-9-13 20:35:57 | 显示全部楼层
    相当不错,感谢无私分享精神!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    39

    主题

    7819

    帖子

    1026

    积分

    终身会员[B]

    积分
    1026

    发表于 2018-9-15 19:34:19 | 显示全部楼层
    相当不错,感谢无私分享精神!
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2024-12-24 10:07 , Processed in 0.147878 second(s), 43 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表