第1篇 认识 2
第1章 网站起航 2
1.1 网站的起源 3
1.2 优秀网站赏析 4
1.2.1 资讯门户类网站 5
1.2.2 企业品牌类网站 6
1.2.3 交易类网站 9
1.2.4 社区网站 12
1.2.5 办公及政府机构网站 13
1.2.6 互动游戏网站 14
1.2.7 有偿资讯类网站 16
1.2.8 功能性网站 17
1.2.9 综合类网站 18
1.3 为什么要建网站 19
1.3.1 走出去 19
1.3.2 建立人际关系网络 19
1.3.3 让商务信息垂手可得 19
1.3.4 向客户提供服务 20
1.3.5 提高大众兴趣 20
1.3.6 无国界、区域界限的经营 20
1.3.7 卖东西 20
1.3.8 提供图像、声音和电影文件 20
1.3.9 获得人口高度密集的市场 21
1.3.10 回答常见问题 21
1.3.11 与销售人员保持联系 21
1.3.12 开拓国际市场 21
1.3.13 创建24小时服务 21
1.3.14 迅速进行信息更改 21
1.3.15 收集客户反馈 22
1.3.16 对新服务、新产品进行市场定位 22
1.3.17 获得媒体效应 22
1.3.18 进入教育与年轻人市场 22
1.3.19 进入特殊市场 22
1.3.20 为地方市场提供服务 23
1.4 Macromedia Dreamweaver相关知识 23
1.4.1 Dreamweaver界面组成 24
1.4.2 Dreamweaver自定义工作区 34
1.5 Macromedia Fireworks软件介绍 35
1.5.1 工具面板 36
1.5.2 属性检查器 37
1.6 Macromedia Flash软件介绍 37
1.7 网站设计中应注意的原则 38
1.7.1 明确建立网站的目标和用户需求 38
1.7.2 总体设计方案主题鲜明 38
1.7.3 网站的版式设计 38
1.7.4 色彩在网页设计中的作用 39
1.7.5 网页形式与内容相统一 39
1.7.6 三维空间的构成和虚拟现实 39
1.7.7 多媒体功能的利用 40
1.7.8 网站测试和改进 40
1.7.9 内容更新与沟通 40
1.7.10 合理运用新技术 40
第2篇 策划 42
第2章 网站策划与预备 42
2.1 定位网站主题和名称 44
2.1.1 确定网站主题 44
2.1.2 确定网站名称 45
2.2 定位网站CI形象 46
2.2.1 设计网站的标志 46
2.2.2 设计网站的标准色彩 51
2.2.3 设计网站的标准字体 57
2.2.4 设计网站的宣传标语 57
2.3 确定网站的栏目和版块 57
2.4 确定网站的目录结构和链接结构 59
2.4.1 网站的目录 59
2.4.2 网站的链接结构 61
2.5 网站的整体风格创意设计 62
2.5.1 风格是什么,如何树立网站风格? 62
2.5.2 创意是什么,如何产生创意? 64
第3章 网站设计预备 67
3.1 在Firework中确定各个板块的位置 69
3.2 Header(头部)效果制作 71
3.3 Navigation(导航)效果制作 72
3.4 Banner(广告条)效果制作 74
3.5 Mainbody效果制作 76
3.6 Sidebar效果制作 78
3.7 Footer效果制作 79
第3篇 制作 84
第4章 CSS+DIV的认识及布局 84
4.1 DIV+CSS基础认识 86
4.2 选择什么样的DOCTYPE 88
4.2.1 什么是DOCTYPE 88
4.2.2 选择什么样的DOCTYPE 89
4.3 指定语言和字符集 89
4.4 指定标题 90
4.5 head区的其他设置 90
4.5.1 收藏夹小图标 91
4.5.2 为搜索引擎准备的内容 91
4.6 调用样式表 91
4.6.1 外部调用样式表 91
4.6.2 双表法调用样式表 92
4.7 XHTML代码规范 92
4.8 CSS规范及布局 93
4.8.1 基本语法规范 93
4.8.2 颜色值 94
4.8.3 定义字体 94
4.8.4 群选择器 94
4.8.5 派生选择器 94
4.8.6 id选择器 95
4.8.7 类别选择器 95
4.8.8 定义链接的样式 95
4.8.9 定义DIV 95
4.8.10 CSS2盒模型 97
4.8.11 辅助图片一律用背景处理 97
4.9 用CSS确定布局 98
4.9.1 定义body样式 99
4.9.2 主框架代码结构设定 99
4.9.3 常见布局(一) 103
4.9.4 常见布局(二) 103
4.9.5 常见布局(三) 104
4.10 CSS制作的一些技巧 105
4.10.1 使用CSS缩写 105
4.10.2 明确定义单位,除非值为0 105
4.10.3 区分大小写 105
4.10.4 取消class和id前的元素限定 105
4.10.5 默认值 106
4.10.6 不需要重复定义可继承的值 106
4.10.7 最近优先原则 106
4.10.8 多重Class定义 106
4.10.9 使用子选择器(descendant selectors) 106
4.10.10 不需要给背景图片路径加引号 107
4.10.11 组选择器(Group selectors) 108
4.10.12 用正确的顺序指定链接的样式 108
4.10.13 清除浮动 108
4.10.14 横向居中(centering) 108
4.10.15 导入(Import)和隐藏CSS 109
4.10.16 针对IE的优化 109
4.10.17 调试技巧:层有多大? 109
4.10.18 CSS代码书写样式 110
4.11 自适应高度 110
4.12 不用表格的菜单 111
4.13 可视化设置CSS和DIV 114
4.13.1 可显示操作框设置 116
4.13.2 两列固定宽度 120
4.14 校验及常见错误 123
4.15 页面模块常用命名 125
4.16 块元素(Block element) 126
4.17 内联元素(inline element) 126
第5章 网站模板制作 128
5.1 创建本地站点 130
5.1.1 案例分析 130
5.1.2 规划站点 130
5.1.3 创建本地站点 131
5.1.4 在“文件”面板中管理文件 135
5.2 创建模板页面布局 138
5.2.1 创建页面布局 138
5.2.2 调用外部样式表 140
5.2.3 页面基本信息设置 141
5.3 导航条制作 143
5.3.1 Fireworks中制作导航背景图片 143
5.3.2 导航的CSS样式制作 145
5.3.3 最终导航代码及效果 153
5.4 Header区域的其他设置 154
5.4.1 Header头部的HTML页面制作 154
5.4.2 Header头部的CSS样式制作 154
5.4.3 最终Header区代码及效果 156
5.5 Banner区设置 157
5.5.1 Banner的CSS样式设置 157
5.5.2 显示页面代码及效果 158
5.5.3 READ MORE的链接样式 160
5.5.4 最终Banner区代码及效果 160
5.6 页面主体部分 162
5.7 侧边栏的制作 163
5.7.1 咨询方式 163
5.7.2 终极突破宣言 164
5.7.3 网站制作软件 165
5.7.4 其他热点链接和风格更换 167
5.7.5 侧边栏的其他设置 169
5.7.6 最终侧边栏代码及效果 170
5.8 制作Footer 173
5.8.1 Footer左侧设置 174
5.8.2 Footer右侧设置 175
5.8.3 最终Footer代码及效果 175
5.9 插入可编辑区域并保存为模板文件 176
5.10 模板页面最终代码 179
第6章 使用模板制作页面 186
6.1 首页内容制作(index.html) 187
6.1.1 制作首页导航条 188
6.1.2 基本信息区块制作 191
6.1.3 Web Follow Me内容简介区块制作 191
6.1.4 网站分类区块制作 193
6.1.5 设置标题并预览首页最终效果 196
6.2 网站介绍页面制作(about web.html) 197
6.2.1 制作网站介绍导航条 198
6.2.2 网站介绍内容 199
6.2.3 设置标题并预览最终效果 202
6.3 章节设置页面制作(chapter_setup.html) 204
6.3.1 制作章节设置页面导航条 204
6.3.2 章节设置内容 205
6.3.3 设置标题并预览最终效果 208
6.4 网站分类页面制作(web class.html) 209
6.4.1 制作网站分类页面导航条 209
6.4.2 网站分类内容 210
6.4.3 设置标题并预览最终效果 213
6.5 常见问题页面制作(questions.html) 214
6.5.1 制作常见问题页面导航条 214
6.5.2 常见问题内容 215
6.5.3 设置标题并预览最终效果 218
6.6 颜色板页面制作(color_board.html) 219
6.6.1 制作颜色板页面导航条 219
6.6.2 颜色板内容 220
6.6.3 设置标题并预览最终效果 220
第7章 CSS制作其他风格样式 222
7.1 网站模板页.html文件源代码 223
7.2 风格二的制作 228
7.2.1 确定风格二样式 228
7.2.2 风格二样式制作前的准备工作 228
7.2.3 风格二页面基本信息设置 230
7.2.4 导航的CSS样式制作 231
7.2.5 Header头部的CSS样式制作 233
7.2.6 Banner的CSS样式设置 234
7.2.7 侧边栏的CSS样式制作 236
7.2.8 Footer的CSS样式制作 239
7.2.9 插入可编辑区域并保存为模板文件 242
7.2.10 最终风格二样式CSS文件代码及效果 243
7.3 风格三的制作 246
7.3.1 确定风格三样式 246
7.3.2 风格三样式制作前的准备工作 247
7.3.3 在风格二的基础上修改为风格三样式 251
7.3.4 导航链接颜色修改 251
7.3.5 调整Logo和导航位置 252
7.3.6 修改背景颜色 254
第4篇 管理 258
第8章 网站上传、更新及维护 258
8.1 域名选择与购买 259
8.1.1 什么是域名 259
8.1.2 域名购买 260
8.1.3 域名分类 261
8.1.4 域名解析 262
8.1.5 期限状态 264
8.2 空间选择与购买 264
8.2.1 怎样选择网站空间 265
8.2.2 怎么选择虚拟主机 266
8.2.3 为什么建立虚拟主机 267
8.2.4 建立虚拟主机的优势 268
8.2.5 虚拟主机市场的现状 268
8.2.6 空间购买 269
8.3 网站备案 269
8.3.1 为什么需要备案 270
8.3.2 网站备案详细流程 270
8.4 网站上传 274
8.4.1 FlashFXP的介绍 274
8.4.2 建立FTP连接 275
8.5 网站内容更新(网站运营) 280
8.6 网站推广 280
8.6.1 网站推广的主要方法 280
8.6.2 几点网站推广时间的把握 282
第9章 网站SEO优化 283
9.1 网站SEO优化入门 285
9.1.1 需要掌握的基本SEO技巧 286
9.1.2 几大搜索引擎的网站登录入口 286
9.1.3 404页面该怎么做? 287
9.1.4 做网站该注意的基本要素 288
9.1.5 SEO一般的步骤和环节 289
9.1.6 网站被百度和Google封了,怎么办? 290
9.1.7 11个SEO最常见问题解答 291
9.1.8 日志中的HTTP状态码 293
9.1.9 大型行业网站一定要SEO 294
9.1.10 百度没有收录我的站点 295
9.1.11 二级域名绑定一级目录 296
9.1.12 设置首选域 296
9.2 关键词优化 296
9.2.1 长尾关键词 296
9.2.2 怎么看关键词优化得好不好 297
9.2.3 网页内容需要注意些什么 297
9.2.4 关键词密度多少比较好 298
9.2.5 目标关键词 298
9.2.6 如何进行关键词分析? 298
9.2.7 关键词怎么确定 299
9.2.8 关键词放在什么位置最好 300
9.2.9 关键字的权重 300
9.3 网站导航与链接 301
9.3.1 死链接 301
9.3.2 错误链接 301
9.3.3 反向链接 301
9.3.4 不带www的域名 302
9.3.5 绝对地址和相对地址 302
9.3.6 增加导入链接 303
9.3.7 网站导航SEO优化 303
9.4 URL重写优化 303
9.4.1 URL标准化 303
9.4.2 动态链接静态化 304
9.4.3 改版时,如何保留原链接,创建新的URL 304
9.4.4 替换请求URL 中的文字 304
9.4.5 将无效的URL重定向到其他页面 305
9.5 SEO技巧 305
9.5.1 提高关键词排名的28个SEO技巧 305
9.5.2 增加反向链接的35个技巧 306
9.6 SEO 工具 308
9.6.1 Google网站管理员工具 308
9.6.2 向百度提交网站地图Sitemap 308
9.6.3 Google网站流量统计 309
9.6.4 Xenu-死链接检测工具 309
9.6.5 阿里妈妈站长工具 310
9.6.6 Google关键字工具 311
9.6.7 百度指数 311
9.6.8 创建文本形式的Sitemap 312
9.6.9 XML Sitemap相关问题 312
9.7 其他SEO相关问题 313
9.7.1 需要在每个网页标题加网站名称 313
9.7.2 优化推广很多个关键字 314
9.7.3 网页的标题标签太长不好 314
9.7.4 Googlebot分类 315
9.7.5 如何使用标签阻止网页被收录 315
附录1 推荐技术规范 317
附录2 网页制作的50个秘诀 320