Web前端技術(shù)課程實(shí)訓(xùn)報(bào)告材料

1、Web前端技術(shù)課程設(shè)計(jì)報(bào)告1、 實(shí)訓(xùn)課題名稱2、 課題設(shè)計(jì)目的通過實(shí)訓(xùn)，應(yīng)使學(xué)生鞏固所學(xué)知識，把所學(xué)的理論知識運(yùn)用到網(wǎng)站制作實(shí)踐中。培養(yǎng)學(xué)生動(dòng)手能力，將 PS制作效果圖、HTML CSS+DIV網(wǎng)頁布局、JavaScript等Web 前端開發(fā)技術(shù)結(jié)合起來，在實(shí)訓(xùn)環(huán)節(jié)中進(jìn)行運(yùn)用。為以后學(xué)習(xí)動(dòng)態(tài)網(wǎng)站打下基礎(chǔ)。3、 實(shí)現(xiàn)功能：用PhotoShop、DreamWeave年開發(fā)工具制作一個(gè)由靜態(tài)網(wǎng)頁構(gòu)成的簡單網(wǎng)站，要求包 括一個(gè)首頁、至少三個(gè)子網(wǎng)頁，按照網(wǎng)站開發(fā)流程，先做網(wǎng)頁效果圖，然后制作網(wǎng)頁素材、 構(gòu)建網(wǎng)站文件結(jié)構(gòu)、規(guī)劃網(wǎng)頁布局、制作網(wǎng)頁動(dòng)畫、實(shí)現(xiàn)網(wǎng)頁功能，爾后進(jìn)行網(wǎng)站測試，并 編制出各階段必要的文

2、檔。在編寫文檔時(shí)，必須嚴(yán)格遵照要求，最后提交文檔。功能要求：該網(wǎng)站首頁必須包括網(wǎng)站logo、導(dǎo)航條（帶有鼠標(biāo)事件變化效果）、banner（簡單flash動(dòng)畫）、圖片、多媒體運(yùn)用、文字等主要信息展示；子網(wǎng)頁包括用戶注冊（帶有表單輸入項(xiàng)本地驗(yàn)證功能）、登錄（用戶名和密碼非空驗(yàn)證）、子網(wǎng)頁相關(guān)欄目。各頁面之 間通過超鏈接切換。最后要求提交詳細(xì)的課程設(shè)計(jì)報(bào)告及網(wǎng)頁效果圖（.psd ）和網(wǎng)站運(yùn)行文件，現(xiàn)場運(yùn)行驗(yàn)收開發(fā)的系統(tǒng)。4、 課題設(shè)計(jì)內(nèi)容：（1）開發(fā)背景（2）網(wǎng)站分析設(shè)計(jì)部分1 ）客戶需求分析網(wǎng)站欄目劃分欄目內(nèi)容介紹網(wǎng)站拓?fù)鋱D網(wǎng)頁風(fēng)格創(chuàng)意設(shè)計(jì)2 ）網(wǎng)站風(fēng)格定位3 ）網(wǎng)站建設(shè)方案4 ）網(wǎng)站效果圖（3）

3、網(wǎng)站制作部分1）效果圖制作2 ）網(wǎng)頁素材及網(wǎng)站架構(gòu)制作3 ）首頁制作頁面設(shè)計(jì)4）子頁面制作五、體會及下一步學(xué)習(xí)方向教師評語評分項(xiàng)分值得分網(wǎng)站 設(shè)計(jì) 實(shí)現(xiàn) 部分 （60 分）1.實(shí)現(xiàn).能 力（50分）效果圖5Logo5Banner5導(dǎo)航條5貝囿布局與美化5注冊驗(yàn)證、登錄10圖片多媒體運(yùn)用5程序復(fù)雜度5運(yùn)行效果52.創(chuàng)新能力53.學(xué)生答辯5小計(jì)60設(shè)計(jì) 報(bào)告 部分 （30 分）1.結(jié)構(gòu)完整，條理清晰（封面、任務(wù)書、教 師評語、目錄、正文內(nèi)容、小結(jié)、參考文獻(xiàn)）102.獨(dú)立完成53.描述工具使用恰當(dāng)：網(wǎng)站拓?fù)鋱D54.制作步驟描述清晰55.報(bào)告內(nèi)谷充實(shí)5小計(jì)30學(xué)習(xí)態(tài) 度部分 （10 分）考勤5認(rèn)真完成

