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

目录第1篇 基础篇第01章 Dreamweaver与CSS基础实例001 建站第一步——创建本地静态站点10实例002 设置远程服务器——创建企业网站站点11实例003 远程交互站点——创建Business Catalyst站点13实例004 内联CSS样式——控制文本显示效果16实例005 内部CSS样式——控制页面整体效果17实例006 外部CSS样式——链接外部CSS样式表文件19实例007 @import方式——导入外部CSS样式21第02章 Div CSS布局基础实例008 margin——控制网页元素的位置25实例009 border——为网页元素添加边框26实例010 padding——控制Div中内容的位置28实例011 相对定位——设置网页元素的相对位置30实例012 绝对定位——设置网页元素的绝对位置32实例013 固定定位——固定的网页导航33实例014 浮动定位——制作作品列表35实例015 空白边叠加——控制元素的上下边距39实例016 流体网格布局——制作个人作品展示页面41第03章 使用CSS控制网页背景实例017 定义页面背景颜色——制作个人作品网站页面50实例018 定义背景图像——为网页添加背景图像51实例019 背景图像的位置——控制网页中背景图像的位置53实例020 固定背景图像——控制网页的背景图像固定不动 54实例021 background-size属性（CSS30）——控制背景图像大小56实例022 background-origin 属性（CSS30）——控制背景图像显示区域58实例023 background-clip 属性（CSS30）——控制背景图像的裁剪区域59第04章 使用CSS控制文本实例024 定义字体——制作广告页面63实例025 定义英文字体大小写——制作英文网站页面64实例026 定义字体下划线、顶划线和删除线——网页文字修饰 67实例027 定义字间距和行间距——制作网站公告69实例028 定义段落首字下沉——制作企业介绍页面71实例029 定义段落首行缩进——制作设计公司网站页面73实例030 定义段落水平对齐——制作网站弹出页面75实例031 定义文本垂直对齐——制作产品介绍页面77实例032 使用Web字体——在网页中使用特殊字体 79实例033 CSS类选区——应用多个类CSS样式82实例034 text-shadow属性（CSS30）——为网页文字添加阴影 84实例035 word-wrap属性（CSS30）——控制网页文本换行 86实例036 text-overflow属性（CSS30）——控制文本溢出 87第05章 使用CSS控制图片效果实例037 图片边框——修饰网页图像91实例038 图片缩放——自适应窗口大小的图片93实例039 图片的水平对齐——制作产品展示页面96实例040 实现图文混排效果——制作产品介绍页面97实例041 实现图文混排效果——制作产品介绍页面99实例042 border-colors属性（CSS30）——为图像添加多种色彩边框101实例043 border-radius属性（CSS30）——实现圆角边框102实例044 border-image属性（CSS30）——实现图像边框104第2篇 进阶篇第06章 使用CSS控制列表样式实例045 ul无序列表——制作新闻栏目107实例046 ol有序列表——制作网站公告108实例047 更改列表项目样式——制作方块列表效果111实例048 使用图片作为列表样式——制作图像列表113实例049 定义列表——制作音乐列表115实例050 列表的应用——制作横向导航菜单117实例051 制作纵向导航菜单 119实例052 content属性（CSS30）——赋予Div内容121实例053 opacity属性（CSS30）——实现元素的半透明效果 123第07章 使用CSS美化表格和表单元素实例054 创建数据表格——制作企业网站新闻页面126实例055 设置表格边框和背景——制作精美表格 129实例056 为单元行应用类CSS样式——实现隔行变色的单元格133实例057 应用CSS样式的hover伪类——实现交互的变色表格134实例058 设置表单元素的背景颜色——制作商品搜索136实例059 设置表单元素的边框——美化登录框 138实例060 使用CSS定义圆角文本字段140实例061 使用CSS定义下拉列表——制作多彩下拉列表142实例062 column-width属性（CSS30）——实现网页文本分栏143实例063 column-count属性（CSS30）——控制网页文本分栏数145实例064 column-gap属性（CSS30）——控制网页文本分栏间距147实例065 column-rule属性（CSS30）——为分栏添加分栏线149第08章 使用CSS样式美化超链接和鼠标指针实例066 定义超链接样式——制作活动公告152实例067 超链接伪类应用——制作按钮式超链接155实例068 超链接伪类应用——制作图像式超链接158实例069 使用CSS定义鼠标指针样式——改变默认的鼠标指针161实例070 使用CSS定义鼠标变换效果——实现网页中的鼠标变换效果162实例071 box-shadow属性（CSS30）——为网页元素添加阴影164实例072 overflow属性（CSS30）——网页元素内容溢出处理165实例073 resize属性（CSS30）——在网页中实现区域缩放调节167实例074 outline属性（CSS30）——为网页元素添加轮廓边框169第3篇 提高篇第09章 使用CSS滤镜实例075 Alpha滤镜——实现网页中半透明效果172实例076 BlendTrans滤镜——制作图像切换效果174实例077 Blur滤镜——实现网页中的模糊效果177实例078 FlipH和FlipV滤镜——实现网页内容水平和垂直翻转179实例079 DropShadow滤镜——为网页元素添加阴影181第10章 CSS与其他语言综合运用实例080 XML与CSS——制作学生信息管理页面186实例081 使用CSS实现XML中特殊效果——隔行变色的信息列表190实例082 在HTML页面中调用XML数据——制作摄影图片网页194实例083 使用JavaScript实现可选择字体大小——制作新闻页面199实例084 使用JavaScript实现图像滑动切换——制作图像页面202实例085 使用JavaScript实现特效——制作动态网站相册206第4篇 商业案例篇第11章 制作网站常见效果实例086 插入Spry菜单栏——制作导航下拉菜单214实例087 插入Spry选项卡式面板——制作选项卡式新闻列表219实例088 插入Spry折叠式面板——制作个人网站页面224实例089 插入Spry可折叠面板——制作可折叠栏目228实例090 插入Spry工具提示——制作图片展示页面233第12章 布局制作商业网站页面实例091 制作宠物猫咪网站页面238实例092 制作设计工作室网站页面244实例093 制作医疗健康类网站页面252实例094 制作教育类网站页面261实例095 制作社区类网站页面271实例096 制作水上乐园网站页面280实例097 制作休闲游戏网站页面288实例098 制作野生动物园网站页面299实例099 制作餐饮类网站页面305实例100 制作游戏类网站页面314

