DIV+CSS 3.0网页布局实战从入门到精通

作者简介

《DIV+CSS3.0网页布局实战从入门到精通》系统地讲解了目前流行的Div+CSS标准布局的基础理论和实际应用的技法。全书通过100个经典实例与知识点相结合的形式进行讲解，从网站的布局风格以及实现方法两个方面剖析了Div+CSS网页布局和制作方法。全书全面地讲解了使用Div+CSS进行网页布局的方法和技巧，并在每个实例的制作步骤中配以图示，从而更加直观地辅助读者学习，以达到事半功倍的效果。《DIV+CSS3.0网页布局实战从入门到精通》通过大量实例对Div+CSS布局进行了深入浅出的分析，并对重点和难点进行了更加深入的解析，使读者能够充分掌握Div+CSS布局的精髓所在。

书籍目录

基础篇  第1章 Dreamweaver与CSS基础 8 实例1 建站第一步——创建本地静态站点 8 实例2 设置远程服务器——创建企业网站站点 9 实例3 远程交互站点——创建BusinessCatalyst站点 12 实例4 内联CSS样式——控制文本显示效果 14 实例5 内部CSS样式——控制页面整体效果 16 实例6 外部CSS样式——链接外部CSS样式表文件 18 实例7 @import方式——导入外部CSS样式 20 第2章 Div+CSS布局基础 23 实例8 margin——控制网页元素的位置 23 实例9 border——为网页元素添加边框 25 实例10 padding——控制Div中内容的位置 27 实例11 相对定位——设置网页元素的相对位置 28 实例12 绝对定位——设置网页元素的绝对位置 30 实例13 固定定位——固定的网页导航 32 实例14 浮动定位——制作作品列表 34 实例15 空白边叠加——控制元素的上下边距 38 实例16 流体网格布局——制作个人作品展示页面 39 第3章 使用CSS控制网页背景 46 实例17 定义页面背景颜色——制作个人作品网站页面 46 实例18 定义背景图像——为网页添加背景图像 48 实例19 背景图像的位置——控制网页中背景图像的位置 49 实例20 固定背景图像——控制网页的背景图像固定不动 51 实例21 background—size属性（CSS3.0）——控制背景图像大小 53 实例22 background—origin属性（CSS3.0）——控制背景图像显示区域 55 实例23 background—clip属性（CSS3.0）——控制背景图像的裁剪区域 56 第4章 使用CSS控制文本 59 实例24 定义字体——制作广告页面 59 实例25 定义英文字体大小写——制作英文网站页面 61 实例26 定义字体下划线、顶划线和删除线——网页文字修饰 63 实例27 定义字间距和行间距——制作网站公告 65 实例28 定义段落首字下沉——制作企业介绍页面 67 实例29 定义段落首行缩进——制作设计公司网站页面 69 实例30 定义段落水平对齐——制作网站弹出页面 71 实例31 定义文本垂直对齐——制作产品介绍页面 73 实例32 使用Web字体——在网页中使用特殊字体 75 实例33 CSS类选区——应用多个类CSS样式 78 实例34 text—shadow属性（CSS3.0）——为网页文字添加阴影 80 实例35 word—wrap属性（CSS3.0）——控制网页文本换行 81 实例36 text—overflow属性（CSS3.0）——控制文本溢出 83 第5章 使用CSS控制图片效果 85 实例37 图片边框——修饰网页图像 85 实例38 图片缩放——自适应窗口大小的图片 87 实例39 图片的水平对齐——制作产品展示页面 90 实例40 图片的垂直对齐——制作饮品展示页面 91 实例41 实现图文混排效果——制作产品介绍页面 93 实例42 border—colors属性（CSS3.0）——为图像添加多种色彩边框 95 实例43 border—radius属性（CSS3.0）——实现圆角边框 97 实例44 border—image属性（CSS3.0）——实现图像边框 99 进阶篇 第6章 使用CSS控制列表样式 101 实例45 ul无序列表——制作新闻栏目 101 实例46 ol有序列表——制作网站公告 103 实例47 更改列表项目样式——制作方块列表效果 106 实例48 使用图片作为列表样式——制作图像列表 108 实例49 定义列表——制作音乐列表 109 实例50 列表的应用——制作横向导航菜单 111 实例51 制作纵向导航菜单 114 实例52 content属性（CSS3.0）——赋予Div内容 116 实例53 opacity属性（CSS3.0）——实现元素的半透明效果 118 第7章 使用CSS美化表格和表单元素 120 实例54 创建数据表格——制作企业网站新闻页面 120 实例55 设置表格边框和背景——制作精美表格 124 实例56 为单元行应用类CSS样式——实现隔行变色的单元格 128 实例57 应用CSS样式的hover伪类——实现交互的变色表格 130 实例58 设置表单元素的背景颜色——制作商品搜索 131 实例59 设置表单元素的边框——美化登录框 134 实例60 使用CSS定义圆角文本字段 135 实例61 使用CSS定义下拉列表——制作多彩下拉列表 137 实例62 column—width属性（CSS3.0）——实现网页文本分栏 138 实例63 column—count属性（CSS3.0）——控制网页文本分栏数 140 实例64 column—gap属性（CSS3.0）——控制网页文本分栏间距 142 实例65 column—rule属性（CSS3.0）——为分栏添加分栏线 144 第8章 使用CSS样式美化超链接和鼠标指针 146 实例66 定义超链接样式——制作活动公告 146 实例67 超链接伪类应用——制作按钮式超链接 149 实例68 超链接伪类应用——制作图像式超链接 152 实例69 使用CSS定义鼠标指针样式——改变默认的鼠标指针 156 实例70 使用CSS定义鼠标变换效果——实现网页中的鼠标变换效果 157 实例71 box—shadow属性（CSS3.0）——为网页元素添加阴影 159 实例72 overflow属性（CSS3.0）——网页元素内容溢出处理 161 实例73 resize属性（CSS3.0）——在网页中实现区域缩放调节 163 实例74 outline属性（CSS3.0）——为网页元素添加轮廓边框 164 提高篇 第9章 使用CSS滤镜 167 实例75 Alpha滤镜——实现网页中半透明效果 167 实例76 BlendTrans滤镜——制作图像切换效果 170 实例77 Blur滤镜——实现网页中的模糊效果 173 实例78 FlipH和FlipV滤镜——实现网页内容水平和垂直翻转 175 实例79 DropShadow滤镜——为网页元素添加阴影 177 第10章 CSS与其他语言综合运用 180 实例80 XML与CSS——制作学生信息管理页面 180 实例81 使用CSS实现XML中特殊效果——隔行变色的信息列表 184 实例82 在HTML页面中调用XML数据——制作摄影图片网页 188 实例83 使用JavaScript实现可选择字体大小——制作新闻页面 194 实例84 使用JavaScript实现图像滑动切换——制作图像页面 197 实例85 使用JavaScript实现特效——制作动态网站相册 201 商业案例篇 第11章 制作网站常见效果 208 实例86 插入Spry菜单栏——制作导航下拉菜单 208 实例87 插入Spry选项卡式面板——制作选项卡式新闻列表 213 实例88 插入Spry折叠式面板——制作个人网站页面 219 实例89 插入Spry可折叠面板——制作可折叠栏目 224 实例90 插入Spry工具提示——制作图片展示页面 228 第12章 布局制作商业网站页面 233 实例91 制作宠物猫咪网站页面 233 实例92 制作设计工作室网站页面 238 实例93 制作医疗健康类网站页面 245 实例94 制作教育类网站页面 252 实例95 制作社区类网站页面 260 实例96 制作水上乐园网站页面 271 实例97 制作休闲游戏网站页面 280 实例98 制作野生动物园网站页面 292 实例99 制作餐饮类网站页面 299 实例100 制作游戏类网站页面 308

