网页设计与制作PDF电子书下载

学习情境1 科源公司形象宣传网站 2

工作任务1 策划形象宣传网站 2

1.1 形象宣传网站目标 2

1.1.1 网络营销目标 2

1.1.2 定位受众人群 3

1.1.3 网站定位 3

1.2 网站技术方案 4

1.2.1 网页技术 4

1.2.2 域名 5

1.2.3 网站空间 7

1.3 网站推广策略 8

1.4 素材收集与加工 9

1.5 进度计划 9

工作任务2 设计形象宣传网站 11

2.1 网站界面设计原则 11

2.1.1 网站CIS设计 11

2.1.2 网页版面设计 14

2.1.3 交互设计 17

2.1.4 选择设计软件 19

2.2 形象宣传网站的界面设计 19

2.2.1 形象宣传网站的CIS设计 19

2.2.2 形象宣传网站的网页版面设计 21

2.2.3 交互设计 22

2.3 形象宣传网站的图像和多媒体素材制作 23

2.3.1 公司标识制作 24

2.3.2 整理加工和绘制素材 29

2.3.3 制作动态广告条banner和banner-sub 33

2.4 形象宣传网站的界面制作 37

2.4.1 绘制欢迎引导页 37

2.4.2 绘制首页 41

2.4.3 绘制次级页面 53

工作任务3 制作形象宣传网站 58

3.1 网站页面制作准备 58

3.1.1 HTML技术 58

3.1.2 Web标准 62

3.1.3 HTML标记和属性 63

3.1.4 CSS技术 73

3.1.5 DIV＋CSS网页布局技术 79

3.2 网站页面制作 84

3.2.1 网站目录结构设计 84

3.2.2 Dreamweaver建立站点 85

3.2.3 欢迎引导页面的制作 91

3.2.4 网站首页和次级页面的DIV＋CSS技术的布局设计 95

3.2.5 首页制作 102

3.2.6 公司介绍页面制作 109

3.2.7 其他次级页面制作 110

3.2.8 浮动框架技术的新闻动态模块制作 111

3.2.9 表格技术的产品服务模块制作 112

3.2.10 框架技术的维修服务模块制作 113

3.2.11 首页中超链接的设置 116

3.3 网站测试 119

3.3.1 应用Dreamweaver的超链接、标签、兼容性测试 119

3.3.2 本地访问测试网站的超链接、兼容性外观测试 121

工作任务4运营形象宣传网站 123

4.1 网站发布 123

4.1.1 申请网站空间 123

4.1.2 网站备案 124

4.1.3 使用Dreamweaver上传网站 125

4.1.4 W3C验证 126

4.2 网站推广 127

4.2.1 免费的搜索引擎 127

4.2.2 竞价排名 128

4.2.3 共享软件推广 129

4.2.4 策划线下推广活动 130

4.3 网站维护 130

4.3.1 网站空间和域名的维护 130

4.3.2 网站内容的更新维护 130

学习情境2科源公司客户服务网站 133

工作任务5策划客户服务网站 133

5.1 客户服务网站目标 133

5.1.1 网络营销目标 133

5.1.2 定位受众人群 134

5.1.3 网站定位 134

5.2 网站技术方案 135

5.3 网站推广策略 136

5.3.1 关键字优化策略 136

5.3.2 实施网站优化与搜索引擎优化 138

5.4 素材收集与加工 138

5.5 进度安排 139

工作任务6设计客户服务网站 141

6.1 网站设计技巧 141

6.1.1 网站整体设计技巧 141

6.1.2 色彩设计技巧 142

6.1.3 字体设计技巧 143

6.1.4 导航设计 146

6.2 客户服务网站的界面设计 148

6.2.1 形象宣传网站的CIS设计 148

6.2.2 客户服务网站的网页版面设计 148

6.2.3 交互设计 149

6.3 客户服务网站的图像和多媒体素材制作 150

6.3.1 收集整理素材和资料文件 150

6.3.2 制作通用页面图像 150

6.3.3 制作次级页面图像 156

6.3.4 制作多媒体动画 159

工作任务7制作客户服务网站 169

7.1 养成利于搜索引擎优化的编码习惯 169