4、，勤于思考，積極提問5小計(jì)10總計(jì)100成績參考方案:目錄開發(fā)背景 4前期準(zhǔn)備 4客戶需求分析 4網(wǎng)站風(fēng)格定位 5色彩 5排版 5特效 .6網(wǎng)站建設(shè)方案 6網(wǎng)頁風(fēng)格創(chuàng)意設(shè)計(jì) 7網(wǎng)站欄目劃分 7欄目內(nèi)容介紹 8網(wǎng)站拓?fù)鋱D 9實(shí)訓(xùn)目的 10實(shí)訓(xùn)任務(wù) 10實(shí)訓(xùn)項(xiàng)目 11網(wǎng)站基本介紹 11報(bào)名界面 10保存的文件位置 11首頁展示效果圖 12導(dǎo)航條展示效果圖 13留言板表格布局 14網(wǎng)站版權(quán)的展示圖 14國內(nèi)黑客網(wǎng)站界面展示圖 15黑客新聞界面展示圖 16電影展示圖 18黑客簡介界面展示圖 20黑客區(qū)別界面展示圖 21黑客分類界面展示圖 22實(shí)訓(xùn)中的問題和解決辦法 23實(shí)訓(xùn)體會 24一、開發(fā)背景如今已

5、是信息化時(shí)代，很多網(wǎng)絡(luò)中的強(qiáng)盜已經(jīng)將魔爪伸向我們每一個(gè)網(wǎng)民。由此可見關(guān)于了解黑客以及黑客攻防方面的知識和新聞是很有必要的。黑客學(xué)習(xí)網(wǎng)一直致力于面向全球華人提供最新的黑客新聞、最先進(jìn)的黑客攻防技術(shù)，力求將黑客學(xué)習(xí)網(wǎng)打造成網(wǎng)民每天必看的學(xué)習(xí)網(wǎng)站！二、前期準(zhǔn)備本網(wǎng)站是以信息安全類為主體設(shè)計(jì)，系統(tǒng)的介紹了黑客攻防的新 聞的知識。三、客戶需求分析客戶需求是指客戶創(chuàng)建本網(wǎng)站的目的和對網(wǎng)站建設(shè)提出來的特定的要求。了解客戶的需求，是建好黑客學(xué)習(xí)網(wǎng)站的前提。 黑客學(xué)習(xí)網(wǎng) 站通過互聯(lián)網(wǎng)可以更好的開展信息技術(shù)的交流、 學(xué)習(xí)和網(wǎng)上報(bào)名等活 動(dòng)。這樣可以提高網(wǎng)站的訪問量、知名度，也是網(wǎng)站業(yè)務(wù)的重要來源。 客戶對其擬建的

6、黑客學(xué)習(xí)網(wǎng)站提出的主要要求有以下幾點(diǎn)：1、宣傳信息安全的重要性，提高人們對信息安全的認(rèn)識，增加網(wǎng) 站的知名度。2、適時(shí)地發(fā)布最新黑客新聞和技術(shù)，為學(xué)習(xí)者提供最佳資源。3、在網(wǎng)上發(fā)布報(bào)名表，引進(jìn)國內(nèi)外的愛好者來此學(xué)習(xí)交流。4、網(wǎng)站上要設(shè)有愛好者交流留言板，用戶可以網(wǎng)站新聞和技術(shù)文 章進(jìn)行評論和留言交流，對于網(wǎng)站的改進(jìn)和更新很有幫助。四、網(wǎng)站風(fēng)格定位網(wǎng)站風(fēng)格是指網(wǎng)站的整體形象給瀏覽者的綜合感受。這個(gè)整體形 象包括站點(diǎn)的logo、標(biāo)志、色彩、字體、標(biāo)語、版面布局、瀏覽方式、 交互性、文字、內(nèi)容價(jià)值等諸多元素?？梢詮娜齻€(gè)方面對長白山旅游 網(wǎng)進(jìn)行定位。1、色彩網(wǎng)站的色彩是瀏覽者整體的視覺感官， 如果網(wǎng)站

