# 网站设计项目 **Repository Path**: liyu00/website-design ## Basic Information - **Project Name**: 网站设计项目 - **Description**: 网站设计课程期末项目 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2021-01-21 - **Last Updated**: 2022-03-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站设计项目 ## 网站运营与管理报告——声音创造奇迹 * 站长：李茜谕 1910130050 * url：[声音创造奇迹](https://www.liyu.icu/) (https://www.liyu.icu/) * 网站由 文学与传媒学院 **网络与新媒体专业 李茜谕** 制作 * 内容由百度百科、知乎、哔哩哔哩视频弹幕网以及站长原创（40%）提供 * 网站作品，由**胡美香老师**指导 * 网站搭建和模板来自于wordpress * 已成功备案 ![备案号](https://images.gitee.com/uploads/images/2021/0122/115557_366f53b0_5329207.png "备案号.png") *** ## 一、网站主题与价值 ### 1、网站主题 * **网站主要作用是体现声音的魅力，**，该网站收录了不同类型的声音作品以及相关知识的普及 * 本网站的**目标人群**是：声音爱好者、对声音敏感者，喜欢有声读物或者歌曲 * **网站主要面向于声音爱好者、对声音敏感的用户。** ### 2、网站价值 * 用户进入网站后有很多指引性的工具，方便用户了解到自己想要观看的资讯的操作，同时网站布局简洁，用户可以通过网站内给出的分类明确的选择自己想了解或者听自己所想要的内容。 ## 二、网站内容 ### 网站地图 ![网站地图](https://images.gitee.com/uploads/images/2021/0121/233252_cf5d4a72_5329207.png "网站地图 (1).png") ### 文章内容及版权交代 * 网站内的**文章内容及图片部分来源于网络**，同时在每篇文章后均有表明文案来源及图片来源。文章内有原创内容。网站共有4个分类页面，共有40多篇文章。且部分文章内存有**超链接**可直接跳转了解更多视频内容，当然网站内也有站内视频与音频。 ## 三、平面设计 - 网站配色 - 网站整体**配色主要以白色、蓝色、淡紫色为主，以深紫色字体颜色为点缀， - 网站可读性 - 使用白底黑字的搭配，阅读时简洁明了，对比度强。网站内每篇文章均有配图，增加了文章阅读的趣味性，不会造成用户的视觉疲劳，可读性强。同时文章内标题和字号字数均在适宜范围内，内链与外链的设计也增加的网站功能的丰富性与可读性。 ![网站首页](https://images.gitee.com/uploads/images/2021/0122/110049_d1385bf1_5329207.png "微信截图_20210122110005.png") ## 四、网站结构完整性 ![域名](https://images.gitee.com/uploads/images/2021/0122/110227_b2cb9419_5329207.png "1611215632(1).png") * 网站可正常访问，且使用了域名 ## 五、网站备份 1.【宝塔】将wp-config.php备份本地 ![宝塔直接下载备份](https://images.gitee.com/uploads/images/2021/0122/110728_3c7f01dd_5329207.png "宝塔直接下载备份.png") 2.【wordpress】通过wordpress后台导出工具导到本地 ![wordpress](https://images.gitee.com/uploads/images/2021/0122/111643_e3b3ee6b_5329207.png "wordpress直接全部导出.png") 3.【数据库】利用php备份sql文件 ![phpMyAdmin导出数据](https://images.gitee.com/uploads/images/2021/0122/111726_ca29017e_5329207.png "phpMyAdmin导出数据.png") * 备份文件夹 ![备份](https://images.gitee.com/uploads/images/2021/0122/111857_aeee4d82_5329207.png "备份.png") ## 六、内链和外链 * 网站内可点击跳转至网站内的某篇文章中。 - 例如： ![内链](https://images.gitee.com/uploads/images/2021/0122/121554_c76829f2_5329207.png "内链.png") ![内链](https://images.gitee.com/uploads/images/2021/0122/121612_43cd081b_5329207.png "内链2.png") * 同时也可以点击跳转至网站外的页面观看。 - 例如： ![外链](https://images.gitee.com/uploads/images/2021/0122/121644_3c26259c_5329207.png "外链1.png") ![外链](https://images.gitee.com/uploads/images/2021/0122/121701_7ea8cfc1_5329207.png "外链2.png") ## 六、安全与检测 #### 1、网站安全：使用wordfence * 通过插件的scan功能，扫描网站的安全问题，有助于我们对网站的安全功能进行完善。 ![扫描](https://images.gitee.com/uploads/images/2021/0122/114834_108c9fb6_5329207.png "微信截图_20210122114808.png") ![扫描](https://images.gitee.com/uploads/images/2021/0123/134907_5c9b56bf_5329207.png "wordfence2.png") * 通过拦截攻击折线图可知过去24小时或者是过去30天阻止的攻击总数，有助于做好网站安全措施。 ![扫描](https://images.gitee.com/uploads/images/2021/0123/134932_adfbd406_5329207.png "wordfence3.png") #### 2、网站性能：使用site24x7 * 监视器 ![监视器](https://images.gitee.com/uploads/images/2021/0122/114911_96d0fe3f_5329207.png "1.png") ![监视器](https://images.gitee.com/uploads/images/2021/0122/114928_ea500b9a_5329207.png "2.png") ![监视器](https://images.gitee.com/uploads/images/2021/0122/114943_baaaead8_5329207.png "3.png") * 监控地点 ![监控地点](https://images.gitee.com/uploads/images/2021/0123/135030_2a4af041_5329207.png "monitor place.png") * 由于网站以中文为网站主要原因，主要面向于东亚地区的用户群体，所以添加的7个监控地点主要集中在亚洲地区。7个监控地点分别为：上海-CHN、北京-CHN、东京-JP、首尔-SK、新加坡-SG、大阪-JP、中国香港-HK #### (3)网站性能分析 ![性能分析](https://images.gitee.com/uploads/images/2021/0122/115042_4ffea27e_5329207.png "1.png") * 由上图可知，7个监测地点均为正常值，可用性接近为100%，停机时间为0，都能正常访问本网站。 ## 七、SEO优化 * 通过根据SEO对我的文章分析，了解到网站内的部分文章还有需要整改的内容，根据SEO分析结果一步一步去修改，添加文章关键词、元描述、内链、外链，增加文章文本等，来优化网站的内文章。 * 优化前： ![优化](https://images.gitee.com/uploads/images/2021/0123/135105_57a01b3b_5329207.png "optimization1.png") * 优化后： ![优化](https://images.gitee.com/uploads/images/2021/0123/135118_b257aa50_5329207.png "optimization2.png") ## 八、用户测评 ### 方法：用户访谈 * 受访者：中山大学南方学院的学生，来自于不同年级和不同学院 * 访谈目的：通过用户访谈，了解用户体验结果，针对用户提出的意见优化网站内容 * 访谈流程：受访者浏览网站后提出对网站的意见，站长回应意见并根据这些意见对网站进行优化修改 * 访谈结果整理： 问题|浏览网站时是否受阻？|网站配色方面怎么样？|网站的内容是否吸引人？|浏览完网站后是否有所收获？|网站的文章是否满足你的需求？ ---|---|---|---|---|--- 访谈总结|没有遇到障碍，认为网站指引明确。|认为网站配色与主题较为简单，应当还能够再优化些|文章推荐很有质量，文案与配图增加可读性，文章量多且丰富，但部分文章内容有一些简单，应更加丰富一些|有收获，对声音魅力又多了解了很多|受访者们均表示基本满足其需求，同时期望网站配色与主题能更丰富一些 ## 九、凤凰新闻小程序连接 链接：[https://pan.baidu.com/s/1NfINGqOn__DacbWwd-lOyg ](https://pan.baidu.com/s/1NfINGqOn__DacbWwd-lOyg) 提取码：83in 复制这段内容后打开百度网盘手机App，操作更方便哦 ## 十、微信小商店配置 ![1](https://images.gitee.com/uploads/images/2021/0122/213442_ecc45600_5329207.jpeg "1.jpg") ![2](https://images.gitee.com/uploads/images/2021/0122/213521_8d57fd94_5329207.jpeg "2.jpg") ![3](https://images.gitee.com/uploads/images/2021/0122/213533_07f53dbc_5329207.jpeg "3.jpg") ## 十一、演讲视频 链接：[https://pan.baidu.com/s/1HxE0OeQsIFhuv3wcMrLCvQ](https://pan.baidu.com/s/1HxE0OeQsIFhuv3wcMrLCvQ ) 提取码：byb3 复制这段内容后打开百度网盘手机App，操作更方便哦