Div+CSS 3+jQuery网页布局案例精粹 畅销升级版PDF|Epub|txt|kindle电子书版本网盘下载

Div+CSS 3+jQuery网页布局案例精粹 畅销升级版PDF格式电子书版下载

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

第1章 Dreamweaver与HTML基础1

实例1 建站第一步——创建本地静态站点2

实例2 设置远程服务器——创建企业网站站点3

实例3 远程交互站点——创建Business Catalyst站点6

实例4 HTML的基本结构——制作简单的HTML页面9

实例5 HTML 5＜canvas＞标签——在网页中实现圆形图片11

实例6 HTML 5＜audio＞标签——在网页中嵌入音频15

实例7 HTML 5＜video＞标签——在网页中嵌入视频18

第2章 CSS样式基础21

实例8 通配选择器——控制页面边距22

实例9 标签选择器——制作网站欢迎页面23

实例10 ID选择器——制作设计作品页面25

实例11 类选择器——设置网页中的文字效果27

实例12 伪类和伪对象选择器——设置网页链接文字效果29

实例13 群组选择器——制作产品列表页面31

实例14 派生选择器——同时控制多个图像34

实例15 内联CSS样式——控制文本显示效果36

实例16 内部CSS样式——控制页面整体效果37

实例17 外部CSS样式——链接外部CSS样式表文件39

实例18 @import方式——导入外部CSS样式42

第3章 使用CSS样式设置网页文本45

实例19 font-family属性——设置网页中的字体46

实例20 font-size属性——设置网页中的字体大小47

实例21 color属性——设置网页中文字的颜色49

实例22 font-weight属性——设置网页中的文字加粗51

实例23 font-style属性——设置网页中的文字倾斜53

实例24 text-transform属性——设置英文字体大小写55

实例25 text-decoration属性——设置字体下画线、顶画线和删除线57

实例26 letter-spacing属性——设置网页中文字的间距59

实例27 line-height属性——设置网页中的文字行距60

实例28 text-indent属性——设置网页中段落文字首行缩进62

实例29 text-align属性——设置文字水平对齐方式64

实例30 vertical-align属性——设置文字垂直对齐方式66

实例31 段落首字下沉——制作企业介绍页面68

实例32 Web字体——在网页中使用特殊字体70

实例33 Edge Web Fonts——实现特殊文字效果73

实例34 CSS类选区——应用多个类CSS样式75

实例35 text-shadow属性（CSS 3）——为网页文字添加阴影77

实例36 word-wrap属性（CSS 3）——控制网页文本换行79

实例37 text-overflow属性（CSS 3）——控制文本溢出81

第4章 使用CSS样式设置网页背景85

实例38 background-color属性——设置网页背景颜色86

实例39 RGBA颜色设置方式（CSS 3）——设置半透明背景颜色88

实例40 HSL和HSLA颜色设置方式（CSS 3）——使用HSL方式设置背景颜色90

实例41 background-image属性——设置网页背景图像92

实例42 background-repeat属性——实现重复显示的背景图像93

实例43 background-position属性——控制网页中背景图像的位置96

实例44 background-attachment属性——控制网页的背景图像固定不动98

实例45 background-size属性（CSS 3）——控制背景图像大小100

实例46 background-origin属性（CSS 3）——控制背景图像显示区域102

实例47 background-clip属性（CSS 3）——控制背景图像的裁剪区域105

第5章 使用CSS样式设置网页图片109

实例48 border属性——为图片添加边框效果110

实例49 图片缩放——自适应窗口大小的图片112

实例50 图片水平对齐——制作作品展示页面115

实例51 图片垂直对齐——制作饮品展示页面117

实例52 实现图文混排效果——实现图文介绍页面文本绕图118

实例53 border-colors属性（CSS 3）——为图像添加多种色彩边框121

实例54 border-radius属性（CSS 3）——实现圆角边框122

实例55 border-image属性（CSS 3）——实现图像边框124

第6章 使用CSS样式设置列表效果127

实例56 ul无序列表——制作新闻栏目128

实例57 ol有序列表——制作音乐排行榜130

实例58 list-style-type属性——制作方块列表效果133

实例59 list-style-image属性——制作图像列表134

实例60 dl定义列表——制作游戏新闻列表136

实例61 使用CSS样式创建横向导航菜单——制作旅游网站导航菜单138

实例62 使用CSS样式创建竖向导航菜单——制作音乐网站竖向导航菜单142