7、的色彩具有一致 性，會使網(wǎng)站看起來美觀，使瀏覽者不容易對內(nèi)容混淆，增加了瀏覽 的簡潔與方便。從而更能襯托網(wǎng)站的主題，若色彩能與主題合理搭配， 將會增加網(wǎng)站的易讀性。黑客學(xué)習(xí)網(wǎng)站選定的主題色是黑灰色。 因?yàn)槿羰且蜷_一個(gè)黑客 方面的網(wǎng)站，每個(gè)人的頭腦中肯定都是黑色或者灰色， 即為較暗淡神 秘的顏色。能給吸引更多用戶并給用戶一種神秘感，很適合黑客學(xué)習(xí) 的網(wǎng)站。網(wǎng)站中除了采用黑灰色系外，還和淡藍(lán)色、白色搭配，使網(wǎng)站產(chǎn) 生一種舒適的氣氛，使人可以長時(shí)間駐留其間，眼睛也不會覺得疲勞。 2、排版網(wǎng)頁是網(wǎng)站構(gòu)成的基本元素。當(dāng)瀏覽者輕點(diǎn)鼠標(biāo)，在網(wǎng)站中漫游 時(shí)，一幅幅精彩的網(wǎng)頁會呈現(xiàn)在面前。那么，決定網(wǎng)頁精彩元

8、素是什 么？色彩的搭配、文字的變化、圖片的處理等式不可忽略的因素，除 了這些外，還有一個(gè)非常重要的元素一一網(wǎng)頁排版。黑客學(xué)習(xí)網(wǎng)站采用的是“廠字型”排版形式。最上面是網(wǎng)站的 logo。接下來是網(wǎng)站的 menu中心內(nèi)容分為兩部分：一是左側(cè) meun 二是右側(cè)顯示menu的主要內(nèi)容。最下面的是網(wǎng)站的一種基本信息、 聯(lián)系方式、版權(quán)聲明等。這種版式的優(yōu)點(diǎn)是網(wǎng)頁結(jié)構(gòu)清晰，主次分明， 但弱點(diǎn)是規(guī)矩呆板，信息量少。針對這個(gè)弱點(diǎn)，該網(wǎng)站在細(xì)節(jié)上做了 一些處理。例如：對于黑客新聞以鏈接到另一個(gè)網(wǎng)頁的形式，并將所 有新聞的超級鏈接置于此網(wǎng)頁，增大的信息量。logo設(shè)置較為個(gè)性并 動(dòng)態(tài)顯示，使整個(gè)頁面顯得更加生動(dòng)富有

9、特色。3、特效網(wǎng)站的特效就是讓網(wǎng)頁看起來生動(dòng)活潑的各種應(yīng)用，如Flash、JavaScript 等。五、網(wǎng)站建設(shè)方案在黑客學(xué)習(xí)網(wǎng)站的建設(shè)中，前期準(zhǔn)備至關(guān)重要的，要有明確的 做網(wǎng)站的根本目的。該黑客學(xué)習(xí)網(wǎng)站通過黑客的介紹、黑客新聞以及 黑客攻防技術(shù)的宣傳，大大的提高了網(wǎng)站的知名度。由于信息化時(shí)代 的很多漏洞，大多數(shù)人沒有全面的意識，且很大一部分人對黑客十分 感興趣，因此黑客學(xué)習(xí)網(wǎng)站的存在想必給很愛好者們大量的信息量和 學(xué)習(xí)資源，也為同愛好者或是高手提供了交流平臺，從而推動(dòng)了信息 化時(shí)代的進(jìn)一步發(fā)展，也為網(wǎng)民提供了更多的學(xué)習(xí)平臺。為了充分發(fā) 揮黑客學(xué)習(xí)網(wǎng)站的作用，就需要對網(wǎng)站的內(nèi)容進(jìn)行系統(tǒng)規(guī)劃。六

10、、網(wǎng)頁風(fēng)格創(chuàng)意設(shè)計(jì)該網(wǎng)站頁面顏色采用黑灰色為主，淡藍(lán)色為輔。在此色調(diào)的 基礎(chǔ)上對黑灰色進(jìn)行有機(jī)搭配，同時(shí)還要適當(dāng)?shù)妮o以淡藍(lán)色。通 過顏色傳達(dá)了新穎、神秘、安全、技術(shù)等元素，從而使網(wǎng)站產(chǎn)生 了一種知識海洋的氛圍。七、網(wǎng)站欄目劃分1、網(wǎng)站首頁2、黑客簡介3、等級區(qū)分4、黑客新聞5、國內(nèi)黑客網(wǎng)站 6、相關(guān)電影資源7、愛好者報(bào)名表8、黑客交流版八、欄目內(nèi)容介紹1、網(wǎng)站首頁：本欄目為導(dǎo)航頁面，為吸引用戶在 main中放置與 黑客相關(guān)視頻。2、黑客簡介：本欄目中介紹黑客的基本定義，并對黑客名字的來 源作以詳細(xì)的介紹。4、黑客分類：本欄目中介紹黑客的分類，3、等級區(qū)分：本欄目主要是讓用戶在對黑客有了簡單認(rèn)識

