目录
第1篇 基础知识
第1章 开启网页设计之路——网页设计与制作基础
1.1 认识网页和网站 4
1.1.1 什么是网页 4
1.1.2 什么是网站 5
1.1.3 网站的种类和特点 5
1.2 网页的相关概念 6
1.2.1 因特网与万维网 6
1.2.2 浏览器与HTML 6
1.2.3 URL、域名与IP地址 7
1.2.4 上传和下载 8
1.3 网页的HTML构成 8
1.3.1 文档标签 9<p>目录</p> <p>第1篇 基础知识</p> <p>第1章 开启网页设计之路——网页设计与制作基础</p> <p>1.1 认识网页和网站 4</p> <p>1.1.1 什么是网页 4</p> <p>1.1.2 什么是网站 5</p> <p>1.1.3 网站的种类和特点 5</p> <p>1.2 网页的相关概念 6</p> <p>1.2.1 因特网与万维网 6</p> <p>1.2.2 浏览器与HTML 6</p> <p>1.2.3 URL、域名与IP地址 7</p> <p>1.2.4 上传和下载 8</p> <p>1.3 网页的HTML构成 8</p> <p>1.3.1 文档标签 9</p> <p>1.3.2 头部标签 9</p> <p>1.3.3 主体标签 9</p> <p>1.4 HTML常用标签 9</p> <p>1.5 实战演练——制作日程表 21</p> <p>1.6 高手甜点 25</p> <p>1.7 跟我练练手 26</p> <p>第2章 磨刀不误砍柴工——认识Dreamweaver CC7</p> <p>2.1 走进Dreamweaver CC 28</p> <p>2.1.1 案例1——安装Dreamweaver CC 28</p> <p>2.1.2 案例2——启动Dreamweaver CC 29</p> <p>2.2 Dreamweaver CC的工作环境 30</p> <p>2.2.1 认识Dreamweaver CC的工作界面 30</p> <p>2.2.2 熟悉【插入】面板组 32</p> <p>2.3 体验Dreamweaver CC的新增功能 34</p> <p>2.4 认识站点 36</p> <p>2.5 创建站点 36</p> <p>2.5.1 案例3——创建本地站点 37</p> <p>2.5.2 案例4——创建远程站点 37</p> <p>2.6 管理站点 38</p> <p>2.6.1 案例5——打开站点 38</p> <p>2.6.2 案例6——编辑站点 39</p> <p>2.6.3 案例7——删除站点 39</p> <p>2.6.4 案例8——复制站点 40</p> <p>2.7 操作站点文件及文件夹 40</p> <p>2.7.1 案例9——创建文件夹 40</p> <p>2.7.2 案例10——创建文件 41</p> <p>2.7.3 案例11——文件或文件夹的移动和复制 41</p> <p>2.7.4 案例12——删除文件或文件夹 42</p> <p>2.8 实战演练1——创建本地站点 42</p> <p>2.9 实战演练2——创建站点文件和文件夹 43</p> <p>2.10 高手甜点 45</p> <p>2.11 跟我练练手 46</p> <p>第3章 网页内容之美——创建网页中的文本</p> <p>3.1 网页设计的基本操作 48</p> <p>3.1.1 案例1——新建网页 48</p> <p>3.1.2 案例2——保存网页 48</p> <p>3.1.3 案例3——打开网页 49</p> <p>3.1.4 案例4——预览网页 49</p> <p>3.2 设置页面属性 50</p> <p>3.3 用文字充实网页 54</p> <p>3.3.1 案例5——插入文字 54</p> <p>3.3.2 案例6——设置字体 55</p> <p>3.3.3 案例7——设置字号 57</p> <p>3.3.4 案例8——设置字体颜色 57</p> <p>3.3.5 案例9——设置字体样式 58</p> <p>3.3.6 案例10——编辑段落 59</p> <p>3.3.7 案例11——检查拼写 64</p> <p>3.3.8 案例12——创建项目列表 65</p> <p>3.4 特殊文本的操作 67</p> <p>3.4.1 案例13——插入换行符 67</p> <p>3.4.2 案例14——插入水平线 67</p> <p>3.4.3 案例15——插入日期 68</p> <p>3.4.4 案例16——插入特殊字符 69</p> <p>3.4.5 案例17——插入注释 70</p> <p>3.5 实战演练——设置主页中的跟踪图像 71</p> <p>3.6 高手甜点 73</p> <p>3.7 跟我练练手 74</p> <p>第2篇 核心技术</p> <p>第4章 有图有真相——使用图像和多媒体</p> <p>4.1 选择适合网页中图像的格式 78</p> <p>4.2 用图像美化网页 79</p> <p>4.2.1 案例1——插入图像 79</p> <p>4.2.2 案例2——图像属性设置 80</p> <p>4.2.3 案例3——图像的对齐方式 82</p> <p>4.2.4 案例4——插入鼠标经过图像 83</p> <p>4.2.5 案例5——插入图像占位符 84</p> <p>4.3 在网页中插入多媒体 85</p> <p>4.3.1 案例6——插入背景音乐 85</p> <p>4.3.2 案例7——插入Flash动画 86 </p> <p>4.3.3 案例8——插入FLV 87</p> <p>4.3.4 案例9——插入HTML5音频 88</p> <p>4.3.5 案例10——插入HTML5视频 89</p> <p>4.4 实战演练——制作图文并茂的网页 90</p> <p>4.5 高手甜点 92</p> <p>4.6 跟我练练手 92</p> <p>第5章 Web新面孔——HTML5新增元素与属性速览</p> <p>5.1 新增的主体结构元素 94</p> <p>5.1.1 案例1——section元素 94</p> <p>5.1.2 案例2——article元素 94</p> <p>5.1.3 案例3——aside元素 97</p> <p>5.1.4 案例4——nav元素 98</p> <p>5.1.5 案例5——time元素 100</p> <p>5.2 新增的非主体结构元素 101</p> <p>5.2.1 案例6——header元素 101</p> <p>5.2.2 案例7——hgroup元素 102</p> <p>5.2.3 案例8——footer元素 103</p> <p>5.2.4 案例9——figure元素 104</p> <p>5.2.5 案例10——address元素 105</p> <p>5.3 新增其他常用元素 107</p> <p>5.3.1 案例11——mark元素 107</p> <p>5.3.2 案例12——rp、rt与ruby元素 107</p> <p>5.3.3 案例13——progress元素 108</p> <p>5.3.4 案例14——command元素 109</p> <p>5.3.5 案例15——embed元素 109</p> <p>5.3.6 案例16——details与summary元素 110</p> <p>5.3.7 案例17——datalist元素 110</p> <p>5.4 新增的全局属性 111</p> <p>5.4.1 案例18——content Editable属性 111</p> <p>5.4.2 案例19——spellcheck属性 112</p> <p>5.4.3 案例20——tabIndex属性 112</p> <p>5.5 新增的其他属性与废除的属性 114</p> <p>5.5.1 案例21——表单相关的属性 114</p> <p>5.5.2 案例22——链接相关属性 119</p> <p>5.5.3 案例23——其他新增属性 121</p> <p>5.5.4 案例24——HTML5废除的属性 121</p> <p>5.6 实战演练——制作HTML5的网页 123</p> <p>5.7 高手甜点 125</p> <p>5.8 跟我练练手 126</p> <p>第6章 不在网页中迷路——设计网页超链接</p> <p>6.1 链接与路径 128</p> <p>6.1.1 链接的概念 128</p> <p>6.1.2 链接的路径 128</p> <p>6.1.3 链接的类型 129</p> <p>6.2 添加网页超链接 130</p> <p>6.2.1 案例1——添加文本链接 130</p> <p>6.2.2 案例2——添加图像链接 131</p> <p>6.2.3 案例3——创建外部链接 132</p> <p>6.2.4 案例4——创建锚记链接 132</p> <p>6.2.5 案例5——创建图像热点链接 133</p> <p>6.2.6 案例6——创建电子邮件链接 134</p> <p>6.2.7 案例7——创建下载文件的链接 135</p> <p>6.2.8 案例8——创建空链接 136</p> <p>6.2.9 案例9——创建脚本链接 136</p> <p>6.2.10 案例10——链接的检查 137</p> <p>6.3 实战演练——为企业网站添加友情链接 138</p> <p>6.4 高手甜点 139</p> <p>6.5 跟我练练手 139</p> <p>第7章 简单的网页布局——表格的应用</p> <p>7.1 插入表格 142</p> <p>7.2 选择表格 143</p> <p>7.2.1 案例1——选择完整的表格 143</p> <p>7.2.2 案例2——选择行和列 144</p> <p>7.2.3 案例3——选择单元格 144</p> <p>7.3 表格属性 145</p> <p>7.3.1 案例4——设置单元格属性 145</p> <p>7.3.2 案例5——设置整个表格属性 146</p> <p>7.4 操作表格 147</p> <p>7.4.1 案例6——调整大小 147</p> <p>7.4.2 案例7——增加行、列 147</p> <p>7.4.3 案例8——删除行、列 149</p> <p>7.4.4 案例9——剪切、复制和粘贴单元格 149</p> <p>7.4.5 案例10——合并和拆分单元格 150</p> <p>7.5 操作表格数据 151</p> <p>7.5.1 案例11——向表格中输入文本 151</p> <p>7.5.2 案例12——向表格中插入图像 151</p> <p>7.5.3 案例13——表格数据的排序 152</p> <p>7.5.4 案例14——导入表格数据 153</p> <p>7.5.5 案例15——导出表格数据 153</p> <p>7.6 实战演练——使用表格布局网页 154</p> <p>7.7 高手甜点 157</p> <p>7.8 跟我练练手 158</p> <p>第8章 让网页互动起来——使用网页表单和行为</p> <p>8.1 认识表单 160</p> <p>8.2 在网页中插入表单元素 160</p> <p>8.2.1 案例1——插入表单域 161</p> <p>8.2.2 案例2——插入文本域 161</p> <p>8.2.3 案例3——插入密码域 163</p> <p>8.3 在网页中插入复选框和单选按钮 164</p> <p>8.3.1 案例4——插入复选框 164</p> <p>8.3.2 案例5——插入单选按钮 165</p> <p>8.4 制作网页菜单和列表 165</p> <p>8.4.1 案例6——插入下拉菜单 165</p> <p>8.4.2 案例7——插入滚动列表 166</p> <p>8.5 在网页中插入按钮 167</p> <p>8.5.1 案例8——插入按钮 167</p> <p>8.5.2 案例9——插入图像按钮 167</p> <p>8.6 插入文件上传域 168</p> <p>8.7 添加网页行为 169</p> <p>8.7.1 案例10——打开【行为】面板 169</p> <p>8.7.2 案例11——添加行为 170</p> <p>8.8 常用行为的应用 170</p> <p>8.8.1 案例12——交换图像 171</p> <p>8.8.2 案例13——弹出信息 172</p> <p>8.8.3 案例14——打开浏览器窗口 173</p> <p>8.8.4 案例15——检查表单行为 175</p> <p>8.8.5 案例16——设置状态栏文本 177</p> <p>8.9 实战演练——使用表单制作留言本 178</p> <p>8.10 高手甜点 181</p> <p>8.11 跟我练练手 182</p> <p>第9章 批量制作风格统一的网页——使用模板和库</p> <p>9.1 创建模板 184</p> <p>9.1.1 案例1——在空白文档中创建模板 184</p> <p>9.1.2 案例2——在【资源】面板中创建模板 184</p> <p>9.1.3 案例3——从现有文档创建模板 185</p> <p>9.1.4 案例4——创建可编辑区域 186</p> <p>9.2 管理模板 187</p> <p>9.2.1 案例5——从模板中分离文档 187</p> <p>9.2.2 案例6——更新模板及基于模板的网页 188</p> <p>9.3 库概述 189</p> <p>9.4 库的创建、管理与应用 190</p> <p>9.4.1 案例7——创建库项目 190</p> <p>9.4.2 案例8——库项目的应用 191</p> <p>9.4.3 案例9——编辑库项目 192</p> <p>9.5 实战演练——创建基于模板的页面 194</p> <p>9.6 高手甜点 196</p> <p>9.7 跟我练练手 196</p> <p>第3篇 **应用</p> <p>第10章 读懂样式表密码——使用CSS样式表美化网页</p> <p>10.1 初识CSS 200</p> <p>10.1.1 CSS概述 200</p> <p>10.1.2 CSS的作用 200</p> <p>10.1.3 基本CSS语法 201</p> <p>10.1.4 案例1——使用Dreamweaver CC</p> <p> 编写CSS 201</p> <p>10.2 使用CSS的方法 203</p> <p>10.2.1 案例2——行内样式 203</p> <p>10.2.2 案例3——内嵌样式 203</p> <p>10.2.3 案例4——链接样式 204</p> <p>10.2.4 案例5——导入样式 205</p> <p>10.2.5 案例6——优先级问题 206</p> <p>10.3 使用CSS样式美化网页 208</p> <p>10.3.1 案例7——使用字体样式美化文字 208</p> <p>10.3.2 案例8——使用文本样式美化文本 212</p> <p>10.3.3 案例9——使用背景样式美化背景 215</p> <p>10.3.4 案例10——使用链接样式美化链接 218</p> <p>10.3.5 案例11——使用列表样式美化列表 219</p> <p>10.3.6 案例12——使用区块样式美化区块 221</p> <p>10.3.7 案例13——使用宽高样式设定宽高 222</p> <p>10.3.8 案例14——使用边框样式美化边框 223</p> <p>10.4 实战演练——设定网页中链接样式 225</p> <p>10.5 高手甜点 228</p> <p>10.6 跟我练练手 228</p> <p>第11章 架构师的大比拼——网页布局典型范例</p> <p>11.1 使用CSS排版 230</p> <p>11.1.1 案例1——将页面用DIV分块 230</p> <p>11.1.2 案例2——设置各块位置 230</p> <p>11.1.3 案例3——用CSS定位 230</p> <p>11.2 固定宽度网页剖析与布局 233</p> <p>11.2.1 案例4——网页单列布局模式 233</p> <p>11.2.2 案例5——网页1-2-1型布局模式 237</p> <p>11.2.3 案例6——网页1-3-1型布局模式 240</p> <p>11.3 自动缩放网页1-2-1型布局模式 244</p> <p>11.3.1 案例7——“1-2-1”等比例变宽布局 244</p> <p>11.3.2 案例8——“1-2-1”单列变宽布局 245</p> <p>11.4 自动缩放网页1-3-1型布局模式 246</p> <p>11.4.1 案例9——“1-3-1”三列宽度等比例布局 246</p> <p>11.4.2 案例10——“1-3-1”单侧列宽度固定的</p> <p> 变宽布局 246</p> <p>11.4.3 案例11——“1-3-1”中间列宽度固定的</p> <p> 变宽布局 249</p> <p>11.4.4 案例12——“1-3-1”双侧列宽度固定的</p> <p> 变宽布局 252</p> <p>11.4.5 案例13——“1-3-1”中列和侧列宽度</p> <p> 固定的变宽布局 255</p> <p>11.5 实战演练——使用CSS设定网页布局</p> <p> 列的背景色 258</p> <p>11.6 高手甜点 259</p> <p>11.7 跟我练练手 260</p> <p>第12章 让网页更绚丽——在网页中编写JavaScript</p> <p>12.1 认识JavaScript 262</p> <p>12.1.1 什么是JavaScript 262</p> <p>12.1.2 JavaScript的特点 262</p> <p>12.2 JavaScript 在HTML中的使用 263</p> <p>12.2.1 案例1——在HTML网页头中嵌入</p> <p> JavaScript代码 263</p> <p>12.2.2 案例2——在HTML网页中嵌入</p> <p> JavaScript代码 264</p> <p>12.2.3 案例3——在HTML网页的元素事件中嵌</p> <p> 入JavaScript代码 265</p> <p>12.2.4 案例4——在HTML中调用已经存在的</p> <p> JavaScript文件 266</p> <p>12.2.5 案例5——通过JavaScript伪URL引入</p> <p> JavaScript脚本代码 267</p> <p>12.3 JavaScript的基本语法 268</p> <p>12.3.1 执行顺序 268</p> <p>12.3.2 区分大小写 268</p> <p>12.3.3 分号与空格 268</p> <p>12.3.4 对代码行进行折行 269</p> <p>12.3.5 案例6——注释 269</p> <p>12.4 JavaScript 的数据结构 270</p> <p>12.4.1 标识符 270</p> <p>12.4.2 关键字 271</p> <p>12.4.3 保留字 271</p> <p>12.4.4 常量 272</p> <p>12.4.5 变量 272</p> <p>12.5 案例7——使用函数 274</p> <p>12.6 JavaScript的常用事件 275</p> <p>12.6.1 案例8——页面事件 275</p> <p>12.6.2 案例9——鼠标事件 276</p> <p>12.6.3 案例10——键盘事件 277</p> <p>12.6.4 案例11——表单处理事件 279</p> <p>12.7 实战演练——使用事件动态改变图片</p> <p> 的焦点 281</p> <p>12.8 高手甜点 282</p> <p>12.9 跟我练练手 282</p> <p>第13章 让别人浏览我的成果——网站的发布</p> <p>13.1 上传网站前的准备工作 284</p> <p>13.1.1 注册域名 284</p> <p>13.1.2 申请空间 285</p> <p>13.2 测试网站 286</p> <p>13.2.1 案例1——测试站点范围的链接 286</p> <p>13.2.2 案例2——改变站点范围的链接 286</p> <p>13.2.3 案例3——查找和替换 287</p> <p>13.2.4 案例4——清理文档 288</p> <p>13.3 上传网站 289</p> <p>13.3.1 案例5——使用Dreamweaver CC上传网站 289</p> <p>13.3.2 案例6——使用FTP工具上传网站 290</p> <p>13.4 高手甜点 292</p> <p>13.5 跟我练练手 293</p> <p>第14章 整体把握网站结构——网站配色与布局</p> <p>14.1 善用色彩设计网页 296</p> <p>14.1.1 认识色彩 296</p> <p>14.1.2 案例1——网页上的色彩处理 297</p> <p>14.2 网页色彩的搭配 300</p> <p>14.2.1 案例2——确定网站的主题色 300</p> <p>14.2.2 案例3——网页色彩搭配原理 301</p> <p>14.2.3 案例4——网页中色彩的搭配 303</p> <p>14.2.4 案例5——网页元素的色彩搭配 304</p> <p>14.2.5 案例6——网页色彩搭配的技巧 305</p> <p>14.3 布局网站板块结构 306</p> <p>14.3.1 案例7——“国”字型 307</p> <p>14.3.2 案例8——标题正文型 307</p> <p>14.3.3 案例9——左右框架型 307</p> <p>14.3.4 案例10——上下框架型 307</p> <p>14.3.5 案例11——综合框架型 308</p> <p>14.3.6 案例12——封面型 308</p> <p>14.3.7 案例13——Flash型 308</p> <p>14.4 网站配色应用案例 308</p> <p>14.4.1 案例14——网络购物网站色彩应用 308</p> <p>14.4.2 案例15——游戏网站色彩应用 309</p> <p>14.4.3 案例16——企业门户网站色彩应用 310</p> <p>14.4.4 案例17——时政新闻网站色彩应用 311</p> <p>14.4.5 案例18——影音视频网站色彩应用 311</p> <p>14.4.6 案例19——电子商务网站色彩应用 312</p> <p>14.4.7 案例20——娱乐网站色彩应用 312</p> <p>14.5 实战演练——定位网站页面的框架 313</p> <p>14.6 高手甜点 314</p> <p>14.7 跟我练练手 314</p> <p>第4篇 行业应用案例</p> <p>第15章 行业综合案例1——制作电子商务类网页</p> <p>15.1 整体布局 318</p> <p>15.1.1 设计分析 318</p> <p>15.1.2 排版架构 318</p> <p>15.2 模块组成 319</p> <p>15.3 制作步骤 319</p> <p>15.3.1 样式表 319</p> <p>15.3.2 网页头部 325</p> <p>15.3.3 主体**通栏 328</p> <p>15.3.4 主体第二通栏 328</p> <p>15.3.5 主体第三通栏 329</p> <p>15.3.6 网页底部 331</p> <p>第16章 行业综合案例2——制作网上音乐类网页</p> <p>16.1 构思布局 336</p> <p>16.1.1 设计分析 336</p> <p>16.1.2 排版架构 336</p> <p>16.2 模块分割 338</p> <p>16.2.1 页头部分 338</p> <p>16.2.2 左侧内容列表 340</p> <p>16.2.3 中间内容列表 342</p> <p>16.2.4 右侧内容列表 344</p> <p>16.2.5 页脚部分 346</p> <p>16.3 整体调整 346</p> <p>16.3.1 页面内容主体调整 346</p> <p>16.3.2 页面整体调整 347</p> <p>第17章 行业综合案例3——制作休闲娱乐类网页</p> <p>17.1 整体布局 350</p> <p>17.1.1 设计分析 350</p> <p>17.1.2 排版架构 351</p> <p>17.2 模块组成 351</p> <p>17.3 制作步骤 352</p> <p>17.3.1 制作样式表 352</p> <p>17.3.2 Logo与导航菜单 359</p> <p>17.3.3 搜索条 359</p> <p>17.3.4 左侧视频模块 360</p> <p>17.3.5 评论模块 361</p> <p>17.3.6 右侧热门** 362</p> <p>17.3.7 底部模块 365</p> <p>第18章 行业综合案例4——制作移动设备类网页</p> <p>18.1 网站设计分析 368</p> <p>18.2 网站结构分析 368</p> <p>18.3 网站主页面的制作 369</p> <p>18.4 网站成品预览 370</p> <p>第5篇 全能拓展</p> <p>第19章 增加点击率——网站优化与推广</p> <p>19.1 在网站中添加广告 380</p> <p>19.1.1 网站广告分类 380</p> <p>19.1.2 添加网站广告 381</p> <p>19.2 添加实用查询工具 382</p> <p>19.2.1 添加天气预报 382</p> <p>19.2.2 添加IP查询 383</p> <p>19.2.3 添加万年历 383</p> <p>19.2.4 添加列车时刻查询 384</p> <p>19.3 网站的宣传与推广 385</p> <p>19.3.1 网站宣传实用策略 385</p> <p>19.3.2 利用大众传媒进行推广 386</p> <p>19.3.3 利用网络媒介进行推广 386</p> <p>19.3.4 利用其他形式进行推广 388</p> <p>19.4 实战演练——查看网站的流量 388</p> <p>19.5 高手甜点 391</p> <p>19.6 跟我练练手 391</p> <p>第20章 打造坚实的堡垒——网站**与防御</p> <p>20.1 网站维护基础知识 394</p> <p>20.1.1 网站的维护与** 394</p> <p>20.1.2 常见的网站攻击方式 395</p> <p>20.2 网站**防御策略 396</p> <p>20.2.1 案例1——检测上传文件的**性 396</p> <p>20.2.2 案例2——设置网站访问权限 397</p> <p>20.3 高手甜点 399</p> <p>20.4 跟我练练手 400</p>显示全部信息前 言前 言 Preface “实战从入门到精通(视频教学版)”系列图书是专门为职场办公初学者量身定做的一套学习用书,整套书涵盖办公、网页设计等方面。整套书具有以下特点。 前沿科技 无论是Office办公,还是Dreamweaver CC、Photoshop CC、Flash CC,我们都精选较为前沿或者用户群*大的领域推进,帮助大家认识和了解*新动态。 权威的作者团队 组织****实验室和**应用专家联手编著该套图书,融合丰富的教学经验与**的管理理念。 学习型案例设计 以技术的实际应用过程为主线,全程采用图解和同步多媒体结合的教学方式,生动、直观、全面地剖析使用过程中的各种应用技能,降低难度提**习效率。 为什么要写这样一本书 随着网络的发展,很多企事业单位和广大网民对于建立网站的需求越来越强烈。另外,大中专院校中的很多学生需要做网页毕业设计,但是他们又不懂网页代码程序,不知道从哪里下手。本书针对这样的零基础的读者,为读者讲解网页设计的全面知识。读者在网页设计中遇到的技术,本书中基本上会有详细讲解。通过本书的实训,读者可以很快地上手设计网页,提高职业化能力,从而帮助解决公司需求问题。 本书特色 零基础、入门级的讲解 无论您是否从事计算机相关行业,无论您是否接触过Dreamweaver CC和网页设计,都能从本书中找到*佳起点。 超多、实用、专业的范例和项目 本书在编排上紧密结合深入学习Dreamweaver CC网页设计技术的先后过程,从Dreamweaver CC的基本操作开始,带领大家逐步深入学习各种应用技巧,侧重实战技能,使用简单易懂的实际案例进行分析和操作指导,让读者读起来简明轻松,操作起来有章可循。 随时检测自己的学习成果 每章首页中,均提供了学习目标,以指导读者**学习及学后检查。 每章*后的“跟我练练手”板块,均根据本章内容精选而成,读者可以随时检测自己的学习成果和实战能力,做到融会贯通。 细致入微、贴心提示 本书在讲解过程中,在各章中使用了“注意”“提示”等小栏目,使读者在学习过程中更清楚地了解相关操作、理解相关概念,并轻松掌握各种操作技巧。 专业创作团队和技术支持 本书由刘玉红、侯永岗编著,IT应用实训**提供技术支持。您在学习过程中遇到任何问题,可关注微信订阅号zhihui8home进行提问,专家人员会在线答疑。 “Dreamweaver CC网页设计”学习*佳途径 本书以学习“Dreamweaver网页设计”的*佳制作流程来分配章节,从Dreamweaver CC基本操作开始,然后讲解了网页美化布局、行业应用案例、网站全能拓展等。特别在本书中讲述了4个行业应用案例的设计过程,以便更进一步地提高大家的实战技能。本书架构如下。 超值光盘 全程同步教学录像 涵盖本书所有知识点,详细讲解每个实例及项目的过程及技术关键点。比看书更轻松地掌握书中所有的Dreamweaver CC网页设计知识,而且扩展的讲解部分能使您得到比书中更多的收获。 超多容量**资源大放送 赠送大量**资源,包括本书实例源文件、教学幻灯片、本书精品教学视频、88个实用类网页模板、11个精彩JavaScript案例、Dreamweaver CC快捷键速查手册、HTML标签速查表、精彩网站配色方案赏析、网页样式与布局案例赏析、CSS DIV布局案例赏析、Web前端工程师常见面试题等。 读者对象 没有任何Dreamweaver CC基础的初学者。 有一定的Dreamweaver基础,想精通网页设计的人员。 有一定的网页设计基础,没有项目经验的人员。 正在进行毕业设计的学生。 大专院校及培训学校的老师和学生。 创作团队 本书由刘玉红和王攀登编著,参加编写的人员还有刘玉萍、周佳、付红、李园、郭广新、侯永岗、蒲娟、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、梁云梁和周浩浩。在编写过程中,我们力尽所能地将*好的讲解呈现给读者,但也难免有疏漏和不妥之处,敬请不吝指正。 编 者
免费在线读第15章行业综合案例1——制作电子商务类网页
电子商务网站是当前比较流行的一类网站。随着网络购物、互联网交易的普及,如淘宝、阿里巴巴、亚马逊等类型的电子商务网站在近几年风靡,越来越多的公司企业着手架设电子商务网站平台。本章就来介绍如何制作电子商务类网页。
本章学习目标
掌握电子商务网页整体布局的方法
了解电子商务网页的模块组成
掌握电子商务网页的制作步骤
15.1 整体布局
电子商务类网页主要实现网络购物、交易,所要体现的组件相对较多,主要包括产品搜索、账户登录、广告推广、产品**、产品分类等内容。本实例*终的网页效果如
图15-1所示。
图15-1 网页效果图
15.1.1 设计分析
电子商务类网站主要是用来提供购物交易的,所以要体现出以下特性。
⑴ 商品检索方便:要有商品搜索功能,有详细的商品分类。
⑵ 有产品推广功能:增加广告活动位,帮助特色产品推广。
⑶ 热门产品**:消费者的搜索很多都带有盲目性,所以可以设置热门产品**位。
⑷ 对于产品要简单准确地展示信息。
⑸ 页面整体布局要清晰、有条理,让浏览者知道在网页中如何快速找到自己需要的