7.1.1 网站结构设计 169

7.1.2 网页结构设计 170

7.1.3 网页代码设计 170

7.2 网站网页制作 171

7.2.1 建立网站站点 171

7.2.2 网站页面的布局设计 172

7.2.3 首页制作 173

7.2.4 使用Dreamweaver的模板创建次级页面 180

7.3 jQuery特效添加 186

7.3.1 jQuery技术 186

7.3.2 jQuery的日期显示 187

7.3.3 jQuery的Flash外部链接 187

7.3.4 jQuery的折叠菜单 188

7.3.5 jQuery的选项卡 189

7.4 论坛制作 190

7.4.1 PHP动态网站技术和MySQL数据库技术 190

7.4.2 搭建PHP＋MySQL的动态网站开发环境 191

7.4.3 Dreamweaver配置动态站点 193

7.4.4 科源社区论坛功能描述 194

7.4.5 创建论坛页面 195

7.4.6 创建MySQL论坛数据库 197

7.4.7 连接论坛数据库 200

7.4.8 开发论坛各功能 200

7.5 网站测试 209

7.5.1 本地站点测试 209

7.5.2 局域网站点测试 212

工作任务8运营客户服务网站 214

8.1 网站发布 214

8.1.1 虚拟服务器选择技巧 214

8.1.2 申请动态网站空间 215

8.1.3 工信部网站重新备案 216

8.1.4 绑定域名与空间 216

8.1.5 数据库配置 217

8.1.6 使用FTP上传网站 219

8.2 网站推广 219

8.2.1 搜索引擎优化工具应用 219

8.2.2 软文推广 221

8.2.3 社区论坛 222

8.2.4 许可E-mail营销 222

8.2.5 线下宣传 222

8.3 网站维护 223

8.3.1 网站内容的更新维护 223

8.3.2 数据库备份 223

学习情境3科源公司移动商务网站 225

工作任务9策划移动商务网站 225

9.1 移动商务网站目标 225

9.1.1 网络营销目标 225

9.1.2 定位受众人群 226

9.1.3 网站定位 226

9.2 网站技术方案 227

9.3 网站推广策略 229

9.4 素材收集与加工 229

9.5 进度安排 230

工作任务10设计移动商务网站 232

10.1 面向移动设备的网站设计 232

10.1.1 移动设备端设计原则 232

10.1.2 移动设备端导航 233

10.2 移动商务网站的界面设计 233

10.2.1 移动商务网站的CIS设计 233

10.2.2 客户服务网站的网页版面设计 234

10.3 移动商务网站的图像和多媒体素材制作 236

10.3.1 PC端网站界面制作 236

10.3.2 移动端的网站界面制作 240

工作任务11 制作移动商务网站 244

11.1 网站页面制作准备 244

11.1.1 HTML5语义标记 244

11.1.2 使浏览器支持HTML5 245

11.1.3 CSS 3技术的使用选择 247

11.1.4 配置PC端和移动端的开发环境 248

11.2 PC端网站页面制作 249

11.2.1 PC端网页布局分析 249

11.2.2 兼容性的选择 251

11.2.3 首页制作 253

11.2.4 次级页面制作 259

11.3 移动端网站页面制作 260

11.3.1 移动端网页布局分析 260

11.3.2 制作＜header＞区域 262

11.3.3 制作＜nav＞区域 265

11.3.4 制作＜article＞区域 268

11.3.5 制作＜aside＞区域 268

11.3.6 制作＜footer＞区域 269

11.3.7 移动端检测 270

11.4 网站测试 271

工作任务12运营移动商务网站 273

12.1 发布网站 273

12.1.1 自建Web服务器 273

12.1.2 安装配置服务器 276

12.1.3 发布网站 278

12.2 网站推广 278

12.2.1 监控网站的访问量 278

12.2.2 应用外部链接 279

12.2.3 精准网络营销 280

12.2.4 “病毒”营销 280

12.2.5 应用线下商业推广 280

12.2.6 客户吸引与维护 281

12.3 网站维护 281

12.3.1 自建服务器维护 281

12.3.2 域名和备案维护 282

12.3.3 网站内容的更新维护 282

12.3.4 网站安全 282