11、下區(qū)分 黑客的等級，提升在用戶心中的榮耀感。4、黑客新聞：該欄目具體放置的為有關(guān)黑客的最新新聞以及其中 的技術(shù)。5、國內(nèi)黑客網(wǎng)站：該欄目的主要目的是讓用戶了解國內(nèi)四大有名 的黑客網(wǎng)站：中國黑客聯(lián)盟，中國紅客，中國第八軍團(tuán)，華夏聯(lián) 盟。6、相關(guān)電影資源：該欄目主要是為用戶提供有關(guān)黑客的電影。7、愛好者報(bào)名表：該欄目主要國愛好者通過報(bào)名的方式成為我 們中的一員，進(jìn)行更進(jìn)一步的學(xué)習(xí)。8、黑客交流版：該欄目主要用來讓黑客以及愛好者對黑客技術(shù)文 章或者新聞等方面在網(wǎng)上進(jìn)行評論交流。九、網(wǎng)站拓?fù)鋱D網(wǎng)站主頁十、實(shí)訓(xùn)目的1. 更好的熟悉和掌握網(wǎng)站建設(shè)的基本流程和技術(shù)規(guī)范;2. 運(yùn)用flash動(dòng)畫制作軟件設(shè)計(jì)網(wǎng)

12、頁中動(dòng)畫的知識；3. 鞏固運(yùn)用Fireworks圖像處理軟件進(jìn)行網(wǎng)頁中圖形制作4. 綜合使用 Dreamweaver Flash、Photoshop、Css3Menu四個(gè)軟件完成網(wǎng)站的建設(shè)，可以獨(dú)立構(gòu)思并設(shè)計(jì)出內(nèi)容完整圖文 并茂的網(wǎng)站。5. 具備獨(dú)立撰寫實(shí)訓(xùn)報(bào)告等科技文件的基本能力；6. 在網(wǎng)頁設(shè)計(jì)的實(shí)踐中培養(yǎng)分析問題、解決問題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力。一、實(shí)訓(xùn)任務(wù)1. 站點(diǎn)規(guī)劃，搜集資料。確定網(wǎng)站主題內(nèi)容，規(guī)劃站點(diǎn)結(jié)構(gòu)，從網(wǎng)上搜索相關(guān)資料（圖片、文字等）。2. 進(jìn)行主頁設(shè)計(jì)。構(gòu)思主頁布局，進(jìn)行主頁標(biāo)題圖片的設(shè)計(jì)（要求原創(chuàng)），進(jìn)行主頁其余圖片的設(shè)計(jì)和頁面內(nèi)容的錄入，最后進(jìn)行主

13、頁的整體優(yōu)化設(shè)計(jì)。3. 網(wǎng)頁設(shè)計(jì)。除主頁以外的網(wǎng)頁設(shè)計(jì)，首先設(shè)計(jì)網(wǎng)頁模版，一部分網(wǎng)頁由模版生成，一部分為單獨(dú)設(shè)計(jì)（依據(jù)實(shí)際需要確 定哪些網(wǎng)頁由模版生成，確定哪些網(wǎng)頁單獨(dú)設(shè)計(jì)）。包括版面 設(shè)計(jì)和圖形設(shè)計(jì)、內(nèi)容錄入等。4. 動(dòng)畫設(shè)計(jì)。主頁動(dòng)畫設(shè)計(jì)和其余頁面動(dòng)畫設(shè)計(jì)，充分運(yùn)用所掌握技術(shù)，效果好。5. 綜合優(yōu)化。鏈接正確、得當(dāng)，動(dòng)態(tài)效果好（時(shí)間軸動(dòng)畫、 行為、代碼的嵌入等）6. 網(wǎng)站測試并遞交。在瀏覽器中對完成的網(wǎng)站逐頁打開測試，包括鏈接正確與否，頁面打開時(shí)間，圖片和動(dòng)畫是否丟失 等。十二、實(shí)訓(xùn)項(xiàng)目1 、網(wǎng)站基本介紹網(wǎng)站的主題是：游覽天下行，快樂共分享。背景圖片均為國內(nèi)外知名 旅游地圖片，體現(xiàn)網(wǎng)站主題

