【情感类自媒体网站的搭建设计6200字（论文）】

情感类自媒体网站的搭建设计摘要5G时代的来临为信息时代的兴盛打下了牢固的地基，在这大时代的洪流之中，我们得把目光放在未来，愈发成熟完善的网络技术，越来越快的信息传播，这都是在给情感类自媒体行业铺一条通往罗马的路，或许有很多的人们想成为情感类自媒体创作者，甚至翘首以盼，但心中迷茫，没有人带领，找不到引导人，找不到指路的灯塔，困于迷茫的空想中，逐渐放弃自己内心的想法，那就让我来成为指路的明灯，自媒体那庞大的身躯，即将呈现在你的面前，为你成为情感类自媒体创作者打下基础，带你了解自媒体，了解成为情感类自媒体创作者的注意事项。在这庞大的社会经济压力下，找到一份属于你自己的副职业，减缓家庭的压力。通过我搭建的网站，揭开有想法的人心中的迷雾。关键字：5G，自媒体，搭建网站目录TOC\o"1-2"\h\u16202引言 引言随着5G时代的到来，网络的飞速发展使得自媒体(Wemedia)迈入鼎盛的时代，小红书和抖音app作为新兴的网络媒体平台进入人们的视野，成为一种新兴的娱乐媒体发展方式。用户通过手机、平板电脑等移动终端就可以随时观看自己想了解的信息，娱乐视频等等，成为人们新型的娱乐方式。蓬勃发展的自媒体为广大网民提供了一个全新的情感发泄平台，当工作不顺和心情不好时，总会有人寻求有相同经历的人的相帮相助，但现实生活中总会难以启齿，于是网络的情感类自媒体就变成了各个伤心之人的容身之地。搭建网站的模板及其软件选用1.1网站模板的选用作为一个自媒体的教导类网站，当然是需要与时俱进，给人一种紧跟时尚潮流的网站页面及其框架分布所以需要进行精心的选用模板。这个时候就需要使用万能的百度了。图1-1模板查找在一个名叫China.z的网站中找到了合适的模板之后，就要开始操心软件的选用和自己专业知识的掌握了。1.2软件的选用1.2.1DreamweaverCC2018的介绍根据网页的特殊性，我选用了DreamweaverCC2018简称“DW”有趣的是这个软件的中文名为“梦想编制者”。这个版本的软件，能够根据拆分视图，实时的观看更改代码之后网页呈现的效果，还能根据鼠标点击网页框架来快速显示代码所在区域，使用了什么结构的代码等等，使得网页框架的整理和更改事半功倍。缺点就是无法点击切换网页，和不会提示代码拼写的错误，指出无效代码。图1-2DW拆分视图演示1.2.2PHPstorm的介绍除了DreamweaverCC2018以外，我还使用了PHPstorm这个软件，PhpStorm是一个主要倾向于代码方面的软件。其功能主要是表现是在提供用户效率，可深刻理解用户的编码，提供智能代码补全，无效代码的修正以及即时错误检查等方面。功能主要有PHP代码补全，智能的重复编码检测器，PHP重构，支持Smarty和PHPDoc，支持多语言混合，基于DOM/指定浏览器完成，代码导航和用法查找，JavaScript重构，JavaScript调试器，支持HTML5，支持Zen编码，检验和快速修正，显示应用的外观，提取嵌入样式，易于安装，可在Windows,MacOSX,Linux上运行，项目配置简单，可在任意地方打开代码开始工作，性能优先，可视化PhP单元测试运行期，VCS支持SVN,Git,Mercurial，支持FTP和远程文件同步，可记录本地修改，可视化调试，无需任何配置的调试器，支持在PHP，JS，HTML中设置断点，观察变量，窗口，批量代码分析，集成分析器等等。当然，我用的最多的功能就是无效代码的指出和补全代码。图1-3PHPstorm无效代码指出展示网站搭建的过程及其区块的分布2.1网页搭建的过程分布图网站搭建的过程我大概分为这几个步骤，审查网站模板，思考改动方案，拟定网页框架及其排版，寻找相关文字与视频资料，填充网站内容，修改错误代码，网页排版的二次整理，测试网页能否正常运行，代码问题纠正，审查网页有无结构错误，二次测试网页。图2-1网页搭建流程图2.1.1审查网页模板审查网页的模板能否与自己的想法配得上，根据网页的大体框架与使用的代码等等来找出没有必要使用的地方进行增删改查，例如网页模板最下面的商业广告的区块就可以进行删除，因为我需要的是一个教导类的网站，并不打算进行商业化，有了这些商业化的区块会让用户的第一印象变差所以删除掉，改为一个小小的不起眼的图片，但需要留下框架，为以后网页商业化做好准备。图2-2预留框架展示2.1.2思考改动方案思考网页的具体改动方案，运用自己所学的基础代码来进行改动比如引用图片，视频并修改其大小的代码。图2-3修改图片大小代码展示2.1.3拟定网页框架及其排版网页的代码能够熟练运用之后，网页框架就成为了一大难题，因为需要多次，频繁的使用大小更改的代码，最优的选择是拟定框架的结构去引用一个值，使得框架能够呈现的更加的优美，也让文字变得不是那么的枯燥乏味。图2-4框架排版展示2.1.4寻找相关文字及视频资料初步拟定完框架的结构之后，寻找资料就成为了一等大事，我所做的这一类网站，肯定是需要热门流量的视频来进行网站内容的填充，通过分析视频内容以及细节问题来填充评价视频的文案，所以抖音平台成为了我资料选择的主要途径，但获取这些视频资源以及私自评价是很容易对知识产权进行侵犯的，所以需要写清作者。2.1.5填充网站内容网站的内容填充就开始充分的运用专业知识，如<aclass="btnbg-thememt-4wthree-link-bnr"href="images/QQ视频20210402125813.mp4">观看视频</a>这种类似的代码，固定框架填充视频，这是视频的填充，图片的填充需要小心，因为图片更改框架的大小很容易拉伸图片，导致图片变形，这就导致了网页排版的不美观。这一步骤就是对第二步思考改动方案的方案进行实施。2-5填充方式展示2.1.6修改错误的代码网站的图片，视频填充完成之后就是对于网页代码的审查以及修改，修改掉错误的代码，让网页的页面不出现大的错误，如图片不显示等等错误等，所以对于代码的修改就需要将DW里的文件转移到PHPstorm这个软件里了，PHPstorm这个软件里的代码错误会展示得特别的明显，并且可以智能修改，所以事半功倍。图2-6PHPstorm智能修改代码展示2.1.7复查接下来就只剩下复查阶段了，就相当于是重复之前的步骤，网页排版的再一次整理，修改结构错误的具有问题的代码，再测试一遍网页能否运行，是否流畅运行，最后结束阶段在看一遍自己的成果，回顾一下用到的代码，引用的语言有哪些等等。网页的页面分布设计3.1主页面设计主页面是游客访问的第一个页面，所以需要有一定深度的设计，让游客有继续浏览的念头，所以我运用了container（容器）<divclass="container"><divclass="banner_text_wthree_pvttext-center"><h3class="home-banner-w3">打开新世界的大门</h3><h3class="home-banner-w3">进入自媒体的世界</h3><divclass="d-sm-flexjustify-content-center"><buttontype="button"class="btnw3ls-btnbg-theme"data-toggle="modal"aria-pressed="false"data-target="#exampleModal">登陆</button><buttontype="button"class="btnml-2w3ls-btn"data-toggle="modal"data-target="#exampleModal1">注册</button></div></div></div>这样的一行代码，图片的插入是在网页开头进行引用设置的，这样一个设置好的容器中插入的背景图片显得特别的深邃。图3-1主页面设计展示3.2感悟页面的设计感悟页面是为访客开通一个观后感提交的渠道，不过这仅仅只是一个页面的设计，并不能提交后存储于后台数据库但框架设计十分完整，运用了FontAwesome图标进行页面的填充，使得页面看起来不是那么的枯燥，又使用了label标签解释方框内容，还引用了input标签来收集填写的信息等等。图3-2感悟页面展示3.3教学页面的设计教学页面的设计就是运用了独特的排版进行教学展开，从上而下的阅读顺序使得网页具有更好的观看体验，网页的最下面还附带书籍推荐，在游客思考自己的行动步骤之时，推荐一些对其有益的书籍，更加的深入理解，书籍推荐之后的小技巧提示运用了滚动效果，使用了<divid="carouselExampleIndicators"class="carouselslidepy-lg-5"data-ride="carousel"></div>这样的一个框架，将一个有序列表囊括其中，具体的代码就是<olclass="carousel-indicators"><lidata-target="#carouselExampleIndicators"data-slide-to="0"class="active"></li><lidata-target="#carouselExampleIndicators"data-slide-to="1"></li><lidata-target="#carouselExampleIndicators"data-slide-to="2"></li><lidata-target="#carouselExampleIndicators"data-slide-to="3"></li></ol>然后有序列表中的内容就用<p></P>标签进行填充格式就用<span></span>标签进行更改，最后展现出的成果就是能够自动切换的文字，效果如图。图3-3文字自动滚动展示3.4文案分享实例分析页面设计文案分享与实例分析页面的设计相对比较简单，实例分析就是突出自己对热门视频的见解与使用方式的分析，相对来说不是那么的重要，所以使用了蜂窝式的排版结构，进行页面的展示，在实例分析页面的右上角有一个运用了菜单标签的文案分享的下拉菜单，点击即可播放文案教学的视频代码如下：<divclass="dropdown-menu"aria-labelledby="navbarDropdown"><aclass="nav-link"href="images/爱情文案.mp4">爱情类</a><aclass="nav-link"href="images/筷子兄弟-父亲.ncm">亲情类</a></div>图3-4文案下拉菜单展示4.数据库的连接4.1数据库的连接要在数据库里增删改查东西的话，需要先连接数据库。连接代码如下：$conn=mysqli_connect("localhost","root","","zwz");在这一行代码中，括号内先输入数据库主机名字，在输入需要连接的表，再是连接数据库的密码，然后是连接数据库的名字，一旦输入错误就会导致连接错误。这里用到了MySQLli函数和die函数的用法。MySQLli函数的几种常见的用法：4.1.1die()函数表示向用户输出引号中的内容后，程序终止运行，提示定制的出错信息ex:$conn