超高性价比全彩印刷全书彩色印刷，不但直观呈现了设计制作效果，而且清晰表达了源代码书写规则，便于初学者学习，掌握网页源代码的书写方法与技巧，从而为可视化设计能力的提高奠定了基础。进阶式讲解模式全书共12章，每一章都是一个技术专题，从基础入手，逐步进阶到灵活运用。通过精心设计的100个案例，与实战紧密结合，技巧全面丰富，不但能学习到专业的制作方法和技巧，还能提高实际应用的能力。专业的讲师讲解340分钟全程同步多媒体语音教学视频，由一线教师亲授，详细记录了每个实例的具体操作过程，边学边做，同步提升操作技能。还提供书中所有案例的素材与效果文件。超值的配套素材超值附赠150个Div CSS模板、800张网页背景素材、1000张网页小图标、34种类型的网页模板、50个Flash小图片。全面配合书中所讲知识与技能，提高学习效率，提升学习效果。本书通过100个经典实例，采用实例操作与知识点相结合的形式，全面、系统地讲解了Div CSS标准布局的基础理论和实际应用技法，从网站的布局风格和实现方法两个方面剖析了如何用Div CSS进行网页布局。书中在讲解知识的基础上着重培养读者的设计思维与实战能力，通过大量实例对Div CSS布局进行了深入浅出的分析，实例的制作步骤中均配以图示，从而辅助读者更加深入、直观地学习，以达到事半功倍的效果。同时，本书对网页布局的重点和难点进行了更加深入的解析，使读者能够充分掌握Div CSS布局的精髓，锻炼读者的符合标准的设计思维，进而融入到Web标准设计领域。随书附赠的DVD光盘中收录了长达340分钟的所有案例的制作过程的教学视频，以及所有实例的源文件和结果文件，还附赠了150个Div CSS模板、1800多个网页设计素材资源，能够帮助读者提高学习效率。本书比较适合初、中级网页设计制作爱好者以及想学习Web标准对原网站进行重构的网页设计者阅读，也适合作为职业教育培训的教材。