# web-operation
**Repository Path**: orangezj/web-operation
## Basic Information
- **Project Name**: web-operation
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-14
- **Last Updated**: 2021-01-24
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# FANCY - 与你分享创意与灵感
网站名称 | FANCY
---|---
网址 | [https://izjc.top/](https://izjc.top/)
站长| 陈梓基 1910130019
运营报告撰写人| 陈梓基 1910130019
# 1.策划
### 1.1策划文档与网站地图：
- 网站建设目标：通过学习本网站，让用户可以学习到设计相关的创新、灵感，得到视觉上的冲击，帮助设计爱好者获得设计技巧。
- 目标用户画像：
[男生图片来源于](https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn.sinaimg.cn%2Fsinakd20200425ac%2F365%2Fw640h525%2F20200425%2F895f-isuiksm8469019.jpg&refer=http%3A%2F%2Fn.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1613148698&t=b55c2aec1b1e783d6decc6924e3ce16e)
* 网站规划：
* 对应用户需求，在网站的导航栏设置五个栏目，分别对应创意新知、灵感风暴、视觉盛宴、艺术创想、设计技术，并分别为每一栏放置对应文章。
* 完善文章的排版设计，并在相关公众号发布进行更好的推广。
- 根据用户调研的结果进行目标的调整：
通过网站建设，展示更多有趣的设计知识，提供更多奇思妙想的点子，让设计爱好者或者设计师更加喜欢该网站。满足用户的设计需求，并做好文章和图片版权保护的工作，向用户彰显设计网站对版权的重视。
- 使用DVF模型描述如何定义需求：
* 网站地图：
* 主标题为首页，子标题下为文章分类目录，通过层级关系表明页面、文章、分类标签的关系。
* 文章偏向动态页面，而页面偏向静态页面，也可以理解为网站的主要内容为文章，次要内容为页面。
---
### 1.2 图库版权
- 每篇文章中非原创的都有标明作者，且附有超链接
---
### 1.3 图库风格及配色
- 图片风格：网站内每一篇的文章的配图选择，是与文章内容相关联的。本网站的主题为“设计”相关，我都会选择观感较好的饱和度不高的图片，让浏览者在浏览网页时不会太腻，耐心的浏览网页。
---
### 1.4 平面设计1
- 风格：我的网站主题是“设计”相关，我希望它是给人感觉是高级，简约感。
- 配色：为了使整体风格呈现出简约高级的视觉体验，主导颜色我选择了白色和黑色，白色是一种非常干净简单的色彩而有些关键字运用橙色代表阳光、健康、快乐，橙色的加入会使有些文章更有跳动性。而蓝色的超链接颜色也是清新融入到大部分黑色和白色当中。
- 对比度与可读性：背景采用纯白，主内容字体大小为16号，黑色的字体和白色的背景呈鲜明的对比令文章内容更加突出，更利于读者阅读。有些运用加深字体用来突出文字的冲击力，使文章更有说服力。
- 可读性：本网站主要文章均有配图、副标题、内链等，且段落数及文字数量均在合理范围内，故可读性强。
---
### 1.5 平面设计2
#### Animate it!
1. 在五个页面（ animated bounce duration1），每次刷新都带有弹跳的效果，提醒用户该栏目的简介。[效果链接1](https://izjc.top/creative-knowledge/),[效果链接2](https://izjc.top/inspired-by-the-storm/),[效果链接3](https://izjc.top/visual-feast/),[效果链接4](https://izjc.top/art-attack/),[效果链接5](https://izjc.top/design-technique/)
2. 在关于我们使用了（ animated swing duration4 infinite eds-on-scroll ），来回摆动两次的logo，突出了logo，也让网站更有生动性。[效果链接](https://izjc.top/about-ourselves/)
#### Siteorigin
在关于我们页面中添加了版权展示Siteorigin Editor
[效果链接](https://izjc.top/about-ourselves/)
# 2.管理
### 2.1云端架站：https://izjc.top
- 正常可用的云端网站，使用域名。[FANCY ](https://izjc.top)
---
### 2.2网站安全：使用Wordfence
- 通过数据可知本网站安全系数高，浏览登录记录均为本人，暂无发现恶意攻击本网站的行为。
- 在扫描反馈的各项均没发生异常。
- 同时通过图片数据可知，该防火墙在不断的学习中，以此提高网站的安全性。
- 网站的回应为正常值、IP地址稳定
- 我学习到维护网站要经常进行扫描，就像手机要经常杀毒清理垃圾，才能维持运行流畅。
---
### 2.3网站性能：使用site24x7
- 我添加的监控点分别是各大洲的主要城市，以此来看看整体的网站性能，
- 通过数据可知本网站的平均响应速度为1.85秒，算是挺不错的。
- 其它各大洲的监测地点均为正常值，可用性为100%，停机时间为0，能正常访问本网站。
- 使用site24x7进行网站性能的监控，我添加了8个监控地点
---
### 2.4网站备份：
* 本地备份（我把三个截图放在同一个文件夹里并有标注说明哪个文件对应哪种备份方式）
### 3.1 站长工具：
### 1. bing站长工具
- 使用了bing站长工具，可以直接在搜索引擎找到我了。
- 并且后台的抓取点击次数，曝光次数，点击总次数的数量在7-14日无浏览记录，证明我的网站在bing里面暂时没有人点击。
### 2. 百度站长工具
- 使用了百度站长工具，可以直接在搜索引擎找到我了。
- 并且后台的抓取频次、索引量、移动搜索的数量在7-14日有两次浏览记录，证明我的网站在pc端的百度引擎上有两次浏览在移动端暂时没有人来浏览。
### 3.2 SEO优化
##### 方法一： 为图像添加alt替换文本，alt描述使图片更容易被搜索引擎加入索引，这是图片的文字标识，告诉搜索引擎你这张是什么图片，好让搜索引擎更合理的加入到索引里。<课堂未提及方法>
结果：以举例的文章为例，文章浏览流量以天为单位统计变化并不明显
##### 方法二：尝试在我的首页中添加一个去其它网站的出站链接。
结果：文章浏览流量以天为单位统计变化并不明显
##### 方法三： 优化文章url<课堂未提及方法>
- 网上论坛分享说，url越短越好，且最好包含文章关键词，可以稍微提高页面相关性。
- 优化后，标题尽量短了很多。
结果：优化链接之后，网页的抓取速度更快了，第二天点击量也得到了很大提升。
##### 方法四：
- 通过内链，外链，还有关键词，达到效果
##### 分析原因
1. 通过主动提交sitemap以及网页的链接后，网站更容易被搜索引擎收录。
2. 在完成了所有的SEO优化方法后，要保持对网页文章内容的更新，尽量保持两三天更新一篇文章，保持网站的活跃度。
3. 网页浏览量激增的原因原因在于使用了site24*7的检测工具，但排除这部分流量数据，网页的浏览量和文章的浏览量都有部分提升。
4. 有空之余可以给身边的朋友分享网站链接，能对网站起到宣传作用，增加点击量。
---
### 3.3 用户研究。
#### 方法一：用户访谈（2人）
受访者信息：2名中山大学南方学院的学生，来自于不同年级，不同专业
访谈目的：通过用户访谈，得到一些建议性的反馈，以此来对网站进行改进，做定制化的设计
访谈流程：受访者依次浏览网站，针对网站的各个方面说出自己的想法，并且给出一些修改提升的建议
产品|内容|用户|目标
---|---|---|---
设计爱好者的综合型网站|定期更新有关于设计的文章，内容以文字结合图片为主。|一类设计爱好者，另一类是有设计需求的设计师。|改善网站质量与不足之处，满足用户的基本需要，提升阅读量与网站的点击量。
问题|网站平面设计方面是否赏心悦目？|搜索框需要贯穿到每一个页面吗？|网站的文章部分还有需要改进的部分吗？
---|---|---|---|
访谈总结|其中一名访谈者认为背景简约，有一名认为整体配色很符合网站主题。|两位访谈者都认为需要放置搜索框，同时访谈者也提出了一个意见：搜索框设置一个就行，简约。|两位位访谈者都认为文章内容较不丰富，需要改善。
---
### 3.4 定制化：
#### 定制化方案一：防盗需求
- 安装了WP Content Copy Protection & No Right Click的插件，用途在于保护网站文章与图片的版权问题。
- 经测试后，确认开启此功能，除管理员外的其他用户无法复制文章。
### 小程序链接
[凤凰新闻小程序录屏](https://www.bilibili.com/video/BV1H54y1s7dS)
#### 使用HTTPS：https://izjc.top