实例63 content属性（CSS 3）——赋予Div内容145

实例64 opacity属性（CSS 3）——实现元素的半透明效果147

第7章 使用CSS样式设置表格和表单效果150

实例65 创建数据表格——制作企业网站新闻页面150

实例66 设置表格边框和背景——制作精美表格155

实例67 为单元行应用类CSS样式——实现隔行变色的单元格158

实例68 应用CSS样式的hover伪类——实现交互的变色表格160

实例69 设置表单元素的背景颜色——制作商品搜索162

实例70 设置表单元素的边框——美化登录框164

实例71 使用CSS定义圆角文本字段——制作系统登录界面166

实例72 使用CSS定义下拉列表——制作多彩下拉列表168

实例73 column-width属性（CSS 3）——实现网页文本分栏171

实例74 column-count属性（CSS 3）——控制网页文本分栏数173

实例75 column-gap属性（CSS 3）——控制网页文本分栏间距174

实例76 column-rule属性（CSS 3）——为分栏添加分栏线176

第8章 使用CSS样式设置网页超链接效果179

实例77 超链接伪类样式——制作网页文字超链接效果180

实例78 按钮式超链接——制作设计网站导航菜单183

实例79 为超链接添加背景——制作背景变换导航菜单187

实例80 cursor属性——设置网页中鼠标指针的效果191

实例81 使用CSS定义鼠标变换效果——实现网页中的鼠标变换效果192

实例82 box-shadow属性（CSS 3）——为网页添加阴影194

实例83 overflow属性（CSS 3）——网页元素内容溢出处理196

实例84 resize属性（CSS 3）——在网页中实现区域缩放调节197

实例85 outline属性（CSS 3）——为网页元素添加轮廓边框199

第9章 使用CSS 3的滤镜201

实例86 grayscale滤镜——将网页处理为灰度效果202

实例87 sepia滤镜——将网页中的图像处理为怀旧效果204

实例88 saturate滤镜——调整网页中图像的色彩饱和度206

实例89 hue-rotate滤镜——调整网页中图像的色调208

实例90 invert滤镜——将网页中的图像处理为底片效果210

实例91 opacity滤镜——设置网页元素的半透明效果212

实例92 brightness滤镜——调整网页中图像的亮度214

实例93 contrast滤镜——调整网页中图像的对比度215

实例94 blur滤镜——实现网页元素模糊效果217

实例95 drop-shadow滤镜——为网页元素添加阴影效果220

第10章 Div+CSS网页布局223

实例96 margin属性——控制网页元素的位置224

实例97 border属性——为网页元素添加边框226

实例98 padding属性——控制Div中内容的位置229

实例99 relative相对定位——设置网页元素的相对位置231

实例100 absolute绝对定位——设置网页元素的绝对位置233

实例101 fixed固定定位——固定的网页导航235

实例102 float浮动定位——制作作品列表237

实例103 空白边叠加——控制元素的上下边距240

实例104 流体网格布局——制作个人作品展示页面242

第11章 CSS样式与其他语言综合应用250

实例105 XML与CSS综合应用——制作学生信息管理页面250

实例106 使用CSS实现XML中特殊效果——制作信息列表253

实例107 在HTML页面中调用XML数据——制作摄影图片网页259

实例108 使用JavaScript实现可选择字体大小——制作新闻页面265

实例109 使用JavaScript实现图像滑动切换——制作轮换广告效果268

实例110 使用JavaScript实现特效——制作动态网站相册272

第12章 使用jQuery在网页中实现特殊效果279

实例111 jQuery Mobile——制作设计作品手机网站页面280

实例112 jQuery UI Accordion组件——制作折叠式作品展示栏目287

实例113 jQuery UI Tabs组件——制作选项卡式新闻列表293

实例114 jQuery Blind效果——动态显示／隐藏网页元素298

实例115 jQuery Bounce效果——实现网页元素动态抖动显示隐藏301

实例116 jQuery——实现网页全屏大图切换效果304

实例117 jQuery——实现图像横向滚动效果308

实例118 jQuery——卡片式图片轮换效果314

第13章 使用Div+CSS布局制作商业网站323

实例119 设计工作室网站页面324

实例120 儿童网站页面332

实例121 餐饮网站页面340

实例122 教育网站页面350

实例123 房地产网站页面358

实例124 网络公司网站页面364

实例125 企业宣传网站页面375

实例126 图书音像制品网站页面383

实例127 美容产品网站页面394

实例128 游戏网站页面402