(网络空间安全技术实践)12网站系统使用与分析

吕秋云，王小军，胡耿然，汪云路，王秋华西安电子科技大学出版社第一篇网络空间平安实践入门篇第一章网络应用系统使用与分析实验1.2网站系统使用与分析21.2网站系统使用与分析31.2网站系统使用与分析41.2网站系统使用与分析51.2网站系统使用与分析实验步骤：1〕电商平台——淘宝网站系统使用和分析(1)淘宝首页页面风格设计如图1-2-1所示，淘宝首页风格以索引导航功能和推广功能为主，信息丰富又有序，颜色亮丽，根据不同节假日在首页摆放不同主题的图片，营销目的明确。首页左侧显眼的橙色导航栏中有详细的商品分类导航，便于用户寻找所需物品。首页中间局部有尺寸巨大的多功能搜索框，除文字搜索外，可以根据商品图片或条形码搜索同类商品。页面正中央由多组轮播图组成，循环播放折扣的推荐商品。61.2网站系统使用与分析实验步骤：1〕电商平台——淘宝网站系统使用和分析(2)淘宝网站功能分析淘宝网站主要分为四个板块：首页上方的导航栏主要提供用户个人中心的功能，登陆后可以修改用户的个人资料、查看购物车、订单等信息；第二个板块为搜索和商品导航功能：通过左侧的筛选框或上方搜索框，用户可以更加便捷的找到想要购置的物品，中间局部为淘宝推广商品，右侧类似导航中心的局部很像支付宝的导航，可以指引用户更加便捷的使用相关效劳；值得说明的是网站首页只有一个搜索框，且有敏感字符串过滤功能。可以防止简单的注入攻击；如图1-2-2，第三个板块为商品推荐模块：同类商品集合在一个方框内推荐。 71.2网站系统使用与分析实验步骤：1〕电商平台——淘宝网站系统使用和分析(2)淘宝网站功能分析根据用户浏览记录和购置记录通过算法生成用户可能感兴趣的商品。淘宝通过出售推荐位置获利。第四个板块为友情链接及相应的资格认证，位于网页最底端。81.2网站系统使用与分析91.2网站系统使用与分析101.2网站系统使用与分析实验步骤：1〕电商平台——淘宝网站系统使用和分析(3)淘宝网站用户分析 买家用户为购置或打算购置商品的人员。买家用户可以浏览首页、商品详情页、购物车页面和订单页面。卖家与买家身份不冲突，一个人可以既是淘宝买家又是淘宝卖家。111.2网站系统使用与分析121.2网站系统使用与分析131.2网站系统使用与分析141.2网站系统使用与分析151.2网站系统使用与分析161.2网站系统使用与分析实验步骤：2〕信息平台——网易163网站使用和分析(1)网易163首页页面风格设计如图1-2-2，信息平台注重信息内容，网易首页信息量丰富且以不同字号的文字突出热点新闻。页面以鲜艳的动态图片为背景，用不同尺寸的矩形为根本单位填充文字搭配图片作为内容展示模块，内容排列整齐。分类新闻模块使用统一模板，标题栏含有分类名称，下方左侧为图片加新闻标题，右侧为文字新闻标题。171.2网站系统使用与分析实验步骤：2〕信息平台——网易163网站使用和分析(2)网易163网站功能分析网易163作为信息平台，主要功能为发布新闻信息，同时网易利用163官网作为自家产品的入口，通过首页可以快速使用网易旗下产品。如上页的图片所示，网易首页主要分为四个板块，首页上方的导航栏提供了网易其他效劳的链接，网易主打的考拉海淘占据了显眼的位置，其次是网易邮箱，网易支付、登陆等功能；第二个板块为分类导航和热门新闻。通过分类导航，人们可以快速找到感兴趣的文章。热门新闻是一个信息网站的重点，最快，最可靠又吸引人的新闻可以增加大量阅读量。此版块右侧是网易其他业务的推广。 181.2网站系统使用与分析实验步骤：2〕信息平台——网易163网站使用和分析(2)网易163网站功能分析第三个板块为分类新闻。根据类别显示相应的热点新闻。此版块使用相同模板，管理员可以随时增添新类别文章。第四个板块为友情链接和响应的资格认证，在中国域名需要ICP备案，信息网站需要互联网新闻信息效劳许可证等资格证明。 新闻详情页面如图1-2-10所示，左侧为新闻具体内容，右侧为相关推荐。当前主流新闻网站多采用此布局。191.2网站系统使用与分析实验步骤：2〕信息平台——网易163网站使用和分析(2)网易163网站功能分析网易公司拥有多种业务，海淘、邮箱、网上支付，通过网易163首页顶端导航栏可以快速使用，如下图。201.2网站系统使用与分析211.2网站系统使用与分析221.2网站系统使用与分析231.2网站系统使用与分析241.2网站系统使用与分析251.2网站系统使用与分析261.2网站系统使用与分析实验步骤：3〕视频资源——土豆视频网站使用和分析(1)土豆视频首页页面风格设计如图1-2-17，土豆视频首页风格简洁明了，视频网站需要突出视频资源，所以推荐视频占据页面大局部，推荐视频按照先热门后分类的原那么首先突出热门视频，随后根据分类展示推荐视频。左侧的导航栏可以引导用户翻开感兴趣的视频资源，同时提供浏览记录、会员中心、订阅内容等效劳。页面随处可见的橙色表现了土豆视频的主题色271.2网站系统使用与分析281.2网站系统使用与分析实验步骤：3〕视频资源——土豆视频网站使用和分析(2)土豆视频网站功能分析土豆视频与其他视频网站的主要区别：用户可以上传视频文件，甚至创立自媒体频道，如图1-2-19。这也是土豆视频的亮点所在。291.2网站系统使用与分析实验步骤：3〕视频资源——土豆视频网站使用和分析(3)土豆视频网站用户分析土豆视频网站用户分为2大类：管理员用户、普通用户。管理员用户主要分为系统平台管理员、运营管理员、视频资源管理员等。系统平台管理员负责维护网站软硬件，保障网站的正常运行；运营管理员负责视频的推广，上下架等。视频资源管理员负责视频资源的保存与分发，庞大的视频资源和访问量需要专业的团队负责维护。301.2网站系统使用与分析实验步骤：3〕视频资源——土豆视频网站使用和分析(3)土豆视频网站用户分析普通用户拥有播放视频和上传视频的功能。播放视频不需要用户登陆，但登陆之后可以拥有更加丰富的功能，如订阅频道，观看记录，付费成为会员之后可以观看独家视频。如图1-2-20。土豆视频可以使用土豆或优酷账号登陆，也可以使用微信、微博等第三方平台账号利用oauth认证进行登陆，如图1-2-21。上传视频需要登陆，但上传个数和大小有严格限制。311.2网站系统使用与分析321.2网站系统使用与分析331.2网站系统使用与分析341.2网站系统使用与分析351.2网站系统使用与分析361.2网站系统使用与分析实验步骤：4〕论坛——天涯网站使用和分析(1)天涯论坛首页风格设计如图1-2-26，作为论坛网站，整体以文字标题为主，主题颜色为蓝色，冷色调的搭配可以使用户在长时间阅读文字时减少疲惫感。单一的论坛模式已经无法满足人们丰富的生活娱乐需求，所以天涯开启了聚焦、部落、博客等其他板块，通过页面最上方的导航栏可以进入相应板块；页面左侧为论坛导航，可以进入相应模块的论坛；页面中央局部为热帖模块，最新最热的帖子通过此处展出，吸引用户进入。371.2网站系统使用与分析实验步骤：4〕论坛——天涯网站使用和分析(2)天涯论坛功能分析如图1-2-27，天涯论坛帖子页面主要分为两个板块，首页上方的导航栏提供了与论坛首页相同的分类导航功能；第二个板块为帖子主题描述及下方的他人或发帖者回帖；论坛的功能是为人们提供一个交流的平台，所以帖子内容是重点，摆在页面中央局部，没有多余的修饰，更好的突出帖子本身。同时论坛是商业网站，需要盈利，在帖子描述局部下方插入一长方形的广告区域用于盈利。381.2网站系统使用与分析实验步骤：4〕论坛——天涯网站使用和分析(2)天涯论坛功能分析如图1-2-28，天涯聚焦模块类似新闻网站，页面有对热点，民生、娱乐、时尚、汽车等新闻的点评。点击进入具体文章后，会跳转到帖子页面，文章作者为个人用户，这与新闻网站不同，新闻网站的作者均为网站工作人员，需要对所描述的内容负责，但论坛用户在缺少网络监管的情况下可以发表不负责任的言论，如果没有被网站管理员及时撤销，可能会造成严重后果。391.2网站系统使用与分析实验步骤：4〕论坛——天涯网站使用和分析(2)天涯论坛功能分析如图1-2-29，天涯部落模块。部落与社区的含义相类似，由对同一类事物感兴趣的人们自发组成，选举出酋长〔代表人物〕对部落进行维护以及对外发言等。401.2网站系统使用与分析实验步骤：4〕论坛——天涯网站使用和分析(2)天涯论坛功能分析如图1-2-30，天涯博客模块，此处博客为个人博客，是微博的雏形。个人博客可以由个人对页面及功能进行开发，但无法将多人的博客内容统一展示在一个页面内，于是微博借此时机大放异彩。同时也由于微博的兴起，个人博客的数量急剧减少，微博的形式更受人们喜爱。411.2网站系统使用与分析实验步骤：4〕论坛——天涯网站使用和分析(3)天涯论坛用户分析天涯论坛用户分为2大类：管理员用户和普通用户。管理员用户可以分为系统平台管理员、运营管理员。系统平台管理员负责维护网站软硬件，保障网站的正常运行；运营管理员负责新闻内容的编辑与发布，下架不合规那么的内容等功能。普通用户登录后可进入如图1-2-31所示个人中心页面；登录之后可以发布问题、答复以下问题、打赏其他用户等。用户需要认证号才可发布信息。421.2网站系统使用与分析实验步骤：4〕论坛——天涯网站使用和分析(3)天涯论坛用户分析发帖页面如图1-2-32所示，用户可以插入图片、音乐、表情，还可以发起投票。431.2网站系统使用与分析实验步骤：4〕论坛——天涯网站使用和分析(3)天涯论坛用户分析如图1-2-33，可以打赏其他用户打赏金额为0.8元到20000元不等，不同的礼物代表不同金额，但需要使用天涯网站系统的网络虚拟金币——贝〔1贝=1元〕，为了方便支付，用户可以选择微信或支付宝支付，通过此方式打赏，网站会自动完成充值虚拟货币并打赏两步，简化了用户操作。441.2网站系统使用与分析451.2网站系统使用与分析461.2网站系统使用与分析471.2网站系统使用与分析481.2网站系统使用与分析491.2网站系统使用与分析501.2网站系统使用与分析511.2网站系统使用与分析521.2网站系统使用与分析实验步骤：5〕大学——斯坦福官网使用和分析(1)斯坦福大学首页页面风格设计如图1-2-41，斯坦福大学官网遵循扁平化设计风格，去复杂的装饰效果，使信息本身作为核心被展示出来。作为校园官网，主要目的是向外界展示学校，所以网站主要以图片，文字的展示为主，并提供教职工和学生的数字校园功能，不包含其他的交互功能。531.2网站系统使用与分析541.2网站系统使用与分析551.2网站系统使用与分析561.2网站系统使用与分析571.2网站系统使用与分析581.2网站系统使用与分析591.2网站系统使用与分析601.2网站系统使用与分析611.2网站系