華為產(chǎn)業(yè)園實(shí)訓(xùn)報(bào)告一、實(shí)踐目的1.（1）使用eNSP搭建基礎(chǔ)網(wǎng)絡(luò)（2）設(shè)備基礎(chǔ)配置（3）STP和RSTP（4）路由配置（5）配置RIPv1和RIPv2（6）RIPv2路由匯總和認(rèn)證（7）OSPF單區(qū)域配置（8）網(wǎng)線制作2.通過學(xué)習(xí)對(duì)云計(jì)算有全面的了解掌握具體包括以下幾方面云計(jì)算簡介華為云計(jì)算解決方案云計(jì)算主流技術(shù)（4）日常運(yùn)營3.了解、學(xué)習(xí)、掌握HTML與CSS基礎(chǔ)實(shí)踐內(nèi)容1.HCNA-HNTD實(shí)驗(yàn)（1）搭建基礎(chǔ)IP網(wǎng)絡(luò)·啟動(dòng)Ensp·建立一條物理連接；·進(jìn)入終端系統(tǒng)配置界面；·配置終端系統(tǒng)；·啟動(dòng)終端系統(tǒng)設(shè)備；·捕獲接口報(bào)文；生成接口流量；·觀察捕獲報(bào)文；（2）設(shè)備基礎(chǔ)配置檢查displayversion命令的執(zhí)行；對(duì)系統(tǒng)時(shí)間進(jìn)行改正；協(xié)助功用和命令主動(dòng)補(bǔ)全功能；進(jìn)入系統(tǒng)視圖；修改設(shè)備名稱；（3）STP和RSTP·配置STP·拓?fù)鋱D配置STP并驗(yàn)證；控制銀橋選舉；控制銀端選舉；配置文件；·配置RSTP實(shí)驗(yàn)環(huán)境準(zhǔn)備；清除設(shè)備上已有的配置；配置RSTP并驗(yàn)證RSTP配置；配置邊緣端口；配置BPDU維護(hù)功用；配置環(huán)路保護(hù)功用；配置文件；（4）路由配置·配置靜態(tài)路由和缺省路由·拓?fù)鋱D（5）配置RIPv1和RIPv2拓?fù)鋱D（6）RIPv2路由匯總和認(rèn)證拓?fù)鋱D·實(shí)驗(yàn)環(huán)境準(zhǔn)備；·配置回環(huán)地址；·在RIP中發(fā)布換回接口地址；·在R2上配置RIP手動(dòng)路由匯總；·配置RIP認(rèn)證；·RIPv2認(rèn)證失敗是故障排除；·（7）OSPF單區(qū)域配置拓?fù)鋱D·環(huán)境準(zhǔn)備；·清除原有配置；·配置OSPF;` 驗(yàn)證OSPF配置；修改OSPFhello和dead時(shí)間參數(shù)；·OSPF缺省路由發(fā)布及驗(yàn)證；·網(wǎng)線制作將網(wǎng)線的外皮剝開，會(huì)有八根金屬線，橙、綠、藍(lán)、棕四個(gè)色分別與白橙、白綠、白藍(lán)、白棕四種與之纏繞著，將纏繞的線分開后，會(huì)得到對(duì)應(yīng)的順序?yàn)榘壮取⒊取拙G、藍(lán)、白藍(lán)、綠、白棕、棕的網(wǎng)線頭；按順序擺好金屬線后，將其用切線刀切平齊后平放進(jìn)水晶頭，然后將水晶頭壓制模塊擠壓；A類制作順序?yàn)椋喊拙G-綠-白橙-藍(lán)-白藍(lán)-橙-白棕-棕；B類制作順序：白橙-橙-白綠-藍(lán)-白藍(lán)-綠-白棕-棕；2.云計(jì)算云計(jì)算簡介·IT發(fā)展趨勢·存在于我們身邊的IT我們工作中的IT:日常郵件、差旅導(dǎo)航、移動(dòng)打卡、采購流程、信息安全、云存儲(chǔ)IT就是信息處理的總集，包括：軟件、硬件通信和相關(guān)服務(wù)等·IT核心：以數(shù)據(jù)中心為基礎(chǔ)的核心架構(gòu)·趨勢：以云計(jì)算為基礎(chǔ)的“第三平臺(tái)”已經(jīng)成為IT產(chǎn)業(yè)主流·云計(jì)算商業(yè)模式的變化：從自建變?yōu)樽庥谩ぴ朴?jì)算建設(shè)模式的變化：從煙囪變?yōu)樗健ぴ朴?jì)算建設(shè)模式：從虛擬化向以應(yīng)用為核心演進(jìn)·云計(jì)算·云計(jì)算的五大特征1、按需自助服務(wù)（On-demandSelf-service）2、廣泛網(wǎng)絡(luò)接入（BroadNetworkAccess）3、資源池化（ResourcePooling）4、快速彈性伸縮（RapidElasticity）5、可計(jì)量服務(wù)（MeasuredService）·云計(jì)算的技術(shù)·云計(jì)算技術(shù)體系：核心技術(shù)識(shí)別（2）云計(jì)算主流技術(shù)·虛擬化的概念FusionSphere實(shí)現(xiàn)的是x86服務(wù)器的虛擬化，更確切地說，包含以下三個(gè)方面：

計(jì)算能力：CPU/Memory的虛擬、存儲(chǔ)：VIMS文件系統(tǒng)、

網(wǎng)絡(luò)：分布式虛擬交換機(jī)·虛擬化和容器的區(qū)別（3）日常運(yùn)營·運(yùn)營的概念·運(yùn)營的作用對(duì)用戶的管理、對(duì)相對(duì)于用戶的服務(wù)管理、對(duì)資源的生命周期的管理3.HTML與CSS基礎(chǔ)（1）·html常用標(biāo)簽①常用塊級(jí)標(biāo)簽（block）標(biāo)題標(biāo)簽（h1-h6）語法：<h1>標(biāo)題</h1>段落標(biāo)簽（p）語法：<p>段落</p>水平線標(biāo)簽（hr）語法：<hr/>有序列標(biāo)簽（數(shù)字、字母大小寫）<ol><li>列表項(xiàng)<li/></ol>無序列標(biāo)簽（圓點(diǎn)、方塊、圖標(biāo)）<ul><li>列表項(xiàng)1</li></ul>定義描述標(biāo)簽的語法<dl><dt>標(biāo)題</dt><dd>描述</dd><dl/>分區(qū)標(biāo)簽（div+css布局）<div>頭部</div><div>內(nèi)容</div><div>底部</div>②常用的行級(jí)標(biāo)簽（inline）按行逐一顯示。前后不會(huì)自動(dòng)換行超鏈接標(biāo)簽<ahref="鏈接地址"target=“目標(biāo)窗口”>鏈接文本或圖片</a>target；值描述_blank在新窗口中打開被鏈接文檔_self默認(rèn)。在相同框架中打開被鏈接文檔_parent在父框架集中打開被鏈接文檔_top在整個(gè)窗口中打開被鏈接文檔framename在指定的框架中打開被鏈接文檔圖像標(biāo)簽<imgsrc="圖片地址"alt=“提示文字”><span>標(biāo)簽（特殊強(qiáng)調(diào)標(biāo)簽） <span>文本等行級(jí)內(nèi)容</span><br/>標(biāo)簽（換行）常用特殊符號(hào)空格 大于>小于<引號(hào)"版權(quán)號(hào)©表格相關(guān)元素：表格描述<table>定義表格<caption>定義表格標(biāo)題<th>定義表格的表頭<tr>定義表格的行<td>定義表格單元<thead>定義表格的頁眉<tbody>定義表格的主體<tfoot>定義表格的頁腳<col>定義用于表格列的屬性<colqroup>定義表格列的組表單元素form標(biāo)簽 <formaction=”表單提交地址”method=“提交方法”>.....文本框，按鈕等表單元素... </form>常用屬性·action：指定表單提交后由服務(wù)器上的哪個(gè)處理程序進(jìn)行處理·enctypehtml屬性屬性值描述classclassname規(guī)定元素的類名（classname）idid規(guī)定元素的唯一idstyleStyle_definition規(guī)定元素的行內(nèi)樣式（inlinestyle）titletext規(guī)定元素的額外信息（可在工具提示中顯示）（2）分析傳統(tǒng)樣式和css樣式區(qū)別維護(hù)困難；標(biāo)記不足；網(wǎng)頁過“胖”；定位困難；css引入方式·行內(nèi)樣式·內(nèi)嵌式·鏈接式（外部css，這種方式一份樣式可控制多個(gè)文檔）引入外部樣式文件此種方式使用最多，讓結(jié)構(gòu)與表現(xiàn)分離。（3）各種方式的優(yōu)先級(jí)一個(gè)html文件可以可以同時(shí)使用這三種方式，優(yōu)先級(jí)順序?yàn)閮?nèi)聯(lián)>內(nèi)部>link（例子證明）注意：設(shè)計(jì)網(wǎng)站最好使用1-2種使用方式就好。·css選擇器css語法遵循 select{ property：value1； property：value2； }·標(biāo)記選擇器（元素選擇器）最常見的CSS選擇器是元素選擇器。換句話說，文檔的元素就是最基本的選擇器。E{.......}（E為有效的html元素）·類選擇器.classValue{....}同時(shí)使用兩個(gè)類選擇器{importimport1}·id選擇器#idValue{.....}id選擇器與類選擇器·選擇器組合body,h2,p,table,th,td,strong,em{color:gray;}·選擇器嵌套h1span{color:red;}屬性描述color設(shè)置文本顏色direction設(shè)置文本方向line-height設(shè)置行高letter-spacing設(shè)置字符間距text-aliqn對(duì)其元素中的文本text-decoration向文本添加修飾text-indent縮進(jìn)文本中元素的首行text-shadow設(shè)置文本陰影。Css2包含該屬性，但是css2.1沒有保留該屬性text-transform控制元素中的字母unicode-bidi設(shè)置文本方向white-space設(shè)置元素中空白的處理方式word-spacing設(shè)置字間距·css樣式屬性——邊框相關(guān)屬性屬性描述border簡寫屬性，用于把針對(duì)四個(gè)邊的屬性設(shè)置在一個(gè)聲明Border-style用于設(shè)置元素所有邊框樣式，或者單獨(dú)的為邊框設(shè)置樣式Border-width簡寫屬性，用于為元素所有的邊框設(shè)置寬度，或者單獨(dú)的為各邊邊框設(shè)置寬度Border-color簡寫屬性，設(shè)置元素的所有邊框中可見部分的顏色，或者為四個(gè)邊分別設(shè)置顏色Border-bottom簡寫屬性，用于把下邊框的所有屬性設(shè)置到一個(gè)聲明中Border-bottom-color設(shè)置元素的下邊框顏色Border-bottom-style設(shè)置元素的下邊框樣式Border-bottom設(shè)置下邊框的寬度·css列表標(biāo)簽屬性屬性描述List-style簡寫屬性，用于把所有用于列表屬性設(shè)置在一個(gè)聲明中List-style-image將圖像設(shè)置為列表項(xiàng)標(biāo)志List-style-position設(shè)置列表中列表項(xiàng)標(biāo)志的位置List-style-type設(shè)置列表項(xiàng)標(biāo)志的類型·css動(dòng)畫-animation屬性描述@keyframes規(guī)定動(dòng)畫animation所有動(dòng)畫屬性的簡寫屬性，除了animation-play-stateAnimation-name規(guī)定@keyframes動(dòng)畫名稱Animation-duration規(guī)定動(dòng)畫完成一個(gè)周期所花費(fèi)額秒或毫秒，默認(rèn)是0Animation-delay規(guī)定動(dòng)畫何時(shí)開始，默認(rèn)是0Animation-iteration-count規(guī)定動(dòng)畫被播放的次數(shù)，默認(rèn)是1Animation-fill-mode規(guī)定對(duì)象動(dòng)畫時(shí)間之外的狀態(tài)三.實(shí)踐過程1.實(shí)驗(yàn)一用HUB配置鏈路開啟電源，配置PC端IP如下名稱IP子網(wǎng)掩碼PC1PC2PC3PC4PC1PC2PC3PC4使用wireshark進(jìn)行抓包，得到用PC1pingPC4分別在PC2和PC4進(jìn)行抓包PC2和PC4兩端都捕捉到了相同的包而且協(xié)議變成了ICMP，是因?yàn)镻C1已經(jīng)知道了PC4的MAC地址不用廣播找尋PC4PC1執(zhí)行arp-d繼續(xù)pingPC4抓包明顯的有了ARP廣播包實(shí)驗(yàn)一證明了在集線器相連的一個(gè)網(wǎng)絡(luò)中，不同用戶之間的通信是通過ARP協(xié)議尋找到目標(biāo)主機(jī)的MAC地址，并且使用ICMP協(xié)議進(jìn)行通信。2.實(shí)驗(yàn)二結(jié)構(gòu)圖PC配置同實(shí)驗(yàn)一相同，同時(shí)PC1pingPC4,在PC2和PC4抓包開啟交換機(jī)電源進(jìn)行實(shí)驗(yàn)PC4PC2PC1通過ARP協(xié)議找到PC4并且通過ICMP協(xié)議通信，PC2雖然抓到了廣播包，但是并沒有抓到PC1和PC4之間的通信內(nèi)容，沒有產(chǎn)生沖突域，節(jié)約了網(wǎng)絡(luò)資源。3.實(shí)驗(yàn)三（1）結(jié)構(gòu)圖（2）PC配置同上，但是涉及路由器，需要設(shè)置網(wǎng)關(guān)PC1PC2PC3PC4（3）配置服務(wù)器服務(wù)器IP將服務(wù)器設(shè)為FTPServer和設(shè)置文件路徑（在華為文件夾下的新建txt文件重命名為ensp）（4）配置路由器（5）檢查是否配置成功路由器ping服務(wù)器可以ping通路由器pingPC2可以ping通PC1ping服務(wù)器PC1首先廣播找到自己網(wǎng)關(guān)，然后路由器接收之后發(fā)送數(shù)據(jù)包，之后建立連接實(shí)現(xiàn)通信，充分體現(xiàn)網(wǎng)絡(luò)的工作流程。服務(wù)器pingPC2（6）從服務(wù)器下載數(shù)據(jù)得到了一個(gè)o字節(jié)的ensp.txt文件4.STP實(shí)驗(yàn)（1）配置網(wǎng)絡(luò)拓?fù)鋱D；配置主機(jī)網(wǎng)段；配置stp；S1配置為橋根S2配置為備份根橋S3配置為普通根橋S4配置為普通根橋（2）查看驗(yàn)證S1S2優(yōu)先級(jí)4096，端口正常S3S4（3）將S1關(guān)閉，測試生成樹重新收斂，查看S2，已變?yōu)楦鶚颍榭炊丝冢项A(yù)期，正常。（4）重新打開S1并等待片刻，發(fā)現(xiàn)S1變?yōu)槠胀ǜ鶚?.OSPF單區(qū)域配置（1）實(shí)驗(yàn)環(huán)境準(zhǔn)備基本配置以及IP編址（2）配置OSPF將R1的RouterID配置為（邏輯接口Loopback0的地址），開啟OSPF進(jìn)程1（缺省進(jìn)程），并將網(wǎng)段/24、/24和/24發(fā)布到OSPF區(qū)域0將R2的RouterID配置為，開啟OSPF進(jìn)程1，并將網(wǎng)段/24和/24發(fā)布到OSPF區(qū)域0。將R3的RouterID配置為，開啟OSPF進(jìn)程1，并將網(wǎng)段/24和/24發(fā)布到OSPF區(qū)域0（3）驗(yàn)證OSPF配置待OSPF收斂完成后，查看R1、R2和R3上的路由表檢測R2和R1（）以及R2和R3（）間的連通性。執(zhí)行displayospfpeer命令，查看OSPF鄰居狀態(tài)。displayospfpeer命令顯示所有OSPF鄰居的詳細(xì)信息。本任務(wù)中，在網(wǎng)段上R1是DR。由于DR選舉是非搶占模式，如果OSPF進(jìn)程不重啟，R3將不會(huì)取代R1的DR角色。（4）修改OSPFhello和dead時(shí)間參數(shù)在R1上執(zhí)行displayospfinterfaceGigabitEthernet0/0/0命令，查看OSPF默認(rèn)的hello和dead時(shí)間。在R1的GE0/0/0接口執(zhí)行ospftimer命令，將OSPFhello和dead時(shí)間分別修改為15秒和60秒。在R1上查看OSPF鄰居狀態(tài)。在R3的GE0/0/0接口執(zhí)行ospftimer命令，將OSPFhello和dead時(shí)間分別修改為15秒和60秒。再次在R1上查看OSPF鄰居狀態(tài)。（5）OSPF缺省路由發(fā)布及驗(yàn)證在R3上配置缺省路由并發(fā)布到OSPF域內(nèi)。查看R1和R2的路由表。可以看到，R1和R2均已經(jīng)學(xué)習(xí)到了R3發(fā)布的缺省路由。（6）控制OSPFDR/BDR的選舉執(zhí)行displayospfpeer命令，查看R1和R3的DR/BDR角色。執(zhí)行ospfdr-priority命令，修改R1和R3的DR優(yōu)先級(jí)。先關(guān)閉再打開R1和R3上的GigabitEthernet0/0/0接口，重置R1和R3間的OSPF鄰居關(guān)系。執(zhí)行displayospfpeer命令，查看R1和R3的DR/BDR角色。6.路由配置（1）成功配置RIPv1。成功的啟用RIP。display命令和測試RIP。并且測試RIP路由網(wǎng)絡(luò)的連通性。（2）實(shí)驗(yàn)過程配置接口后配置RIPv1。查看RIPv1路由表并測試連通性。配置缺省路由官網(wǎng)頁制作的實(shí)驗(yàn)例：王者頁面形成頁面如圖代碼<!doctypehtml><html><head><metacharset="utf-8"><title></title> <style> body{ height:100%; display:flex; align-items:center; justify-content:center; background:url(bg.jpg); background-size:cover; } div{ top:70px; position:relative; width:100px; left:250px; } img{ position:absolute; transform-origin:leftbottom; transition:1s; } div:hoverimg:nth-child(1){ transform:rotate(-60deg); } div:hoverimg:nth-child(2){ transform:rotate(-45deg); } div:hoverimg:nth-child(3){ transform:rotate(-30deg); } div:hoverimg:nth-child(4){ transform:rotate(-10deg); }