本书全面系统地讲解了网页设计与制作的相关知识。全书共15章,包括网页设计基础、Dreamweaver CS6基础、页面与文本、图像与多媒体、超链接、表格、CSS样式、CSS Div布局、AP Div和Spry、行为、模板和库、表单、jQuery Mobile、动态网页技术以及综合实训等内容。 本书以网页设计知识的演进为线索,以课堂案例为载体,将理论与实践相结合,帮助读者快速掌握网页创意、设计和制作的方法与技巧。读者通过练习案例可以巩固和扩展相关的知识与技能,通过综合实训可以理解和掌握网站制作的方法与流程。 本书可以作为高等院校相关专业网页设计课程的教材,也可以作为培训机构的培训教材或自学人员的参考用书。

第 1章 网页设计基础 1 1.1 互联网基础 2 1.1.1 Internet与Web服务 2 1.1.2 URL路径 2 1.1.3 服务器与客户机 2 1.1.4 互联网数据** 3 1.2 网页设计知识 3 1.2.1 颜色 3 1.2.2 网页设计元素 4 1.2.3 页面布局 6 1.3 网页标准化技术 7 1.3.1 结构化语言 8 1.3.2 CSS样式 8 1.3.3 脚本语言 8 1.3.4 ASP技术 8 1.4 网站设计软件 9 1.4.1 Dreamweaver 9 1.4.2 Flash 9 1.4.3 Photoshop 10 1.5 网站制作流程 10 1.5.1 前期准备工作 10 1.5.2 方案实施 11 1.5.3 后期工作 12 1.6 HTML 13 1.6.1 文件结构标签 14 1.6.2 表格标签 14 1.6.3 文本段落标签 14 1.6.4 图像标签 14 1.6.5 链接标签 15 1.6.6 框架标签 15 1.6.7 表单标签 15 1.6.8 块标签 15 第 2章 Dreamweaver CS6基础 16 2.1 Dreamweaver CS6工作界面 17 2.1.1 开始界面 17 2.1.2 工作环境 17 2.1.3 工作区布局 19 2.1.4 多文档的编辑界面 19 2.2 创建网站站点 20 2.2.1 创建新站点 20 2.2.2 新建和保存网页 21 2.2.3 管理站点文件和文件夹 21 2.2.4 课堂案例——慈善救助** 22 2.3 管理站点 25 2.3.1 打开站点 25 2.3.2 编辑站点 25 2.3.3 复制站点 25 2.3.4 删除站点 26 2.4 网页文档头部信息设置 26 2.4.1 插入搜索关键字 26 2.4.2 设置描述信息 27 2.4.3 插入版权信息 27 2.4.4 设置刷新时间 27 第3章 页面与文本 29 3.1 页面属性 30 3.1.1 课堂案例——香格里湾峰会 30 3.1.2 网页的标题 33 3.1.3 文本分段与换行 33 3.1.4 输入空格 33 3.1.5 页面文字属性 34 3.1.6 显示不可见元素 35 3.1.7 设置页边距 35 3.1.8 背景属性 36 3.1.9 跟踪图像 36 3.2 文本属性 36 3.2.1 课堂案例——百货公司 36 3.2.2 设置文本属性 39 3.2.3 文本段落 40 3.2.4 插入日期 41 3.2.5 插入特殊字符 41 3.3 项目列表和编号列表 42 3.3.1 课堂案例——咨询网站 42 3.3.2 设置项目列表或编号列表 44 3.3.3 修改项目列表或编号列表 45 3.4 练习案例 45 3.4.1 练习案例——北京大学生国际电影节 45 3.4.2 练习案例——移动银行网站 46 3.4.3 练习案例——化妆品网站 47 第4章 图像与多媒体 48 4.1 图像插入 49 4.1.1 课堂案例——茶叶网站 49 4.1.2 插入图像 50 4.1.3 图像源文件 50 4.1.4 替换文本 51 4.1.5 图像占位符 51 4.2 调整图像 51 4.2.1 课堂案例——墙体装饰 51 4.2.2 图像效果 53 4.3 网页中的多媒体 54 4.3.1 课堂案例——度假村 54 4.3.2 插入Flash动画 56 4.3.3 插入FLV影片 56 4.3.4 课堂案例——瑜伽会所 56 4.3.5 插入Applet 59 4.4 练习案例 59 4.4.1 练习案例——五金机械 59 4.4.2 练习案例——心缘咖啡屋 59 第5章 超链接 61 5.1 超链接的概念与路径知识 62 5.1.1 按超链接端点分类 62 5.1.2 按超链接路径分类 62 5.2 文本链接 62 5.2.1 课堂案例——婚礼公司 62 5.2.2 文本链接 65 5.2.3 页面文本链接的状态 66 5.2.4 ���载文件链接 66 5.2.5 电子邮件链接 66 5.2.6 空链接 67 5.3 图像超链接 67 5.3.1 课堂案例——手机商城 67 5.3.2 图像超链接 69 5.3.3 鼠标指针经过图像超链接 69 5.4 热点链接 69 5.4.1 课堂案例——儿童课堂 69 5.4.2 创建热点链接 71 5.5 锚点链接 71 5.5.1 课堂案例——数码商城 71 5.5.2 创建锚点链接 73 5.6 链接管理 73 5.6.1 课堂案例——百适易得商城 74 5.6.2 自动更新链接 76 5.6.3 检查链接 77 5.6.4 修复链接 78 5.7 练习案例 78 5.7.1 练习案例——室内设计网 78 5.7.2 练习案例——多美味餐厅 79 5.7.3 练习案例——生物科普网 79 第6章 表格 81 6.1 表格的简单操作 82 6.1.1 表格的组成 82 6.1.2 插入表格 82 6.1.3 表格属性 83 6.1.4 单元格属性 83 6.1.5 在表格中插入内容 84 6.1.6 选择表格元素 84 6.1.7 合并和拆分单元格 85 6.2 简单表格的排版 85 6.2.1 课堂案例——融通室内装饰 85 6.2.2 复制和粘贴表格 90 6.2.3 删除表格和清除表格内容 91 6.2.4 增加或减少表格的行和列 91 6.3 复杂表格的排版 91 6.3.1 课堂案例——江雨桥的博客 91 6.3.2 表格的嵌套 96 6.3.3 单元格与表格背景 96 6.3.4 细线表格 97 6.4 表格的数据功能 98 6.4.1 课堂案例——远景苑小区 98 6.4.2 导入Word或Excel数据 99 6.4.3 排序 100 6.5 练习案例 100 6.5.1 练习案例——爱丽丝家具 100 6.5.2 练习案例——逸购鲜花速递网 101 第7章 CSS样式 103 7.1 CSS样式概述 104 7.1.1 CSS样式标准 104 7.1.2 CSS样式构造规则 104 7.1.3 CSS样式种类 104 7.1.4 CSS样式应用范围 105 7.2 CSS样式控制面板 105 7.2.1 CSS样式选择器 105 7.2.2 课堂案例——美好摄影 106 7.2.3 CSS样式的使用 112 7.2.4 编辑样式 114 7.3 CSS样式的属性 114 7.3.1 课堂案例——走进台湾 114 7.3.2 类型 117 7.3.3 背景 118 7.3.4 区块 118 7.3.5 方框和边框 119 7.3.6 列表 120 7.3.7 定位 120 7.3.8 扩展 120 7.3.9 过渡 121 7.4 CSS过滤器 121 7.4.1 课堂案例——养生美容 121 7.4.2 CSS静态过滤器 123 7.4.3 CSS动态过滤器 124 7.5 练习案例 124 7.5.1 练习案例——航空旅游 124 7.5.2 练习案例——狗狗俱乐部 125 7.5.3 练习案例——鲜花店 126 第8章 CSS Div布局 127 8.1 盒子模型 128 8.1.1 盒子结构 128 8.1.2 盒子属性 128 8.2 布局方法 129 8.2.1 标签 129 8.2.2 position属性 130 8.2.3 浮动方式 130 8.3 “上中下”布局 132 8.3.1 课堂案例——网页设计大赛 132 8.3.2 在Dreamweaver中插入 标签 138 8.4 “左中右”布局 139 8.4.1 课堂案例——连锁餐厅 139 8.4.2 使用CSS样式布局 145 8.5 练习案例 146 8.5.1 练习案例——电子产品 146 8.5.2 练习案例——装修公司 147 第9章 AP Div和Spry 149 9.1 AP Div的基本操作 150 9.1.1 课堂案例——少儿培训 150 9.1.2 创建AP Div 152 9.1.3 选择AP Div 153 9.1.4 AP Div的大小和位置 153 9.1.5 AP Div的背景颜色和图像 154 9.1.6 AP Div的可见性 154 9.1.7 AP Div溢出 154 9.2 使用AP Div布局 155 9.2.1 课堂案例——Windows Phone 155 9.2.2 靠齐到网格 159 9.2.3 AP Div叠放 160 9.2.4 对齐AP Div 161 9.2.5 AP Div与表格的相互转换 161 9.2.6 AP Div嵌套 162 9.3 Spry菜单栏 162 9.3.1 课堂案例——西式餐厅 162 9.3.2 了解Spry菜单栏 164 9.4 其他Spry 165 9.4.1 Spry选项卡面板 165 9.4.2 Spry折叠式面板 167 9.5 练习案例 168 9.5.1 练习案例——产品设计 168 9.5.2 练习案例——摄影作品集 169 9.5.3 练习案例——高尔夫俱乐部 170 第 10章 行为 171 10.1 行为概述 172 10.1.1 事件 172 10.1.2 动作 173 10.1.3 行为面板 174 10.2 制作图像** 174 10.2.1 课堂案例——吉太美食 175 10.2.2 交换图像 178 10.2.3 显示-隐藏元素 178 10.3 拖动AP元素概述 179 10.3.1 课堂案例——卡通人物 179 10.3.2 拖动AP元素 180 10.4 启用浏览器窗口 181 10.4.1 课堂案例——儿童摄影 181 10.4.2 打开浏览器窗口 182 10.4.3 转到URL 183 10.5 效果 183 10.5.1 课堂案例——绿野网站建设 183 10.5.2 增大/收缩 185 10.5.3 显示/渐隐 185 10.5.4 晃动 185 10.5.5 挤压 186 10.5.6 滑动 186 10.6 JavaScript代码 187 10.7 练习案例 187 10.7.1 练习案例——甜品饮料吧 187 10.7.2 练习案例——美达人寿 188 10.7.3 练习案例——我们爱猫网 189 第 11章 模板和库 190 11.1 模板 191 11.1.1 课堂案例——花仙子园艺 191 11.1.2 创建模板 195 11.1.3 定义可编辑区域 196 11.1.4 定义可编辑重复区域 197 11.1.5 创建基于模板的网页 198 11.1.6 管理模板 198 11.2 库 199 11.2.1 课堂案例——时尚女性网 200 11.2.2 创建库项目 202 11.2.3 向页面中添加库项目 203 11.2.4 更新库项目文件 203 11.3 练习案例 204 11.3.1 练习案例——旗袍文化 204 11.3.2 练习案例——恒生国际老年公寓 206 第 12章 表单 207 12.1 使用表单 208 12.1.1 课堂案例——办公用品公司 208 12.1.2 表单及其属性 212 12.1.3 文本域 212 12.1.4 单选按钮和单选按钮组 214 12.1.5 复选框和复选框组 215 12.1.6 选择列表/菜单 215 12.1.7 跳转菜单 216 12.1.8 文件域 217 12.1.9 图像域 217 12.1.10 提交和重置按钮 218 12.2 Spry验证 219 12.2.1 课堂案例——网页设计 219 12.2.2 Spry验证文本域 221 12.2.3 Spry验证密码 222 12.2.4 Spry验证复选框 223 12.2.5 Spry验证单选按钮组 223 12.2.6 Spry验证确认 224 12.3 练习案例 224 12.3.1 练习案例——咖啡餐厅 224 12.3.2 练习案例——儿童培训 225 第 13章 jQuery Mobile 227 13.1 jQuery Mobile概述 228 13.1.1 jQuery Mobile简介 228 13.1.2 jQuery Mobile框架 228 13.1.3 data-属性 229 13.1.4 jQuery Mobile样式 229 13.2 使用jQuery Mobile 230 13.2.1 课堂案例——服装定制I 230 13.2.2 jQuery Mobile页面 236 13.2.3 jQuery Mobile列表视图 239 13.2.4 jQuery Mobile布局网格 239 13.2.5 jQuery Mobile可折叠区块 239 13.3 jQuery Mobile应用 240 13.3.1 jQuery Mobile版本 240 13.3.2 面板panel 240 13.3.3 弹窗popup 241 13.3.4 课堂案例——服装定制II 242 13.3.5 打包jQuery Mobile应用 245 13.4 练习案例 245 13.4.1 练习案例——男人会装I 245 13.4.2 练习案例——男人会装II 246 第 14章 动态网页技术 248 14.1 动态网页技术概述 249 14.2 开发环境设置 249 14.2.1 安装IIS 250 14.2.2 设置IIS 250 14.3 设计数据库 252 14.3.1 数据库简介 252 14.3.2 创建数据库 252 14.4 数据库连接 254 14.4.1 创建DSN 254 14.4.2 创建数据库连接 255 14.5 数据库使用 255 14.5.1 定义记录集 255 14.5.2 数据绑定 256 14.5.3 添加服务器行为 257 14.6 课堂案例——美容美发 259 14.6.1 开始创建数据库 259 14.6.2 创建虚拟路径和数据源 261 14.6.3 创建动态站点和数据库连接 262 14.6.4 发表留言页面 264 14.6.5 留言详细内容页面 266 14.6.6 留言列表页面 266 14.7 练习案例——电子商务 268 第 15章 综合实训 270 15.1 网站规划 271 15.2 网站设计 271 15.2.1 网站logo设计 271 15.2.2 banner设计 271 15.2.3 页面设计 271 15.3 制作主页面 272 15.3.1 主页面切图 272 15.3.2 创建站点 275 15.3.3 制作header区域 275 15.3.4 制作导航栏区域 278 15.3.5 制作banner区域 279 15.3.6 制作内容区域 279 15.3.7 制作footer区域 284 15.4 制作子页面 285 15.4.1 家园简介子页面切图 285 15.4.2 新建子页面模板 286 15.4.3 新建家园简介子页面 288 15.5 制作其他子页面 291 15.6 页面超链接设置 292 参考文献 294