编辑推荐

1.适合自学：全书设计了100个实例（包括15个大型案例），由浅入深，从易到难，逐步引导读者系统地掌握软件操作技能和行业知识。2.专业老师讲解：大容量的DVD多媒体教学光盘，包含了书中100个实例的素材与效果文件，以及300多分钟全程同步多媒体语音视频讲解，就像有一位专业的老师在您身旁讲解一样。3.精心设计：本书结合平常学习、工作和生活中的需求，精心挑选案例，结合应用，力争让读者做到真正的学以致用。4.应用技术参考手册：全书共12章，每一章都是一个技术专题，与实战紧密结合，技巧全面丰富，让您在不知不觉中学习到专业应用案例的制作方法和技巧。

内容概要

新视角文化行，国内知名的图形图像+多媒体影视类图书策划编写团队，擅长PS平面设计、三维动画、影视特效、建筑效果设计、CAD辅助设计、Flash动画、网页设计等领域图书的编写。多年来，所策划编写的“典藏”系列、“完全学习手册”系列、“实战从入门到精通”系列等到广大读者、工作人员、学校老师的认可，并且有多本图书长期占据销售排行榜的前列。

章节摘录

版权页：   插图：   锚记链接 锚点就是在文档中设置位置标记，并给该位置一个名称，以便引用。通过创建锚点，可以使链接指向当前文档或不同文档中的指定位置。锚点常常被用来跳转到特定的主题或文档的顶部，使访问者能够快速浏览到选定的位置，加快信息检索速度。 多媒体文件链接 这种链接方法分为链接和嵌入两种。使用与外联图像类似的语句可把影视文件链接到HTML文档，差别只是文件扩展名不同。与链接外联影视文件不同，对嵌入有影视文件的HTML文档，浏览器在从网络上下载该文档时就把影视文件一起下载下来，如果影视文件很大，则下载的时间就会很长。 空链接 网页在制作或研发中有时候需要利用空链接来模拟链接，用来响应鼠标事件，可以防止页面出现各种问题，在“属性”面板上的“链接”框内输入“#”符号即可创建空链接。 提问：怎样合理地设置网页中的超链接？ 答：在网页中创建超链接时，用户需要综合整个网站中的所有页面进行考虑，合理地安排超链接，这样才会使整个网站中的页面具有一定的条理性，创建超链接的建议如下所述。 避免孤立文件的存在 应该避免存在孤立的文件，这样能使将来在修改和维护链接时有清晰的思路。 在网页中避免使用过多的超级链接 在一个网页中设置过多超链接会导致网页的观赏性不强，文件过大。如果避免不了过多的超链接，可以尝试使用下拉列表框、动态链接等一些链接方式。 网页中的超链接不要超过4层 链接层数过多容易让人产生厌烦的感觉，在力求做到结构化的同时，应注意链接避免超过4层。 页面较长时可以使用书签 在页面较长时，可以定义一个书签，这样能让浏览者方便地找到想要的信息。 设置主页或上一层的链接 有些浏览者可能不是从网站的主页进入网站的。设置主页或上一层的链接，会让浏览者更加方便地浏览全部网页。 68 超链接伪类应用——制作图像式超链接 在浏览网站页面时，当鼠标经过一些添加超链接的页面部分时，页面会出现一些交替变换的绚丽背景，使得整个页面更加美观且具有欣赏性。同样，我们也可以利用CSS制作出图像式超链接。 实例分析 本实例制作的是网站页面的导航菜单，通过设置4种伪类样式代码，为文字的超链接添加了好看的背景，使得网页看起来更具有欣赏性，下面我们将为大家介绍的是如何制作出图像式超链接，页面的最终效果如图8.32所示。

---

 DIV+CSS 3.0网页布局实战从入门到精通下载

---