呂秋云，王小軍，胡耿然，汪云路，王秋華西安電子科技大學出版社第一篇網絡空間平安實踐入門篇第一章網絡應用系統使用與分析實驗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網站系