14、。圖片和文字部分采用浮動(dòng)形式，讓網(wǎng)站 看起來更生動(dòng)，更有吸引力；導(dǎo)航欄采用超鏈接，鏈接到相關(guān)網(wǎng)站， 同時(shí)插入表單，設(shè)置了登陸界面和主頁的鏈接。還插入了音樂，輕柔 舒緩，仿佛置身于游覽圣地中。2、報(bào)名界面:JOIN ITS!話 電名姓QQ職業(yè)手機(jī)E-mail國家城市身份時(shí)間黑客協(xié)會員非會員報(bào)名靂標(biāo)準(zhǔn)（人民幣）2015年12月31日之前注冊1500 元1800 元交2口 16年1月1曰之后注冊1800 元2000 元3、保存的文件位置:4、首頁展示效果圖:黑客們的恣意江湖帶翅膀的不一定是天使，也可能是黑客相介不等緩區(qū)分回鬟好報(bào)名表回黑客交流板我要做黑客！教練帶你飛一5、導(dǎo)航條展示效果圖:6、留言板

15、表格布局:郵件基地基士也注；如果您的留言不便公開，請選搔”保密“選項(xiàng)，提交后可憑系統(tǒng)反饋給您的密言編號 詢密碼和您的姓名查詢回復(fù)。7、網(wǎng)站版權(quán)的展示圖：里官網(wǎng)網(wǎng)菇運(yùn)維中心版權(quán)所有mpyright ©20152016.al rights reserved8、國內(nèi)黑客網(wǎng)站界面展示:中國四大黑客網(wǎng)站中國紅音www.ChinaHED國第門軍團(tuán)CnNacltNet flh華夏聯(lián)盟MP JuSEXOm士新生丹亞郎一可迪土全*/ *t： i. * 4VMI B BKili bt>EPhE UMK'Ll11j3LFn max HYai*TBT9。：中 田“9、黑客新聞界面展示:黑客新聞

16、：，蘋果Arm襤一置病毒全副名單條拉不 ，果©S升物漕宸去展累海內(nèi)：相對成熟安傘把案爰矍客關(guān)注 克里姆林宮指費(fèi)美國黑客口口口占俄羅跖大選，黛軟發(fā)布'身免補(bǔ)?。翰稵dc缶叫售漏洞中睛式用旅客拄制 星巴克上網(wǎng)需謹(jǐn)值黑客左觀星巴克網(wǎng)址三嚴(yán)重漏洞 漸分安亙5安綴可祇黑客攻擊繞過鎖屏界面蘋果ios升級遭病毒感染業(yè)內(nèi)工相對成熟安全框架受黑客關(guān)注據(jù)卬國之聲哎知周晚高嶂報(bào)通，根據(jù)安全漏洞振告平白烏云報(bào)告顯示，目前羊果應(yīng)用商店中已有大盤應(yīng)用愿染上了一神名叫Xc血（指同的痛毒. i 超過加默，涉及用戶多達(dá)I個(gè)億.包括123（X5、.：窗廉出行、高德地圖、同在中葬二十多款國內(nèi)應(yīng)用，都受到這種,竊取

17、用戶信息、竊取密1碼”的病毒第響*這些熱門軟件包含丈量的個(gè)JM公司IDS安至實(shí)物室負(fù)麥人在雪峙:把們昨*晚上盅了人豹If五佯木，表現(xiàn)此人據(jù)TTM4f應(yīng)用砰序械病毒修攀.朋以我們就并議比加華正苦 本，如果是，川除掉就可討了*堂過我們技術(shù)分析，它還有可能盜取除app相關(guān)的注碼,還可靛生取iCloud賬戶的信息“所唄如果你手機(jī)上有染告在羊果手機(jī)上安裝教件，需要通過蘋果官方的軟件下蛾平臺app加if下戰(zhàn)安裝.而教件在茯準(zhǔn)迸入jppElmt前，雷鹿蛭過嚴(yán)格的畝特和檢煌，雨怦吉雪崎二謾次的手n是隊(duì)遁頭J注入翁毒和木馬到餌的豐凱盛用用芹巖而，因?yàn)槲覀內(nèi)邕mH發(fā)存序的04售是JT埔洋瀉的，斗成移動(dòng)古戶端的孫 站

