导读：网页设计 师目前在设计界是一个最为尴尬的存在，一方面他们被视为和GEEK党混在代码堆里不懂审美的怪咖，另一方面他们又苦于网页中被局限的自由而无法在创意上得到更大延伸，设计师本人无法给自己准确定位。在我身边的网页设计 师们，在拿到一个项目
网页设计 师目前在设计界是一个最为尴尬的存在，一方面他们被视为和GEEK党混在代码堆里不懂审美的怪咖，另一方面他们又苦于网页中被局限的自由而无法在创意上得到更大延伸，设计师本人无法给自己准确定位。
在我身边的网页设计 师们，在拿到一个项目的时候，和客户的观念博弈后，最后，只能提供导航、按钮等基础元素的设计，而又由于客户主导着产品，因此对于产品本身没有经过展示设计的客户往往不懂得如何在网站上进行有效的安排。而整个网页的设计效果，就算前期经过设计师苦心经营一番交给客户后，换掉了设计师精心安排的大图和文字，不幸的话很容易就沦落成了手中又一个失败作品。在浏览国外的优秀网站时，我们是该停下来好好想想我们能为网页设计 做什么我们的定位是什么
这一期让我们从登陆页开始聊起。
很多人在安排网站登陆页，往往以霸占全屏的轮播大图来吸引用户，设计师的做法焦点都集中在让大图本身足够震撼和吸引，以便使首页能锁住用户的眼球。至少，网站的所有者希望能通过几张全屏大图就能迅速有效地传播自己的价值和理念。但是除了简单让全屏大图左右滑动以外，我们还能有其他更新鲜的表达方式吗或者说，在用户的期望之外，我们还能给到他们其他什么更加奇妙又更加人性化的体验呢带着这些问题，不妨让我们看看下面这些登陆页的创作思路。
Nightowlinteractive
以纹理为背景，根据不同的文字滚动，深沉而富有一种复古和原始的基调，如果你的表达内容是以文字为主，可以考虑试试这类轮播方式。
Oficialanima
利用留白作为滚动的一个吸引的要素，奢华而充满了空间的张力，页码的表现形态也与整体的视觉保持和谐。周围配以相应的文字，予以部分重叠，凸显层次感和空间感。
thehugo
打开页面也许除了图案本身以外，几乎无其他任何元素，只有当鼠标滚动到下方时，首屏的图案瞬间转变为内容背景。而在屏幕的左边，有一个动态的标志，把背景和内容做了更有趣的连接。这种新颖别致的方式，用在品牌介绍甚至是内容详细页面都非常适宜。
Josephaavoue
也许这里的大图不算大，但也在整个登陆页占据了重要的焦点位置。设计师为了凸显焦点也运用了线条和图形来引导用户的视线。左边文字右边，能够把内容表达得更为清晰，但整个页面元素比较累赘，所幸线条的排版和色彩运用得恰到好处。
Thebarkas
可以看到从一个圆形到变作条纹再浑然一片整屏渐变，视觉既简单，又充满了动感，鼠标根据不同的角度而让背景色发生变化。不过这样做的前提是选择一个足够冲击力和字体和标志。让它成为视觉焦点。
Specialbose
竖型展示也许已经足够新颖了，但在这个网站设计中还略微倾斜的展示方式，让页面更加具有新鲜和冲击力。鲜艳的色彩搭配更强调了这一效果。
Fixedgroup
把一割上下两部分，然后用阴影创建的层次，让画面显得更纵深，某种程度上体现了优雅氛围。但需要注意的是，必须是本身是有分割的潜力的情况下。有的分割后也许会显得非常错愕。
Ginventory
这是一个介绍APP的网站，可以看到手绘的固定背景之上不断变幻的应用界面演示效果，动态效果非常炫酷。让人过目不忘。这种单一的背景让人锁定了品牌的内涵气质。
Thisisarc
多以大图来吸引用户的策略也可以被文字所取代，这时，文字搭配一些出乎意料的动态效果和简单的弧形线条，发挥了所不能抵达的目的,精准地表达代替了的模拟两可。
Cafefrida
咖啡馆的格调自然是优雅的，那就用一张插图作为登陆页背景吧。但是仅仅是花朵插画吗把你的鼠标往下拖动，你会发现，边缘的部分花朵叠加于内容之上，看上去就像从花丛中观看过去，十分精致美好。这种独具匠心的设计，设计师们，学起来吧!
自媒体必备工具合集
视频剪辑
剪映、k剪辑、Vue 、达芬奇、Pr
素材
干图网、花瓣网、图虫、Pex els 、PX Pix a bay 、
排版工具
135编辑器、秀米编辑器西、365编辑器
配音工具
讯飞快读、牛片场、蜜蜂剪辑、配音神器、配音家、
做图工具
图怪兽、创客贴、稿定设计、黄油相机、、醒图
音频素材
给爱给、站长素材、觅知网
文案工具
T TOP YS、数英网、梅花网、句子控、运营派
数据分析
干瓜数据、飞瓜数据、蝉妈妈、新榜、灰豚数据
H5页面
意派H5、易企秀、木疙瘩
个人账号搭建
个人简介(眼称、头像、背景图)
首先要在同质化的账号差异性，昵称要好记，小众，头像要复合自身账号定位不要太夸张，个人简介围绕账号定位和白身特点。
对标账号
学会寻找对标号，对标账号是与个人定位领域相同的优质博主账号，研究优质视频的文案、节奏、框架等，研究透对方的优势寻找自身优势点，更利于个人账号发展。
短视频核心
①人设请断有特点
②定位明确有特色
③内客是王道
保持更新新账号建议3天2条，等账号权重稳定以后可以缩短更新频率但是也要保持一周更新2-3条，如果更新频率过低，用户不容易记住你
学会数据复盘
①关注视频各项数据：学会通过数据查看明白自己的忧势和缺点，清楚选题热度
②分析内容：针对内容的框架分析用户：痛点+价值+风格
③保持输出：新账号建议保持三天2条，等账号权重稳定后短更新频丰我的建议是每周最少2-3条短视频，更新频率低的话，用户不容易记住你，
账号定位分析
账号定位=领域+兴趣+信任度
定位虽然是个比较宽泛的概念，抛去复杂的思考想4个问题：你是谁、你擅长什么你要做什么，你有哪些差异化，做定位的主要目的就是：呈现内容的展现， 同质化中突出差异化、保证账号重直、确定变xian方向，
探店博主
美食探店、穿搭探店、母婴探店、民宿探店、咖啡探店
穿搭博主
穿描技巧、服装测评、身材穿搭、饰品搭配、时尚分析
宠物博主
宠物日常、宠物用品、宠物吃格、好物分享、养宠技巧
护肤博主
护肤千货、护肤好物、护肤测评、护肤流程、新手护肤、
家居博主
装修设计、软装好物、家电测评、生活技巧、房屋改造
母婴博主
亲子日常、好物分享、育儿经验、技巧分享、产品测评
职场博主
求职技巧、交流沟通、职场技能、职场故事、生存法则、
读书博主
书单分享、读书笔记、历史人文、阅读 *** 、冷门书单、
情感博主
成长提升、婚姻关系、热点分享、读书感悟、职业进阶
vlog博主
家居vlog、 旅行vlog、 生活vlog 、职场vlog、 美食v1og、
写作博主
写作投稿、网文写作、书评写作、故事文、写作工具、
美食博主
美食教程、饮品 *** 、测评分享、美食探店、日常食谱
清楚如何挖掘关键词后，下一步要做的便是布局关键词，那么关键词布局策略有哪些，如何布局关键词呢？从3方面来说明：
判断关键词竞争度
分析关键词共性，确定着陆页形态
页面关键词布局说明
一、判断关键词竞争度
再以咖啡这个行业为例来说明。（对这个行业相对比较了解，所以甭见怪）假设现在我们准备做一个咖啡门户网站，我们需要对行业关键词进行分析。
分析关键词竞争度
取出有搜索量的关键词，进行查看在百度自然排名前10的页面类型有哪些？通常排名的页面类型有这些：网站首页、网站栏目页、网站标签页/专题页、网站详情页。
（1）当自然排名前10的页面类型超过60%以上为网站首页时，那么说明关键词的竞争度相对来说会比较高。
（2）当自然排名更多出现的是一些网站详情页或者大多数是百度自有的产品页面，那可以判断为竞争度相对而言会比较低。
为何这样说呢？
从权重的角度来说，权重的先后顺序为：网站首页>网站栏目页>网站标签页/专题页>网站详情页。
而从搜索引擎的角度出发来考虑，搜索引擎的目标为更快、更好的满足用户多样化的需求，当出现的页面均是自家产品时，可以说明收录相关的页面较少，或者页面质量普遍低于百度自家页面，从侧面也可以反应竞争度不高。
分析完关键词竞争度，懂python的童鞋可以跑一下数据，查看这些有搜索量的关键词，自然排名前10的页面类型分布。可以做一个类似下面的表格，进行记录分析。方便确定页面类型。
二、分析关键词共性，确定着陆页形态
当我们分析咖啡行业时，会发现用户有这些方面的需求：购买物料/设备、了解使用 *** / *** 技巧。关键词的共性需求就有，咖啡豆价格/咖啡机价格等，XX咖啡 *** *** 。
通过排名页面类型的分析，以及通过关键词的共性分析，价格类的关键词，排名前10的站点页面类型更偏向于是使用栏目页面类型。如，咖啡机价格，排名前10的分别是一些商城的栏目页。
通过分析关键词类型的共性，再通过分析前10自然排名的着陆页类型有助于，我们做着陆页的参考，此 *** 并不是唯一的，毕竟一款产品更多是面向用户，需要结合用户需求，结合一些产品设计思路来定位。
如果你对所处的行业非常了解，也知道目前的竞争对手有哪些，那么可以结合着上述的 *** ，再加一步，竞争对手分析。可以通过分析竞争对手的关键词覆盖情况、产品形态分析（即着陆页分析）、核心关键词排名等等……
不了解行业有哪些竞争对手的，一样，可以通过python抓取有搜索量的行业关键词，排名前10的站点情况，再对排名前10的站点进行数据透视分析，排名数量最多的那几个站点，可以重点的作为分析对象。
三、页面关键词布局说明
确定好着陆页后，如果是个大型的网站，那么一般是由产品经理确定原型图（即着陆页形态），然后SEO输出需求文档。那么，在确定好的页面上，如何进行页面关键词布局呢？以泡泡网－咖啡机价格栏目页为例来说明：
url:http://productpcpopcom/kafeiji/01222/
打开此页面，并进行右键——>源代码查看。以下这几个重点标签一定要布局上关键词。
（1） title：写好title规则，分2种情况，共性与非共性，共性的关键词，可以写好关键词的组合公式规则，如果是非共性的关键词，一般会单独设置手动填写title，再让开发将需求做成读取手动填写的内容。
title的写法规则：关键词3个－5个，避免关键词堆积，突出品牌词。eg:关键词1_关键词2_关键词3-品牌词
以泡泡网来为例来说明，见下图
首先，咖啡机价格是有共性需求的，比如：品牌+咖啡机+价格，类别+咖啡机+价格。因此，我们在写SEO关键词需求时，可以写共性规则，如：单选时，咖啡机价格_咖啡机报价－泡泡网；多选时，品牌+咖啡机价格_品牌+咖啡机报价－泡泡网。
（2）除了title标签外，可以适量、自然的在页面出现所有做的关键词，适当增加关键词密度。记住：过量则死，出现过度优化也会被惩罚。标签方面，还有ALT标签要注意，出现，可以添加上ALT标签，表明内容是什么。比如，一台某品牌咖啡机，那么ALT＝"某品牌咖啡机"，可以按此写法来说明。
（3）内容：内容主体务必要是相关，且呈现的方式务必是用搜索引擎读得懂的方式来呈现。常见搜索引擎不能读懂的方式有，FLASH、IFRAME、 *** ……更多的方式可以继续度娘了解哈。
写了25小时，总算把关键词布局 *** 给写完了，不知道你是否真的明白了，如果明白了，就赶紧行动起来，看看你所负责的站点在关键词布局这块是否还有可优化的空间！
第0章 网页设计综述 1
本章对网站开发的流程、页面的几种布局类型进行介绍，让读者在开始学习 *** 网页之前，对网站有个整体的认识和了解。
01 网站开发的流程简介 1
介绍网站的设计、 *** 流程
011 明确网站定位 1
012 收集信息和素材 2
013 策划栏目内容 2
014 设计页面方案 2
015 *** 页面 2
016 实现后台功能 3
017 整合与测试网站 3
02 页面设计布局介绍 3
介绍页面设计的几种常见布局类型
021 版面构成的原理 3
022 网页版面构成中常见的布局形式 4
1．“T”型布局 4
2．“口”型布局 5
3．“三”型布局 5
4．对称对比布局 6
5．宣传单型布局 6
6．门户型网页布局 7
7．区块型布局 7
023 网页布局设计的步骤 8
1．草图 8
2．粗略布局 8
3．定案 8
024 网页版面构成的布局技巧 9
03 本章小结 9
第1章 初识Dreamweaver 8 11
本章中对一些与Internet有关的术语进行简单的解释，然后阐述与HTML有关的知识，接着对Dreamweaver MX 2004的各项功能进行介绍，最后讲解如何使用Fireworks辅助网页设计，为 *** 网页提供更大的方便。
11 HTML基本知识 11
介绍Internet和HTML语言的基本知识
111 Internet基本术语 11
112 HTML文件基础 12
1．HTML语言基本知识 12
2．HTML语言的标记符 13
113 使用HTML语言编写简单页面 17
12 Dreamweaver 8快速入门 18
介绍Dreamweaver的程序界面及最基本的操作
121 Dreamweaver 8用户界面 18
1．起始页 19
2．文档窗口 19
3．插入工具栏 20
4．“属性”面板 21
5．其他面板 21
6．打开和关闭面板 22
7．面板重组 22
122 设置页面属性 22
123 插入页面元素 24
1．插入文本 24
2．插入和编辑 25
3．插入和编辑表格 26
4．行为 27
5．Dreamweaver 8的其他功能和特性 27
13 使用Fireworks辅助页面设计 28
讲解如何使用Fireworks辅助网页设计
131 Fireworks 8用户界面简介 28
1．打开和创建图像文件 28
2．常用工具栏 30
3．层与资源面板 31
132 使用Fireworks 8进行网页图像设计 32
1．网页设计思想 32
2．插入文本 33
3．切割 33
4．优化 34
5．导出图像和HTML文件 *** 一 35
6．导出HTML文件 *** 二 36
14 本章小结 38
第2章 创建网页和网站 39
本章主要介绍创建基本的网页文档和Dreamweaver站点的 *** ，包括使用Dreamweaver的基本功能对页面进行简单的编辑，并讲解网站的有关概念。
21 创建简单文档 39
创建文档并 *** 一个简单网页
211 创建空白文档 40
212 年轻真好—— *** 一个简单网页 42
22 创建本地站点 44
创建本地站点并向站点中添加文件
1．本地文件夹 44
2．远程文件夹 44
3．测试服务器文件夹 44
221 使用Dreamweaver 8创建本地站点 44
222 为本地站点添加文件 47
1．向本地站点添加新文件 47
2．向站点添加已有文件 49
3．使用地图视图功能查看站点文件间的链接关系 50
23 创建以模板为基础的文档 51
使用文档模板创建文档
231 使用已有模板创建文档 51
232 创建以范例为基础的文档 52
1．从“页面设计(CSS)”创建新文档 52
2．从“入门页面”创建新文档 53
3．从“页面设计(有辅助功能的)”创建新文档 54
233 打开并编辑已有文档 55
24 本章小结 55
第3章 编辑文档 57
本章详细说明了编辑HTML文档的各种具体操作，并以实例进一步说明了各种操作的具体 *** ，同时还讲解了如何为页面添加链接，包括文字链接、链接和热点链接等内容。
31 编辑文本和 57
介绍格式化文本及在页面中使用的操作
311 使用属性面板格式化文本 57
1．用“大小”下拉列表设置文字大小 58
2．使用“格式”下拉列表设置文字大小 59
3．设置文字的字体列表 59
4．设置文字的加粗、倾斜和颜色属性 60
5．设置段落的对齐方式 61
6．创建清单 61
312 使用层叠样式表格式化文本 62
1．创建样式表 62
2．应用层叠样式表 63
3．其他类型的层叠样式表 65
313 使用和处理 67
1．插入 67
2．改变的大小 67
3．对重新取样 68
4．裁剪 68
5．调整的亮度和对比度 69
6．使用Fireworks对进行处理 69
314 名车风范——网页实例 *** 70
1．设置页面属性 70
2．添加文本 71
3．添加 71
32 网页超级链接 72
介绍为文字和添加超级链接的操作
321 为文字添加超级链接 72
322 为添加超级链接 74
33 如歌岁月——网页实例 *** 76
使用Fireworks和Dreamweaver的基本操作 *** 了一个简单网页
331 使用Fireworks 8辅助页面设计 76
332 使用Dreamweaver编辑网页 77
34 本章小结 78
第4章 网站建设与管理 79
本章介绍了建设、管理网站的 *** ，还介绍了管理和维护网站、测试网站、向远程服务器上传文件等操作。
41 网站建设 79
介绍网站建设之前的一些准备工作
1．网站的题材 79
2．网站形象设计 80
3．网站主页的 *** 80
4．网站结构设计 80
42 网站管理与维护 81
介绍设置文件结构和管理站点内超链接等操作
421 设置网站文件结构 81
422 管理站点内的超级链接 82
1．检查链接 83
2．更新链接 83
423 利用查找和替换功能管理站点 84
1．查找含有特定文本的标记 84
2．修改站点中的链接URL 85
43 网站的测试和优化 86
介绍测试网站的浏览器兼容性和HTML优化的操作
431 测试网站的浏览器兼容性 86
432 HTML优化 89
1．清理Word生成的HTML代码 89
2．清理HTML 90
3．添加/删除Netscape调整修复 91
44 在Internet上建立网站 91
介绍域名申请与信息发布和向服务器上传网站的操作
441 域名申请与信息发布 91
1．域名申请 91
2．信息发布 92
442 向服务器上传网站 92
45 网站宣传 94
介绍对网站进行宣传的一些技巧和注意事项
1．登录搜索引擎 94
2．友情链接 95
3．提供联系电子邮箱 95
46 本章小结 96
第5章 添加页面元素 97
本章通过4个实例深入讲解向页面中添加页面元素的 *** ，包括使用表格显示数据和内容，添加音乐、视频等多媒体，添加各种Flash元素，同时讲解在页面中添加和使用表单的 *** 。
51 使用表格 97
介绍如何向页面中添加表格并对表格进行相关的设置
511 表格的基本操作 98
1．创建表格 98
2．设置表格属性 100
3．拆分合并单元格 101
512 新闻网——网页实例 *** 102
1．使用Fireworks对标题栏进行切片 103
2． *** 主页 103
52 添加多媒体及控件——媒体天地 107
介绍添加多媒体及控件的基本操作
521 添加多媒体及控件的基础操作 107
1．添加背景音乐 108
2．添加音频视频文件 108
522 媒体天地——网页 *** 实例 110
1．首页的 *** 111
2．为首页做超链接 113
53 添加Flash元素 113
介绍添加Flash文本、Flash按钮和Flas *** 等Flash元素的操作
531 添加Flash元素的基本操作 114
1．添加Flash文本 114
2．添加Flash按钮 116
3．添加Flash** 118
532 Flash精品驿站——网页 *** 实例 119
1． *** 基本页面 119
2．添加和Flash元素 120
54 表单的使用 123
介绍在网页中使用表单的基本操作
541 表单的基本操作 124
1．添加文本字段 124
2．添加文本区域 126
3．添加按钮 127
4．添加复选框 128
5．添加单选按钮 128
6．添加列表/菜单 129
7．添加文件域 130
8．添加图像域 130
9．添加隐藏域 131
10．添加单选按钮组 131
11．添加跳转菜单 132
542 极限运动注册专区——网页 *** 实例 133
1． *** 基本页面 133
2．添加注册表单 134
55 本章小结 136
第6章 层叠样式表 137
本章介绍使用层叠样式表对各种页面元素设定样式的基本操作，同时介绍一下对做各种效果处理的操作。
61 层叠样式表的基本应用 137
创建和对页面元素应用层叠样式表
611 创建和编辑层叠样式表 138
612 应用层叠样式表 144
1．对页面元素应用层叠样式表 144
2．导出层叠样式表文件 146
3．链接外部样式表 146
613 CSS滤镜效果 148
62 精品软件公司——网页 *** 实例 153
通过实例介绍 *** 基本页面、定义和应用层叠样式表的 ***
621 *** 基本页面 153
622 定义层叠样式表 154
623 应用层叠样式表 155
63 本章小结 156
第7章 定位页面 157
本章在前面已经学过的表格操作的基础上介绍有关表格的高级操作，还有如何使用布局表格和布局单元格进行定位网页的知识，同时还详细介绍使用层和框架进行页面定位的技术。
71 表格定位页面 157
介绍使用布局表格和布局单元格来 *** 页面的 ***
711 表格高级操作 158
1．设置表格分隔线和边框效果 158
2．调整表格大小 160
712 使用布局表格和布局单元格 161
1．布局视图模式 161
2．创建布局表格 163
3．创建布局单元格 164
4．设置布局表格和布局单元格的属性 164
5．设置布局宽度 165
6．使用空白 166
713 大家一起学英文——网页 *** 实例 168
1．使用布局表格和布局单元格规划页面结构 168
2． *** 基本页面 169
72 层定位页面 171
介绍层的基本知识和使用层 *** 页面的 ***
721 层的基本知识 172
1．创建和移动层 172
2．设置层属性 173
3．嵌套层的使用 174
4．将层转换成表格 176
722 *** 咖啡馆——网页 *** 实例 180
1． *** 基本页面 180
2．添加页面内容 181
73 嵌入式框架定位页面 182
介绍使用嵌入式框架来定位页面的 ***
731 嵌入式框架基本知识 183
1．创建嵌入式框架 183
2．为嵌入式框架设置链接 186
732 文学咖啡馆——网页 *** 实例 186
1． *** 首页页面 187
2． *** 链接页面 188
3．使用嵌入式框架 188
74 框架定位页面 189
介绍使用框架和框架集来定位页面的 ***
741 框架和框架集基本知识 189
1．创建框架和框架集 190
2．删除框架 192
3．编辑框架 192
4．编辑框架内容 193
742 音乐天堂——网页 *** 实例 194
1． *** 框架集页面 194
2． *** 显示在框架中的页面 195
3．将HTML文件链接到框架 197
75 本章小结 200
第8章 网页动态效果 201
本章主要讲解使用Dreamweaver的行为功能和JavaScript脚本代码及其他脚本代码为网页添加各种网页动态效果的操作。
81 行为 201
介绍向页面添加各种行为的基本 ***
811 行为的基本操作 202
1．行为基本知识 202
2．交换图像与交换图像恢复 202
3．弹出信息 205
4．打开浏览器窗口 206
5．播放声音 207
6．改变属性 208
7．显示弹出式菜单 209
8．检查插件 210
9．检查浏览器 211
10．设置导航栏图像 211
11．设置状态栏文本 213
12．转到URL 213
13．预先载入图像 214
14．拖动层 214
15．显示-隐藏层 216
812 公司网站——网页 *** 实例 217
1． *** 基本页面 217
2．向页面中添加行为 218
82 JavaScript脚本代码 219
介绍使用JavaScript代码添加动态效果的 ***
821 使用JavaScript代码的基本操作 220
1．在网页中显示时间 220
2．垂直滚动的文字 221
3．随时间显示不同的问候 222
4．彩色链接文字 223
822 文化长廊——网页 *** 实例 225
1． *** 基本网页 225
2．为首页添加JavaScript脚本代码 225
3．为欣赏页面添加JavaScript脚本代码 231
83 拼图游戏 232
介绍 *** 更为复杂的完全不借助任何插件的网页游戏，需要综合运用“时间轴”和“拖拽图层”的行为
831 准备图层 233
832 使动态分离 234
833 加入开始按钮 235
834 设置可拖拽图层 237
835 调用JavaScript技巧 239
836 进一步地完善和改进 242
84 本章小结 243
第9章 库和模板的应用 245
本章详细介绍利用模板和库功能来提高工作效率，减少在 *** 网页和建设网站过程中的许多劳动，同时使网站和网页的更新和维护更加方便的 *** 。
91 库 245
介绍使用库功能的基本 ***
911 库的基本操作 246
1．定义本地站点 246
2．创建库项目 247
3．使用库项目 247
4．更新库项目 248
912 电视在线——使用库功能来 *** 网站 248
1．定义本地站点 249
2． *** 标题栏库项目 249
3． *** 版权信息库项目 251
4． *** 首页基本页面 251
5． *** 二级页面 253
6．更改库项目和更新网页 254
7．从源文件中分离库项目 255
92 模板 256
介绍使用模板功能的基本 ***
921 模板的基础知识 257
922 *** 商务驿站——使用模板 *** 网页 257
1．创建空白网页模板 257
2．编辑模板页 258
3．应用模板 *** 网页 261
4．修改模板并更新网页 263
5．分离模板 264
93 本章小结 264
第10章 服务器端程序开发入门 265
这一章是本书惟一介绍服务器端技术的一章，目的是使读者对如何使用Dreamweaver来开发服务器端的程序有一个初步的了解。
101 动态网页与ASP 265
介绍动态网页的概念和作用
102 ASP的开发 267
介绍ASP运行环境的配置 *** 和几种基本的ASP程序
1021 ASP运行环境及配置 267
1022 熟悉ASP程序 269
103 *** 留言簿 272
通过完整的网上留言簿实例掌握ASP的应用 ***
1031 准备工作 273
1032 建立站点 274
1033 建立数据库 274
1034 *** 演示留言页面(indexasp) 275
1035 *** 添加留言页面(insertasp) 280
第11章 综合实例(一)—— *** 公司网站 283
本章通过 *** 完整的网站的综合实例，引导读者掌握开发网站的基本技术和整个网站 *** 的工作流程。
111 实例概述 283
112 网站策划 284
113 使用Fireworks *** 网页效果 285
1131 绘制网页基本效果 285
1132 绘制导航栏 287
1133 绘制网页正文效果 288
1134 添加装饰图标 289
1135 绘制子页面效果 291
114 使用Dreamweaver 8创建站点 291
115 使用Fireworks切片并输出首页 292
1．绘制首页的切片 292
2．切片输出 293
116 在Dreamweaver 8中编辑首页 294
1．背景化处理相应位置图像 294
2．插入文本内容 294
3．设置热区并定义热区链接 295
117 使用Fireworks切片并导出二级页面 295
1．将二级页面作为JPEG格式插入到首页PNG文件的新图层中 295
2．修改二级页面切片并导出 296
118 在Dreamweaver中编辑导出的二级页面 296
119 使用Fireworks切片并输出模板 297
1．绘制切片参考线 297
2．输出切片 297
1110 使用Dreamweaver编辑模板页 298
1．设置热区并定义热区链接 299
2．背景化处理相应位置的图像 299
3．设置可编辑区域完成模板的 *** 299
1111 应用模板创建其他二级页面 300
1112 重新检查所有页面链接并浏览最终效果 300
第12章 综合实例(二)——汽车时代网站 303
本章通过 *** 完整的网站的综合实例，引导读者掌握开发网站的基本技术和整个网站 *** 的工作流程。
121 实例概述 303
122 网站策划 304
123 使用Fireworks *** 网页效果 305
1231 绘制网页基本效果 305
1232 绘制导航栏 306
1233 绘制正文栏效果 308
1234 添加素材 310
1235 绘制网页链接页效果 311
124 使用Dreamweaver 8创建站点 311
125 使用Fireworks切片并输出模板 312
1．绘制切片参考线 312
2．输出切片 312
126 使用Dreamweaver编辑模板页 313
1．设置热区并定义热区链接 313
2．背景化处理相应位置图像 314
3． *** 表单区域 314
4．设置可编辑区域完成模板的 *** 315
127 在Fireworks中 *** 首页并切片输出HTML 315
128 在Dreamweaver中 *** 首页 317
将Fireworks导出的首页初始文档插入到可编辑区域中 317
129 用Flash *** Banner 318
1291 *** 动态文字效果 318
1292 *** 遮罩效果 320
1210 使用Fireworks切片并导出二级页面 322
*** 仅包含可编辑区域的二级页面文档 322
1211 使用Dreamweaver编辑二级页面 323
1212 应用模板创建其他二级页面 324
1213 为所有页面输入文本内容 324
1214 重新检查所有页面链接 324
1215 插入Flash Banner并浏览最终效果 325
京东众筹成功案例经验分享
项目产品优势：
1、 相对市场同类产品单价较低。
2、 功能性强，受众人群广。
项目产品劣势：
1、 产品为新品，社会认知度低。
2、 功能需要体验才能显现出来。
3、 需要深度剖析产品的功能性特点和场景卖点。
产品页面设计：
产品页面设计之初我们借鉴了京东和天猫一些在线销售排名靠前的店铺及相关产品，根据场景图体现产品实物使用和摆放的效果，突出产品外观设计的优势。通过对产品功能和技术的详介，确立产品高性价比的特性，从产品外观到内在技术到音质全方位为客户介绍，从音响本质上提升顾客的购买欲望。
众筹档位设计：
线上推广规划：
只在上线之一天进行了3000元的今日头条推广，上线两小时就达到了8000元的销售，证明本产品得到了一定的市场认可，但从产品营销角度出发就能满足产品需求，不需从品牌推广入手。
众筹结果：
乐之邦音响最终众筹金额408043元，实际销售金额10万元。
转化率
PV
UV
订单数整体数据分析：
产品上线后，仅在之一天进行了推广活动，前两天从流量到转化率都很不错，随后商家停止了合作推广，进行自主推广，流量和转化率明显出现小坡并一直持续到项目结束。通过之一天的推广证明产品由一定市场粘性，但是随着停止推广流量的下降，影响到了转化率。因此推广在项目进行中占有者重要的地位。
摄影的话，instagram，camera360，画中画相机，玩图。（文艺青年什么好的摄影app都用的嘛）。
阅读推荐字节社（量极少但是很有味道。）以及一个（特别喜欢Oneisall）。鲜果就是新闻，同理zaker。
音乐豆瓣FM，Jing，音乐猎手，酷我。
美食豆果，下厨房都是相当不错的。
随手写写印象笔记吧，momento搜索很方便但是没有中文后台。
另外暖岛，SAME，拾光，NextDay，晨起闹钟，HoloCompass，ClimateClock都是很有文艺感觉的。
