# Web_operations **Repository Path**: ewvue/Web_operations ## Basic Information - **Project Name**: Web_operations - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-03-21 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 网站运营与管理Week_01 * WordPress是比较好的CMS(content management system内容管理系统) [内容编辑](https://gitee.com/fangwenxi/web_operations/blob/master/%E7%BC%96%E8%BE%91%E8%83%BD%E5%8A%9B%E8%AE%AD%E7%BB%83.md) * 推荐书目 《零基础学WordPress》《WSG体验网站设计》《用户体验要素》 中文|英文 --|:--: 人机交互| HCI（Human-Computer-Interaction） 可访问性|Accessibility 可用性|Usability 通用设计| Universal Design 用户体验|UE/UX（user experience） 以用户为中心的设计|UCD （user-center-design） * Hw： 1.作业gitee 翻译上传照片到一个文件里面 复制地址 在markdown文件里面插入图片 输入该[链接](https://gitee.com/ewvue/Web_operations/blob/master/WAI认识及其应用.md)即可 2.网站点评 * 学习得到： 1.wordpress云端网站 2.网站运营与管理报告 3.Limsurvey云端网站 ## 网站运营与管理Week_02 * 网站设计最终要靠前端和程序配合来实现，并且要得到用户和需求方的认同。 * **项目管理方式**《网页设计那些事》 1.直线式 管理逻辑是上下方向的 优：逻辑清晰 缺：效率不高 2.矩正式 直线职能基础增加横向项目管理系统 优：人力资源弹力共享 缺：权责不清难有团队精神 3.扁平式 每个人可以接触项目的规划和运营 优：效率高 缺：承担压力较大 中文|英文 --|:--: 运营总监| COO（Chief Operating Office） 副总裁|VP（Vice President） * 邮件是最职业的沟通方式 * **抄送人**： 一般来说，使用“抄送”服务时，多人抄送的电子邮件地址使用“；”分隔。在职场中，当需要把文件或信息传达给其他人时，固然要抄送到每位，但别忘了要抄送到主管上级、老板那里，虽然他可能根本没有时间看，但这种“以资证明”的行为不可缺少。尤其是你想表扬你的下属或团队的时候，这种抄送更是比表扬本身还重要。 * 项目管理 需要考虑到 人力成本 项目周期 项目风险 * 换位思考随时准备备选方案 设计出2-3个版本的设计稿 内部修改过滤（更好的用户研究） * **敏捷项目管理** 1.计划行动回顾 循环方法达成迭代与增值 2.关注最重要，优先级最高的功能和用户问题 3.用敏捷管理软件 4.根据用户需求，回报的问题持续进行软件优化和改革方案 5.项目不用过度在意细节，准确理解的图或者文字即可 * 敏捷项目管理核心思想是项目管理和软件开发分离，但更积极的团队协作和知识管理。 ![敏捷项目](https://gitee.com/ewvue/Web_operations/raw/master/img/%E6%95%8F%E6%8D%B7%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86.png) * 课堂头脑风暴： * 1.我认为2020年直播行业有新机遇，在给予线下棋牌室、文玩店、书画馆、博物馆等娱乐场所政策扶持，他们都在尽可地将那些不得已中断的线下场景搬到线上。 * 2.因为首先往往购买物质所带来的快感是会随着时间被逐渐消耗的，但以直播为例，用户所获得的快感却是相对具有持续性的。随着用户在观看直播的过程中观看次数和时长的增加，用户和主播与其他用户的熟悉度的逐渐上升，建立起来的关系也更加深刻，希望保留住这段关系的情绪也会越浓烈，从而刺激着用户长久地进行付费。 3.目前提供直播平台的有抖音、快手……，像是最近罗永浩正式签约抖音开启直播带货。 4.我推荐文章[《「宅经济」下的线上娱乐消费习惯迭代》](https://mp.weixin.qq.com/s/1i5hSgdjnX1tiejZcd1jhw) ## 网站运营与管理Week_03 * **网站的目的**: 1.销售商品或服务便利 2.与客户建立沟通管道 3.获得广告收入 4.提升品牌或服务的知名度 5.凸显服务的特征由此造成的差异化 6.让使用者浏览资料及目录 7.增加造访者、来店客 * Q：“流量”与“消费者”之间的关系 A：人气？符合消费者口味？ **流量的概念范围大于消费者** 中文|英文 --|:--: 独立IP数| IP（internet protocol） 独立访问者数量|UV（unique visitors） 重复访问者数量|RV（repeat visitors） 页面浏览数|PV（page view） * 网站的“目的”根据网站所处的不同阶段而变化。网站没有所谓的终点与完成式，让网站随着事业内容和用户需求改变，随着保有最佳状态是非常重要的事。因此网站的运营是一个漫长的过程。 * 绿箭VS益达 铺量的争夺 ;口香糖VS手机 用户注意力的争夺 * 如何**吸引用户上门浏览**： 1.思索网站为谁设计 2.后续实际进行使用者调查 3.时常注意使用者的动向 （1.忽略新增浏览率继续做自己 2.转变产品运营方向提供新服务） 4.配合目标使用者改变内容的呈现方式 ![需求到功能](https://gitee.com/ewvue/Web_operations/raw/master/img/%E9%9C%80%E6%B1%82%E5%88%B0%E5%8A%9F%E8%83%BD.png) ## 网站运营与管理Week_04 * 参考书目：《点石成金》 * 不同的利益相关人，设计网站的目的和结果是不一样的 * **网站的三个事实**： 1.用户不做阅读，**只做扫描**。（手头任务有关，有兴趣，根深蒂固关键词） 2.用户不做最佳选择，**满意**即可。 3.用户不是追根究底，而是**勉强应付**。 * 参考书目：《不要让我思考》 * 广告牌设计 101法则为扫描设计，不为阅读设计，疾驶而过的扫描阅读，需要注意一下 5 个重要方面让他们**尽可能的看到，并理解**。 为扫描设计，不为阅读设计| -|- 每个页面建立清楚的视觉层次| 尽量利用习惯用法| 划分成明确定义的区域| 最大限度降低干扰| | 表头 | | ---- | | 单元格 | | 单元格 | * **文本编辑**： 1.充分利用标题（多级标题视觉区分） 2.保持段落的简介 3.突出关键词语 * **内容编辑能力** 1.形式： UI设计：字号，字体，行间距，折行/省略显示规则，边框使用 2.编辑能力：《内容编辑手册》编辑能力的训练与统一 （标题格式，小结标题格式，落款，文章总字数，图片格式，文章类型与文风） * 小tips 中文|英文 :--:|:--: 广告盲点|banner blindness 用来泛指内容个性化、视角多元化、传播民主化、社会关系虚拟化。|PGC（Professionally Generated Content） * [图解产品设计的那些坑：现实与理想之间的鸿沟](https://36kr.com/p/5172145) ![图解产品设计](https://gitee.com/ewvue/Web_operations/raw/master/img/%E5%9B%BE%E8%A7%A3%E4%BA%A7%E5%93%81%E8%AE%BE%E8%AE%A1%E7%9A%84%E9%82%A3%E4%BA%9B%E5%9D%91%EF%BC%9A%E7%8E%B0%E5%AE%9E%E4%B8%8E%E7%90%86%E6%83%B3%E4%B9%8B%E9%97%B4%E7%9A%84%E9%B8%BF%E6%B2%9F.png) ## 网站运营与管理Week_05 * [云端架站](https://gitee.com/ewvue/Web_operations/blob/master/%E9%98%BF%E9%87%8C%E4%BA%91%E9%9C%84%E6%9E%B6%E7%AB%99.docx) ## 网站运营与管理Week_06 * [wordpress基础操作](http://www.yzipi.com/wpjc) * 《用户体验要素》 ![用户体验六要素](https://gitee.com/ewvue/Web_operations/raw/master/img/%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E5%85%AD%E8%A6%81%E7%B4%A0.png) ![用户体验要素](https://gitee.com/ewvue/Web_operations/raw/master/img/%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E8%A6%81%E7%B4%A0.png) 1.**战略层** 整个产品周期很长，先定个战略，有规划，有指导思想，才能够好好做产品。 （1）商业目标：比方说，先赚它一个亿。再比如，我们先干一年，目标积累100万用户（也好拉投资嘛对吧）。这就是我们的商业目标。 （2）用户需求：比方说，我们觉得有的用户打车困难，有的用户的汽车总是自己一个人开，浪费空间，所以我们想来个共享经济，做个滴滴，让没车的用户可以方便地做有车的用户的车。这就是我们的用户需求。 用户需求需要好好挖掘，可以通过问卷调查、访谈等各种方式挖掘用户的核心需求。为了避免我们的做法与用户需求有偏离，我们可以对用户进行分类，把典型的用户种类划分制作成用户画像Personal，甚至，我们可以把用户画像打印出来挂在墙上，以后做决定的时候时刻想着他们的需求，这样就不至于我们做出太过于偏离用户需求的决定。 >>商业需求是公司内部需求，用户需求是公司外在需求，它们共同组成战略层的核心内容。 2.**范围层** 在上一步，我们把战略定好了，目标很美好，要么几百万用户，要么一年赚几个亿，那么，接下来是不是就该想想怎么做了呢。 我们的产品要有哪些功能？接着上面做滴滴打车的例子，我们要让用户能够提出出发地和目的地，就能够找到车，对不对？我们要让司机能够轻松地找到乘客对不对？我们要给他们提供便利的支付方式对不对？我们要让乘客和司机能够通过联系方式交流对不对？我们要能够动态地、实时地把最合适的乘客推荐给最合适的司机对不对？ 上面描述了我们想做的产品功能，这就是范围层要考虑的，哪些功能要做，哪些功能不要做，哪些先做，哪些后做，写下来之后就变成需求文档了，以后开发的排期、优先级、做不做某个功能的时候产生纠结，都可以把之前写下来的需求文档搬出来。 >>在前面的战略层，解决的是为什么做的问题，在范围层，解决的是做什么的问题。那么，接下来结构层、框架层、表现层，都是解决怎么做的问题的。只是由抽象到具体，由框架到细节，步步推进的。 3.**结构层** 要考虑两个问题：“交互设计”和“信息架构”。 （1）**交互设计**指的是针对用户的操作，产品要怎么反应来配合用户操作。 在这里有一个“概念模型”的概念，比如，我们做电商，有购物车，购物车的概念模型可以是现实中的购物推车，那么它就有往里面放东西、从里面移除东西等功能，那么在电商平台设计购物车的功能的时候，就可以对应着来考虑与用户的交互方式了。 尤其需要注意的一点，我们设计的交互方式不要与用户默认的思维习惯相背离，比如，在用户的脑海里，默认浏览器右侧的ScrollBar是用来上下滑动页面的，而你的产品把它设计为拉动ScrollBar以放大、缩小字体，这就会让用户很难接受，因为这与他们的脑海中的习惯不相符。 尽管我们说，交互设计要遵循用户的默认习惯。如果我们对用户的行为习惯有了深刻的研究，以至于我们认为我们比用户更了解自己，我们设计的操作方式是最适合用户的。那么我们可以尝试推广自己的交互设计方式，慢慢培养用户习惯。当然，这是需要时间和代价的。 （2）**信息架构**是指信息的组织方式。 我们的产品肯定有很多内容，那么这些内容应该怎么组织起来，让用户觉得好用、易用呢。比如操作文件夹的时候，我们总见过打开一个文件，再嵌套另一个文件夹，再嵌套另一个文件···一下嵌套十来层的文件夹组织方式，令人不厌其烦。在进行信息架构的时候，我们可以把自己的一个个的产品内容当做一个节点node，然后将这些节点有序的组织起来。具体的结构方式有层级结构、矩阵结构、自然结构、线型结构等，我们可以根据自己的产品特点来进行针对性的设计。 4.**框架层** 经过了上面的结构层，我们可以看到，我们只是对产品的交互方式和内容组织方式进行了一个大概的设计。那么在框架层，就需要进一步地进行设计了。在框架层，包含：**界面设计、导航设计、信息设计**。 （1）界面设计：界面设计要做的就是选择合适的界面交互控件，这些控件既能够让用户易于理解其含义，又能够让用户借助于此来圆满完成任务。 （2）导航设计：导航设计要做的就是让用户在使用产品的时候有位置感，让用户知道自己在什么位置，知道下一步可以到哪里去，知道上一步怎么返回，避免让用户有云里雾里的感觉。具体而言，索引表、网站地图、导航链接、当前位置导航信息等，都可以是导航设计的一部分。 （3）信息设计：信息设计要做的就是怎么把各种设计元素粘合在一起，怎么把它们呈现出来，让用户很好地理解和使用它们。 在产品设计中，有一个很重要的概念：线框图。线框图可以说是上述的界面设计、导航设计、信息设计的三者的结合，是产品的雏形和大体形态。需要注意的是，线框图与产品原型略有差别，原型是对线框图的更细致描述的产品体现，原型要求必须有交互，而线框图则可以是静态的，没有交互也可以。 ![线框图](https://gitee.com/ewvue/Web_operations/raw/master/img/%E7%BA%BF%E6%A1%86%E5%9B%BE.png) 5.**表现层** 表现层是用户真真切切地可以感受到的产品外在。这是离用户最近的。在这一层，可以通过设计产品的配色方案、排版、对比、风格统一，充分研究和使用用户的感知方式（嗅觉、味觉、触觉、视觉、听觉等），将产品的风格完整呈献给用户。 * WSG管理系统 ![wsg管理系统](https://gitee.com/ewvue/Web_operations/raw/master/img/WSG%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F.png) ## 网站运营与管理Week_07 |英文|中文|例子| |---|---|---| | UGC |互联网术语，全称为User Generated Content，也就是用户生成内容，即用户原创内容。|比如百度贴吧，微博等| |PGC|全称为Professional Generated Content，互联网术语，指专业生产内容。用来泛指内容个性化、视角多元化、传播民主化、社会关系虚拟化。|比如现在典型的：36氪、虎嗅网等。他们网站上有相当权威的各行各业的专家提供内容，这些专家能为该网站带来大量的用户和关注量。| ## 网站运营与管理Week_08 * 在宝塔的文件那里先上传limesurvey压缩包 然后解压完成 * 打开phpmyadmin 然后新建一个limesurvey文件夹 ![4](https://gitee.com/ewvue/Web_operations/raw/master/img/limesurvey%20%E7%AC%AC%E5%9B%9B%E6%AD%A5%20%E5%9C%A8%E6%96%87%E4%BB%B6%E9%82%A3%E9%87%8C%E4%B8%8A%E4%BC%A0limesurvey%E5%8E%8B%E7%BC%A9%E5%8C%85%20%E7%84%B6%E5%90%8E%E8%A7%A3%E5%8E%8B%E7%A1%AE%E5%AE%9A.png) ![5](https://gitee.com/ewvue/Web_operations/raw/master/img/limesurvey%20%E7%AC%AC%E4%BA%94%E6%AD%A5%20%E5%9C%A8php%E5%BB%BA%E4%B8%80%E4%B8%AAlimesurvey.png) *　域名后面加limesurvey可以登录原始是root 密码可以复制 ![2](https://gitee.com/ewvue/Web_operations/raw/master/img/limesurvey%20%E7%AC%AC%E4%BA%8C%E6%AD%A5%20%E5%9C%A8%E5%AE%9D%E5%A1%94%E9%87%8C%E9%9D%A2%E6%89%BE%E5%AF%86%E7%A0%81%20admin.png) * 之后填写信息可以改密码 ![3](https://gitee.com/ewvue/Web_operations/raw/master/img/limesurvey%20%E7%AC%AC%E4%B8%89%E6%AD%A5%20%E4%BF%AE%E6%94%B9%E5%AF%86%E7%A0%81.png) * 可以开始写问题 然后修改问题答案选择格式 进行问卷设计 ## 网站运营与管理Week_09 * **Docker** 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口。 ## 网站运营与管理Week_10 ||常见端口号| |--|--| |21/tcp| FTP 文件传输协议| |22/tcp |SSH 安全登录、文件传送(SCP)和端口重定向| |23/tcp| Telnet 不安全的文本传送| |25/tcp| SMTP Simple Mail Transfer Protocol (E-mail)| |69/udp| TFTP Trivial File Transfer Protocol| |79/tcp| finger Finger| |80/tcp| HTTP 超文本传送协议 (WWW)| |88/tcp| Kerberos Authenticating agent| |110/tcp| POP3 Post Office Protocol (E-mail)| |113/tcp| ident old identification server system| |119/tcp| NNTP used for usenet newsgroups| |220/tcp| IMAP3| |443/tcp| HTTPS used for securely transferring web pages| |3306| mysql| |123 NTP | time server| ## 网站运营与管理Week_13 * Http与Https的区别 ![http&https](https://gitee.com/ewvue/Web_operations/raw/master/%E6%9C%9F%E6%9C%AB%E9%A1%B9%E7%9B%AE/img/HTTP&HTTPS.png) * HTTPS和HTTP的区别主要如下： 1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。 2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。 3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。 4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。 * 大tips：wp后台设置里面的域名可以在宝塔的php里面修改 ![宝塔后台修改](https://gitee.com/ewvue/Web_operations/raw/master/%E6%9C%9F%E6%9C%AB%E9%A1%B9%E7%9B%AE/img/%E5%AE%9D%E5%A1%94%E5%90%8E%E5%8F%B0%E4%BF%AE%E6%94%B9.png) * 我在腾讯云购买的域名 也就买了SSl证书 等待通过 之后然后下载 ![腾讯云证书下载](https://gitee.com/ewvue/Web_operations/raw/master/%E6%9C%9F%E6%9C%AB%E9%A1%B9%E7%9B%AE/img/SSL%E8%AF%81%E4%B9%A6%E4%B8%8B%E8%BD%BD.png) * 登进宝塔在里面SSL进行设置 通过上面下载证书进行操作[帮助指南](https://www.bt.cn/bbs/thread-704-1-1.html) ![帮助指南](https://gitee.com/ewvue/Web_operations/raw/master/%E6%9C%9F%E6%9C%AB%E9%A1%B9%E7%9B%AE/img/Apache%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE%E8%AF%81%E4%B9%A6%E6%96%B9%E6%B3%95.png) * 【小贴士：我是在购买服务器那里（阿里云）[添加443/443安全组](https://www.cnblogs.com/hertter/p/11796194.html)】 ![添加443/443](https://gitee.com/ewvue/Web_operations/raw/master/%E6%9C%9F%E6%9C%AB%E9%A1%B9%E7%9B%AE/img/%E6%B7%BB%E5%8A%A0443.png) * 提交完成之后出现error **删掉一行就ok** ![踩](https://gitee.com/ewvue/Web_operations/raw/master/img/%E5%AE%9D%E5%A1%94%20%E8%B8%A9%E5%9D%91.png) * [详情看bilibili](https://www.bilibili.com/video/BV17t4y117GY) ## 网站运营与管理Week_16 * CND * https://www.bilibili.com/video/BV1vK411574y?from=search&seid=8975407195715016576 ## 网站运营与管理Week_17 - 子域名：eg：1.在墨刀下载原型文件HTML格式导入宝塔里 2.域名-解析-添加 ![宝塔](https://gitee.com/ewvue/Web_operations/raw/master/img/%E5%AE%9D%E5%A1%94%E5%AD%90%E5%9F%9F%E5%90%8D01.png) ![腾讯云](https://gitee.com/ewvue/Web_operations/raw/master/img/%E5%AD%90%E5%9F%9F%E5%90%8D02.png)