18、以專把編諦器K"超在音彈K盤或看迅君_1_發(fā)布，然后通過硅帔下栽，下栽的其現(xiàn)就是被居染病毒的，開發(fā)后開發(fā)口己程序的話，在開發(fā)程序d的話，APP寫TDRE是檢測不出靠的*事件發(fā)生后,用戶關(guān)心的是自己的個(gè)人信息是否范靄，而程庠開發(fā)者拈則更關(guān)注自己通過非官方近輕下戟的編遜器是否已地區(qū)番感染.補(bǔ)對下敦51 布建議百，有一的粥淡方違，軾是開發(fā)著從節(jié)具農(nóng)陶直接用瀏蘇霜茁好認(rèn)下跳方式，才能葩免下載軍.帶再的Xc皿開發(fā)工日.蘋果App被置病毒全部名單多達(dá)76個(gè)漫病毒，砥款羊果受密痂Upp書單公布巨吉滴滴打車，網(wǎng)易云音樂，I”帕等多效輦果即p.。月1WFI,安全問題反選平臺烏云閃 蘋果APP應(yīng)用商店內(nèi)

19、籌個(gè)應(yīng)用軟件被帶人病毒.在AppStO"上架金個(gè)應(yīng)用被注入蓊三方惡意代碉，會將用戶信息發(fā)送到病毒作者服-則分析報(bào)告移,有些程序員使用了第三方“匚。#編爆器，這些編語器喃與的APP存在安全問題，當(dāng)它f 上傳到AppSlme之后，被庠 太朝的隱和問題.有更期的權(quán)限，它們在iPhoneiP川上彈出豹魚網(wǎng)站頁面，可能騙取iCl。血好號密碼，或者苴他關(guān)他信息.;月內(nèi)），普通用戶在這些受影響的應(yīng)用中輸入過物感信息，如idoud雷附，信用卡信息等，這些信息理論上也可熊髓泄露工心的文受，至少發(fā)款裝果應(yīng)用被病毒人侵，受導(dǎo)響用戶超過一億，安裝這些應(yīng)用的iPEne.iPad用戶可能泄需基本的信息。普雌喀到

20、的已如晏Xcodel10、電影展示圖：一主頁視頻二為相關(guān)電影推薦我是港沒有據(jù)絕對的安全3101010100010101010Erstens Keir System ist sicher.一;沒有一個(gè)系統(tǒng)是安全的¥ !教練帶你飛可U啃n | ， 一 nji/i % _= 一 s_ m. i I11、黑客簡介界面展示（含滾動(dòng)圖片展示）黑客簡介黑客是一個(gè)中文詞語，皆源自英文心徐絲隨著灰鴿子的出狽，灰鴿子成為了很多假借黑客 名義控制他人電腦的黑客技術(shù)j于是出現(xiàn)了驗(yàn)客”與“黑客”分家。2012年電影頻道節(jié)目中心出 品的電影滕容（Hackei）也已經(jīng)開始使用駭客一詞，顯示出中文使用習(xí)慣的趨同。實(shí)

21、際上, 黑客（或驍喜）與英文原文Hackei、Cracker等含義不能夠達(dá)到完空對譯，這是中英文看言詞匯 各自發(fā)展中形成的差異.Hacker一詞，最初曾指熱心于計(jì)算機(jī)技術(shù)、水平高超的電腦專冢，尤 其是程序設(shè)計(jì)人員，逐漸區(qū)分為白帽、灰帽、黑帽等，其中黑帽小匕也hat）實(shí)際就是 cracker*在媒體報(bào)道中，黑客一詞常指那些軟件駿客Software cracker）,而與黑客（黑帽 字）相對的則是白帽子。黑客C大陸和香港：器客J臺灣；駭客，英文：Hacker）,通常是指前計(jì)算機(jī)科學(xué)、編程 和設(shè)計(jì)方面具高度理解的人口“黑客門也可以指：,在信息安全里，“黑客戶指珊究智取計(jì)算機(jī)安全系統(tǒng)的人員。利用公共通