=

mysqli_connect("localhost","root","PWD","zwz")

or

die("连接数据库服务器失败！".mysqli_error());4.1.2mysqli_connect()函数连接MySQL服务器ex:$conn

=

mysqli_connect(“localhost”,”root”,”PWD”);

$conn

=

mysql_select_db($conn,“zwz”);或

$conn

=

mysqli_connect("localhost","root","","zwz");4.1.3mysqli_select_db()函数选择MySQL数据库ex:

$select

=

mysqli_select_db($conn,"zwz");4.1.4mysqli_query()函数执行SQL语句，设置编码格式ex:mysqli_query($conn,"set

names

gb2312");

//设置编码格式$result

=

mysqli_query($conn,"select

*

from

tb_user");4.2登陆注册及提交的详解4.2.1登陆处理登陆处理主要是通过if函数和empty函数来判断用户的登陆操作，如果用户输入的用户名等于数据库中存在的用户名且用户输入的密码等于数据库中的密码，那么输出登陆成功的网页，如果用户名和密码不匹配，或者只有一项匹配，则输出错误的网页。图4-1登陆处理流程4.2.2注册处理注册处理首要是填写用户名，密码，两次密码，邮箱，首先是确认进入选项，然后检查两次密码是否相同，再是检查用户名是否有被注册，如果已经被注册过了，那就输出错误，如果以上条件都满足了，那就进行插入数据到数据库的代码，并且输出注册成功的网页。图4-2注册处理流程4.2.3提交处理提交处理具体流程就是在已经登陆状态下进行一段信息的插入，本网站提交的感言等等只能在后台出现，不会出现在网页上，便于用户的畅所欲言。具体代码如下：图4-3提交处理代码展示5.介绍自媒体自媒体是什么，自媒体是指普通人通过各类网络平台向外发布他本身所做出的的成果，或分析自己得到的信息的传播方式，说到底，自媒体是一种传播方式，但就是这种传播方式，延伸出了许许多多的职业。自媒体通过这些年的发展，呈现出个性化，碎片化，交互性，多媒体，群体性，传播性，等多种特性模式，更是延伸出了两类商业模式，一种是纯线上经营，另外一种是效仿明星的做法，线下活动，出书，等等商业活动。在自媒体人运营时，要遵循多样性，真实性，趣味性，持续性等运营原则，遵守法律规范。图5-1什么是自媒体6.情感类自媒体网站需求分析现如今5G正处于飞速发展阶段，为满足5G多样化的应用场景需求，5G的关键性能指标更加多元化。ITU定义了5G八大关键性能指标，其中高速率、低时延、大连接成为5G最突出的特征，用户体验速率达1Gbps，时延低至1ms，用户连接能力达100万连接/平方公里。具有如此伟大的网络技术的支持，人们的网络娱乐需求就将再度扩大，在网络娱乐需求变得如此大的情况下，势必会发展更多的网络娱乐项目，与沉浸式的娱乐体系，随着娱乐项目的增加与沉浸式的娱乐体系越发完善，人们追求方面就将更倾向于情感方面，所以情感类的自媒体就将在这种大趋势之下变得兴盛，所以投入情感类自媒体行业的人们就将日益增多，为了在5G时代赚取一分利益的人也将更倾向于情感类自媒体的运营，得出这个结论的原因具体体现在下面三个方面：1、首先是5G的开发带来的庞大的自媒体发展功效，互联网的发展蓬勃，让寄生于互联网的情感类自媒体越来越壮大，预计未来将会有更多的人投身于自媒体行业，将产生一起新的浪潮，并且传统媒体的传播方式已经脱离时代，自媒体的发展才是情感类创作者新的生机。2、其次是内容生产更垂直。目前，从情感、军事到娱乐，几乎每一个细分领域都已形成一批少数头部自媒体。未来，这些头部自媒体预计仍将保持内容的高度垂直，并在专业度上继续提升。目前来说相比以整合既有资讯、以搞笑逗乐为主、带有浓厚草根气息的自媒体，聚焦高质量原创性内容生产的自媒体将更容易获得资本注意，并赢得更高估值。3、最后，内容开发更长尾。自媒体的内容生产还将进一步打通上下游产业链，类似书友签名会，粉丝见面会一般，以后具有大影响里的自媒体创作者将会参与更多的线下活动，更加的商业化。此外，基于内容的周边产品开发也将更加活跃，比如关注二次元文化的自媒体将更多地进入到电商领域，关注情感问题的自媒体还有可能与线下心理咨询沙龙相互结合，使得变现渠道更加的完善，不再会有入不敷出的自媒体从业者的出现。所以根据以上的分析情感类自媒体的蓬勃发展就在不远的将来，并且自媒体在现在已经展露头角，跟上了时代的潮流，但依旧处于快速发展的阶段，所以可以预见的是情感类自媒体的教导网站必将引领时代的潮流，成为新一代自媒体行业的领头羊。7.搭建情感类自媒体网站的意义要知道搭建情感类自媒体网站的意义是什么，那必须得先从自媒体的存在意义开始说起。举一个例子，有一个地方盛产一种叫“苹果梨”的梨，梨的质量特别的好，但是因为交通问题和信息滞后的问题，一直没有太大的市场去经销。有一年，一个运用情感类自媒体账号的大学生去到那个地方，在梨园拍了几张照片，加以文字说明，发了朋友圈。一小时后，朋友圈和账号动态留言想要购买的留言足足有近百条，转发五十多次，通过多方面的转发，那一年那位大学生通过销售梨赚取数万元，也有了更多的人知道有一种叫“苹果梨”的梨。这便是自媒体存在的意义之一：信息一对多传播。大学生的粉丝吃了梨之后觉得梨很好吃，所以私信大学生，问梨的产地，来源，海拔等等的问题，大学生都一一详细的回答他们，在友好的沟通之下，他们都成为了大学生的粉丝。这便是自媒体存在的意义之二：信息一对一沟通。就上面那位大学生为例，表面上他是通过自己的粉丝流量以及微信朋友圈销售梨赚钱了。更重要的是她通过自己的情感类自媒体账号和微信朋友圈进行了一次很好的营销推广。做一个粗略的推理，假如他有50个粉丝，在账号动态发完信息后有10个粉丝转发了（保守估算），假如这10个粉丝也有50个粉丝，每个粉丝也有10个粉丝转发，以此类推，这将是非常庞大的一个数字。这便是