22、訊網(wǎng)路，如互聯(lián) 網(wǎng)和電話系統(tǒng)，在未經(jīng)許可的情況下，載入對方系統(tǒng)的被稱為黑帽黑客（英文；black hat,另稱crackerj調(diào)試和分析計(jì)算機(jī)安全系統(tǒng)的白帽黑客英語：white hat）. “黑 客x一詞最早用來稱呼研究盜用電話系統(tǒng)的人士 %-在業(yè)余計(jì)算機(jī)方面，“黑客"指研究修改計(jì)算機(jī)產(chǎn)品的業(yè)余愛好者. 1970年代，很多的這 些群落聚焦在硬件研究，19go和1990年代，很多的群落聚焦在軟件更改（如編寫游戲模 組、攻克軟件版權(quán)限制）&，黑善，是“一種地衷于研究系統(tǒng)和計(jì)算機(jī)（特別是網(wǎng)絡(luò)）內(nèi)部運(yùn)作的人、12、黑客區(qū)別界面展示：黑客區(qū)別黑客，最早源自英文hackei早期在美國的電

23、腦界是帶有褒義的。他們都是水平高超的電腦紅客，維護(hù)國家利益代表中國人民意志的紅客，他們熱愛自己的祖國，民族，和平，極于 籃客,信仰自由，提倡愛國主義的黑客們，用自己的力量來維護(hù)網(wǎng)絡(luò)的和平。,駭客，是的音逕，就是“破解者”的意思、。從事惡意破解商業(yè)軟件、惡意入侵別 上都是相同的，闖入計(jì)算機(jī)系統(tǒng)/軟件者，黑客和駭客"（Cmcker）并沒有一個(gè)十分明顯£ 含義已經(jīng)顯得不那么重要了，13、黑客分類界面展示:一開始并沒有。不過當(dāng)時(shí)黑客也區(qū)分等級，就如同tool用成績比高下一樣。真正一流黑客 并非整天不學(xué)無術(shù),而是會熱衷追求某種特殊嗜好，比如研究電話、鐵道（模型或者真 的）、科幻小說，

24、無線電，或者是計(jì)算機(jī)也因此后來才有所謂的mmputerhMk"出現(xiàn)，意 指計(jì)算機(jī)高手”對一曲看來說，學(xué)會編程是必須的，計(jì)算機(jī)可吹說就是為了編程而設(shè)計(jì)的，運(yùn)行程序 是計(jì)算機(jī)的唯一功能。對了，數(shù)學(xué)也是不可少的，運(yùn)行程序其實(shí)就是運(yùn)算，需散數(shù)學(xué)、線性 代數(shù)、微積分等1童客,滴在畝外或媒體上通常被定義為：專門入侵他人系統(tǒng)遂行不法行為的計(jì)算機(jī)高 手。不過這類人士在3曲式眼中是屬于層次較低的（駭客）。如果黑客是炸彈制造專 家，那么駿客就是舞怖分子。隨著時(shí)代的發(fā)展，網(wǎng)絡(luò)上出現(xiàn)T擄來越多的駭客，他們只會入侵，使用掃描器到處亂 掃，用IP炸彈炸人冢，毫無目的地入侵，破壞著，他們并無益于電腦技術(shù)的發(fā)展,反

25、而有害 于網(wǎng)絡(luò)的安全和造成網(wǎng)絡(luò)施瘓，給人們帶耒巨大的經(jīng)滔謝神操失。以下列舉不同類型或等級的黑客： 黑客（術(shù)語），對技術(shù)研修深入的計(jì)算機(jī)安全專家。 黑客（計(jì)算機(jī)安全）或僑干，訪問計(jì)算機(jī)系統(tǒng)安全系統(tǒng)失靈， 黑客（愛好者），以創(chuàng)新的定制或組合的零售電子和電腦設(shè)備。"黑客（程序員亞文化），一個(gè)反獨(dú)裁的軟件開發(fā)方法，伴隨著自由軟件運(yùn)動(dòng)。十三、實(shí)訓(xùn)中的問題和解決辦法1、動(dòng)態(tài)圖片插入后不顯示為動(dòng)態(tài)，后來同過將圖片格式改為“ .swf” 即可顯示為動(dòng)態(tài)。2、插入的視頻一開始只能顯示界面但是不能播放后通過將后綴名改為“ .flv ”再通過Dreamweaver中插入媒體FLV成功播放，且易設(shè) 置視頻的

26、格式。3、一開始不知道如何讓圖片滾動(dòng)顯示通過查書找到：<marqueebehavior="alternate" scrollamount="10"></marquee>4、通過查書找到如何將子網(wǎng)頁顯示在主頁中main部分（紅色部分為重點(diǎn)）：<iframe src="如何成為一名黑客.html" name="iframe" scrolling="auto" width="675px" height="610px" ></ifr