>
safe.it168.com IT168安全版塊
新形勢(shì)下的安全挑戰(zhàn): Web安全與網(wǎng)頁掛馬
Web安全系列(1)
隨著信息化建設(shè)的不斷深入,Web技術(shù)的日益成熟,Web應(yīng)用平臺(tái)已經(jīng)在電子政務(wù)、電子商務(wù)等領(lǐng)域得到廣泛的應(yīng)用,以協(xié)同工作環(huán)境、社會(huì)性網(wǎng)絡(luò)服務(wù)以及托管應(yīng)用程序?yàn)榇淼腤eb技術(shù),將在很大程度上改變?nèi)藗儨贤ń涣鞯姆绞胶凸ぷ鞣绞?。但這些新的技術(shù)在給商業(yè)活動(dòng)的發(fā)展帶來便利的同時(shí),也帶來了前所未有的巨大安全風(fēng)險(xiǎn)。
過去,網(wǎng)站的內(nèi)容大多是靜態(tài)的。網(wǎng)站管理員對(duì)合法網(wǎng)站上的內(nèi)容進(jìn)行管理,能夠分辨出“可信”站點(diǎn)和“不可信”站點(diǎn)。但如今,Web 內(nèi)容逐漸趨于動(dòng)態(tài)化,最終用戶持續(xù)不斷的更新現(xiàn)有內(nèi)容、共享應(yīng)用程序,并通過多種渠道進(jìn)行即時(shí)通訊。即使采用最佳的策略制定方法,某些不良內(nèi)容或惡意軟件也會(huì)隨時(shí)彈出(甚至在可信站點(diǎn)也是如此),使公司的重要信息和網(wǎng)絡(luò)暴露于極為危險(xiǎn)的環(huán)境之下。
根據(jù) Gartner 的調(diào)查,信息安全攻擊有 75% 都是發(fā)生在 Web 應(yīng)用層而非網(wǎng)絡(luò)層面上。同時(shí),數(shù)據(jù)也顯示,2/3的Web站點(diǎn)都相當(dāng)脆弱,易受攻擊。可以說,絕大多數(shù)企業(yè)將大量的投資花費(fèi)在網(wǎng)絡(luò)和服務(wù)器的安全上,沒有從真正意義上保證 Web 業(yè)務(wù)本身的安全,才給了黑客可乘之機(jī)。根據(jù)世界知名的Web安全研究組織OWASP提供的報(bào)告,目前對(duì)Web業(yè)務(wù)系統(tǒng)威脅最嚴(yán)重的兩種攻擊方式是注入漏洞和跨站腳本漏洞。
注入漏洞攻擊。特別是SQL注入漏洞,主要是利用目標(biāo)網(wǎng)站程序未對(duì)用戶輸入的字符進(jìn)行特殊字符過濾或合法性校驗(yàn),可直接執(zhí)行數(shù)據(jù)庫語句,導(dǎo)致網(wǎng)站存在安全風(fēng)險(xiǎn)通過驗(yàn)證用戶輸入使用的是消極或積極的安全策略,有效檢測(cè)并攔截注入攻擊。
跨站腳本漏洞攻擊,是指目標(biāo)網(wǎng)站對(duì)用戶提交的變量代碼未進(jìn)行有效的過濾或轉(zhuǎn)換,允許攻擊者插入惡意Web代碼(通常是一些經(jīng)過構(gòu)造的javascript語句),劫持用戶會(huì)話、篡改網(wǎng)頁信息甚至引入蠕蟲病毒等通過驗(yàn)證用戶輸入使用的是消極或積極的安全策略,有效檢測(cè)并攔截跨站點(diǎn)腳本(XSS)攻擊。
從以往發(fā)生的安全事件來看,Web攻擊可導(dǎo)致的后果極為嚴(yán)重,通過上述手段將一個(gè)合法正常網(wǎng)站攻陷,利用獲取到的相應(yīng)權(quán)限在網(wǎng)頁中嵌入惡意代碼,將惡意程序下載到存在客戶端漏洞的主機(jī)上,從而實(shí)現(xiàn)攻擊目的。如:盜取各類用戶賬號(hào),如機(jī)器登錄賬號(hào)、用戶網(wǎng)銀賬號(hào)、各類管理員賬號(hào)??刂破髽I(yè)數(shù)據(jù),包括讀取、篡改、添加、刪除企業(yè)敏感數(shù)據(jù)的能力。盜竊企業(yè)重要的具有商業(yè)價(jià)值的資料。非法轉(zhuǎn)賬。網(wǎng)站掛馬??刂剖芎φ邫C(jī)器向其他網(wǎng)站發(fā)起攻擊??
鑒于上述對(duì)Web常見攻擊的分析,對(duì)Web及客戶端的保護(hù)已經(jīng)刻不容緩。聯(lián)想網(wǎng)御的安全專家給出幾點(diǎn)建議:
首先,解決Web服務(wù)器端安全問題。具體的解決辦法可采取源代碼審計(jì)與部署入侵防護(hù)系統(tǒng)相結(jié)合的方式,源代碼審計(jì)是經(jīng)過專業(yè)安全人員,對(duì)Web應(yīng)用程序源代碼進(jìn)行安全性檢查,對(duì)程序的輸入輸出函數(shù)進(jìn)行安全測(cè)試,最大程度保障Web程序的自身代碼安全;并通過部署入侵防護(hù)系統(tǒng),針對(duì)跨站腳本、SQL注入、cookies注入、參數(shù)篡改等Web攻擊方式進(jìn)行主動(dòng)防護(hù)。
其次,解決Web瀏覽客戶端安全。主要是防范遠(yuǎn)程惡意代碼執(zhí)行漏洞,其原理是通過構(gòu)造精心設(shè)計(jì)的格式錯(cuò)誤數(shù)據(jù),由攻擊者觸發(fā)系統(tǒng)漏洞,并在客戶端軟件中更改代碼執(zhí)行路徑,來執(zhí)行由攻擊者隨格式錯(cuò)誤數(shù)據(jù)附帶惡意代碼或程序的利用過程。如果客戶端瀏覽器中存在未修補(bǔ)的惡意代碼執(zhí)行漏洞或0day漏洞,當(dāng)訪問受惡意代碼感染的站點(diǎn)時(shí),該站點(diǎn)會(huì)自動(dòng)在登錄用戶的瀏覽器中運(yùn)行攻擊者的惡意代碼,并利用Web瀏覽器漏洞安裝惡意病毒、木馬程序,如密碼竊取惡意軟件等。這些惡意行為是利用了瀏覽器本身的系統(tǒng)后臺(tái)漏洞執(zhí)行,所有這一切根本無需任何用戶交互操作。所以應(yīng)盡量使用已采用常規(guī)堆棧保護(hù)措施版本的Web瀏覽器,來防止基于堆棧和基于堆的緩沖區(qū)溢出攻擊。目前最新版本的Microsoft IE瀏覽器已經(jīng)提供基于數(shù)據(jù)執(zhí)行保護(hù)(DEP)或不執(zhí)行(NX)的內(nèi)存保護(hù)措施,Internet Explorer 8平臺(tái)在Internet控制面板選項(xiàng)開啟“啟用內(nèi)存保護(hù)幫助減少聯(lián)機(jī)攻擊”的選項(xiàng)就可以有效防止遠(yuǎn)程代碼攻擊;另外建議部署統(tǒng)一的內(nèi)網(wǎng)管理系統(tǒng),統(tǒng)一對(duì)關(guān)鍵應(yīng)用程序和系統(tǒng)補(bǔ)丁進(jìn)行時(shí)時(shí)監(jiān)控和統(tǒng)一升級(jí),保證客戶端和內(nèi)網(wǎng)安全。
再次,是解決對(duì)木馬、病毒的防治。建議安裝終端防病毒、防火墻軟件并保持時(shí)時(shí)更新,開啟入侵防護(hù)系統(tǒng)病毒木馬防護(hù)策略,建立統(tǒng)一病毒防護(hù)體系,如在網(wǎng)絡(luò)邊界部署網(wǎng)絡(luò)防毒墻,對(duì)關(guān)鍵服務(wù)器和客戶端進(jìn)行重點(diǎn)防護(hù),并對(duì)其網(wǎng)絡(luò)連接進(jìn)行入侵檢測(cè)監(jiān)控,保證安全風(fēng)險(xiǎn)在一個(gè)可控的范圍內(nèi)。
聯(lián)想網(wǎng)御針對(duì)當(dāng)前Web安全形勢(shì),提出了一系列的安全解決方案。從多角度角度、全方位的安全評(píng)估和現(xiàn)狀分析,了解系統(tǒng)面臨的風(fēng)險(xiǎn)狀況,通過安全評(píng)估、安全修復(fù)和部署相應(yīng)產(chǎn)品相結(jié)合的方式,構(gòu)建了最大程度保護(hù)Web系統(tǒng)應(yīng)用安全的保障體系。毋庸置疑的是,信息安全是一個(gè)循序漸進(jìn)的防御過程,需要的是全面而完善的體系建設(shè)。
網(wǎng)頁設(shè)計(jì)與應(yīng)用
專
業(yè): 班
級(jí): 學(xué)
號(hào): 姓
名: 指導(dǎo)教師:
計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)
20***031 蔡依婷 楊艷慈
邯鄲職業(yè)技術(shù)學(xué)院 2017年11月21日
摘要
網(wǎng)頁設(shè)計(jì)與應(yīng)用
摘 要
本論文將對(duì)個(gè)人網(wǎng)頁設(shè)計(jì)與制作的方法、工具等展開研究和探討。在介紹網(wǎng)頁設(shè)計(jì)與制作語言的基礎(chǔ)上,著重使用JavaScript作為工具語言進(jìn)行網(wǎng)頁設(shè)計(jì)與制作的實(shí)際操作,分別對(duì)基于對(duì)象的JavaScript語言、內(nèi)部對(duì)象系統(tǒng)的使用及WEB頁面信息交互——窗口和框架進(jìn)行詳細(xì)描述,并利用具體的實(shí)例進(jìn)行驗(yàn)證。
本論文主要章節(jié)如下,第一章:緒論,本章主要介紹網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)。第二章:網(wǎng)頁設(shè)計(jì)語言概述,本章主要介紹網(wǎng)頁設(shè)計(jì)的語言——HTML,以及用于編輯HTML語言的軟件,為后續(xù)工作奠定基礎(chǔ)。第三章:基于對(duì)象的JavaScript語言,本章介紹了基于對(duì)象的JavaScript中常用內(nèi)部對(duì)象屬性、方法的使用。第四章:內(nèi)部對(duì)象系統(tǒng)的使用,本章主要介紹使用瀏覽器的內(nèi)部對(duì)象系統(tǒng),可實(shí)現(xiàn)與HTML文檔進(jìn)行交互。第五章:WEB頁面信息的交互——窗體與框架,本章主要介紹實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)交互,必須掌握有關(guān)窗體對(duì)象(Form)和框架對(duì)象(Frames)更為復(fù)雜的知識(shí)。
關(guān)鍵詞: 網(wǎng)頁制作;網(wǎng)頁設(shè)計(jì);HTML;ASP
目 錄
1.1 網(wǎng)頁設(shè)計(jì)概述............................................................................................................................................4 1.2 網(wǎng)頁設(shè)計(jì)的要素........................................................................................................................................4 1.3 大作業(yè)目的和意義.....................................................................................................................................4
第二章 HTML網(wǎng)頁設(shè)計(jì)技術(shù)的應(yīng)用...........................................6 2.1 HTML語言介紹........................................................................................................................................6 2.1.1 HTML語言的特點(diǎn)...............................................................................................................................6 2.1.2 HTML語言的編輯軟件.......................................................................................................................6
第三章 色彩在網(wǎng)頁中的應(yīng)用..............................................7 3.1色彩在網(wǎng)頁中的應(yīng)用...............................................................................................................................7 3.2主頁色彩的處理........................................................................................................................................7 3.3常用的配色方案........................................................................................................................................7
第四章 WEB頁面信息的交互——窗體與框架..................................8 4.1窗體基礎(chǔ)知識(shí)..............................................................................................................................................8 4.1.1窗體對(duì)象.................................................................................................................................................8 4.1.2 窗體對(duì)象的方法....................................................................................................................................9 4.2 窗體中的基本元素.....................................................................................................................................9 4.3窗體對(duì)象實(shí)例...........................................................................................................................................11 4.4 框架..........................................................................................................................................................13 4.5 框架的訪問...............................................................................................................................................14 4.6本章小結(jié)...................................................................................................................................................17 第五章 結(jié) 論...........................................................18 致 謝................................................................19 參考文獻(xiàn)................................................................20
緒論
第一章 緒論
隨著21世紀(jì)的到來,人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來越重要,越來越來的職業(yè)需要具有計(jì)算機(jī)的應(yīng)用技能。掌握計(jì)算機(jī)是職業(yè)的需要,更是事業(yè)發(fā)展的需要。網(wǎng)頁設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn),本章主要介紹網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)。
1.1 網(wǎng)頁設(shè)計(jì)概述
網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái),離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”,也是企業(yè)無形資產(chǎn)的組成部分,而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。
1.2 網(wǎng)頁設(shè)計(jì)的要素
網(wǎng)頁設(shè)計(jì)的兩大要素是:整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格
在這里,我提供給大家一些參考經(jīng)驗(yàn):
1.將你的標(biāo)志logo,盡可能的放在每個(gè)頁面上最突出的位置。2.突出你的標(biāo)準(zhǔn)色彩。
3.總結(jié)一句能反映貴站精髓的宣傳標(biāo)語!
4.相同類型的圖像采用相同效果,比如說標(biāo)題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的!
二、網(wǎng)頁色彩的搭配
1.用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對(duì)比色。
3.用一個(gè)色系。簡(jiǎn)單的說就是用一個(gè)感覺的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,土藍(lán)。
1.3 大作業(yè)目的和意義
本大作業(yè)主要是對(duì)網(wǎng)頁設(shè)計(jì)與制作的語言基礎(chǔ)上進(jìn)行探討,主要內(nèi)容如下:通過已經(jīng)做好的網(wǎng)頁,分析html網(wǎng)頁設(shè)計(jì)技術(shù)、XML技術(shù)、Java Applet技術(shù)和Javascript技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用。
緒論 5
第二章
第二章 HTML網(wǎng)頁設(shè)計(jì)技術(shù)的應(yīng)用
2.1 HTML語言介紹
HTML(HyperText Mark-up Language)即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言,是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言,也是構(gòu)成網(wǎng)頁文檔的主要語言。
HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內(nèi)容。
2.1.1 HTML語言的特點(diǎn)
HTML文檔制作不是很復(fù)雜,且功能強(qiáng)大,支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是WWW盛行的原因之一,HTML語言的特點(diǎn)如下:
1、簡(jiǎn)易性,HTML版本升級(jí)采用超集方式,從而更加靈活方便。
2、可擴(kuò)展性,HTML語言的廣泛應(yīng)用帶來了加強(qiáng)功能,增加標(biāo)識(shí)符等要求,HTML采取子類元素的方式,為系統(tǒng)擴(kuò)展帶來保證。
3、平臺(tái)無關(guān)性。雖然PC機(jī)大行其道,但使用MAC等其他機(jī)器的大有人在,HTML可以使用在廣泛的平臺(tái)上,這也是WWW盛行的另一個(gè)原因。
2.1.2 HTML語言的編輯軟件
HTML的本質(zhì)是文本,需要瀏覽器的解釋,HTML的編輯器大體可以分為三種:
1、基本編輯軟件,使用WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉?,?dāng)然,如果你用WPS來編寫,也可以。不過存盤時(shí)請(qǐng)使用.htm或.html作為擴(kuò)展名,這樣瀏覽器就可以解釋執(zhí)行了。
2、半所見即所得軟件,這種軟件能大大提高開發(fā)效率,它可以使你在很短的時(shí)間內(nèi)做出Homepage,且可以學(xué)習(xí)HTML,這種類型的軟件主要有HOTDOG,還有國(guó)產(chǎn)的軟件網(wǎng)頁作坊。
3、所見即所得軟件,使用最廣泛的編輯器,完全可以一點(diǎn)不懂HTML的知識(shí)就可以做出網(wǎng)頁,這類軟件主要有Frontpage,DREAMWEAVER、Delphi、Eclipse、UltraEdit。
第三章 7 第三章 色彩在網(wǎng)頁中的應(yīng)用
3.1色彩在網(wǎng)頁中的應(yīng)用
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中,我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則,將不同的色彩進(jìn)行組合.搭配來構(gòu)成美麗的頁面。根據(jù)色彩對(duì)人們心理的影響,合理地加以運(yùn)用。
先選定一種色彩,然后調(diào)整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。簡(jiǎn)單的說就是用一個(gè)感覺的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,土藍(lán)。
在網(wǎng)頁配色中不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。背景和前文的對(duì)比盡量要大以便突出主要文字內(nèi)容。
3.2主頁色彩的處理
色彩是人的視覺最敏感的東西。主頁的色彩處理得好,可以錦上添花,達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào),局部對(duì)比”,也就是:主頁的整體色彩效果應(yīng)該是和諧的,只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上,可以根據(jù)主頁內(nèi)容的需要,分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍裕纾耗劬G色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色,例如:軍警的橄欖綠,醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺,例如冷、暖的感覺,進(jìn)、退的效果等。另外,色彩還有民族性,各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響,對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性,可以使我們的主頁具有深刻的藝術(shù)內(nèi)涵,從而提升主頁的文化品位。
3.3常用的配色方案
1.暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用,可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。
2.冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用,可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。
3.對(duì)比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如:紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配,可以產(chǎn)生強(qiáng)烈的視覺效果,給人亮麗、鮮艷、喜慶的感覺。
第四章
最后,還要考慮主頁底色(背景色)的深、淺,這里借用攝影中的一個(gè)術(shù)語,就是“高調(diào)”和“低調(diào)”。底色淺的稱為高調(diào);底色深的稱為低調(diào)。底色深,文字的顏色就要淺,以深色的背景襯托淺色的內(nèi)容(文字或圖片);反之,底色淡的,文字的顏色就要深些,以淺色的背景襯托深色的內(nèi)容(文字或圖片)。這種深淺的變化在色彩學(xué)中稱為“明度變化”。當(dāng)然,色彩的明度也不能變化太大,否則屏幕上的亮度反差太強(qiáng),同樣也會(huì)使讀者的眼睛受不了。
第四章 WEB頁面信息的交互——窗體與框架
要實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)交互,必須掌握有關(guān)窗體對(duì)象(Form)和框架對(duì)象(Frames)更為復(fù)雜的知識(shí)。
4.1窗體基礎(chǔ)知識(shí)
窗體對(duì)象可以使設(shè)計(jì)人員能用窗體中不同的元素與客戶機(jī)用戶相交互,而用不著在之前首先進(jìn)行數(shù)據(jù)輸入,就可以實(shí)現(xiàn)動(dòng)態(tài)改變Web文檔的行為。
4.1.1窗體對(duì)象
窗體(Form):它構(gòu)成了Web頁面的基本元素。通常一個(gè)Web頁面有一個(gè)窗體或幾個(gè)窗體,使用Forms[]數(shù)組來實(shí)現(xiàn)不同窗體的訪問。
在Forms[0]中共有三個(gè)基本元素,而Forms[1]中只有兩個(gè)元素。
窗體對(duì)象最主要的功能就是能夠直接訪問HTML文檔中的窗體,它封裝了相關(guān)的HTML代碼:
4.1.2 窗體對(duì)象的方法
窗體對(duì)象的方法只有一個(gè)--submit()方法,該方法主要功用就是實(shí)現(xiàn)窗體信息的提交。如提交Mytest窗體,則使用下列格式:
document.mytest.submit()4.2 窗體中的基本元素
窗體中的基本元素由按鈕、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問這些基本元素,必須通過對(duì)應(yīng)特定的窗體元素的數(shù)組下標(biāo)或窗體元素名來實(shí)現(xiàn)。每一個(gè)元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下:
formName.elements[].methadName(窗體名.元素名或數(shù)組.方法)formName.elemaent[].propertyName(窗體名.元素名或數(shù)組.屬性)下面分別介紹:
(1)Text單行單列輸入元素
功能:對(duì)Text標(biāo)識(shí)中的元素實(shí)施有效的控制。基本屬性:
Name:設(shè)定提交信息時(shí)的信息名稱。對(duì)應(yīng)于HTML文檔中的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。defaultvalue:包括Text元素的默認(rèn)值 基本方法:
blur():將當(dāng)前焦點(diǎn)移到后臺(tái)。select():加亮文字。主要事件:
onFocus:當(dāng)Text獲得焦點(diǎn)時(shí),產(chǎn)生該事件。OnBlur:從元素失去焦點(diǎn)時(shí),產(chǎn)生該事件。Onselect:當(dāng)文字被加亮顯示后,產(chǎn)生該文件。onchange:當(dāng)Text元素值改變時(shí),產(chǎn)生該文件。例:
...
第四章
(2)textarea多行多列輸入元素
功能:實(shí)施對(duì)Textarea中的元素進(jìn)行控制。基本屬性
name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)HTML文檔Textarea的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。Default value:元素的默認(rèn)值。方法:
blur():將輸入焦點(diǎn)失去 select():將文字加亮后 事件:
onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件 onFocus:當(dāng)輸入獲得焦點(diǎn)后,產(chǎn)生該文件 Onchange:當(dāng)文字值改變時(shí),產(chǎn)生該事件 Onselect:當(dāng)文字加亮后,產(chǎn)生該文件(3)Select選擇元素
功能:實(shí)施對(duì)滾動(dòng)選擇元素的控制。屬性:
name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)文檔select中的name。Length:對(duì)應(yīng)文檔select中的length options:組成多個(gè)選項(xiàng)的數(shù)組 selectIndex;該下標(biāo)指明一個(gè)選項(xiàng)
select在中每一選項(xiàng)都含有以下屬性: Text:選項(xiàng)對(duì)應(yīng)的文字
selected:指明當(dāng)前選項(xiàng)是否被選中 Index:指明當(dāng)前選項(xiàng)的位置 defaultselected:默認(rèn)選項(xiàng) 事件:
OnBlur:當(dāng)select選項(xiàng)失去焦點(diǎn)時(shí),產(chǎn)生該文件。onFocas:當(dāng)select獲得焦點(diǎn)時(shí),產(chǎn)生該文件。Onchange:選項(xiàng)狀態(tài)改變后,產(chǎn)生該事件。(4)Button按鈕
功能:實(shí)施對(duì)Button按鈕的控制。屬性:
Name:設(shè)定提交信息時(shí)的信息名稱,對(duì)應(yīng)文檔中button的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。方法:
click()該方法類似于一個(gè)按下的按鈕。事件:
onclick當(dāng)單擊button按鈕時(shí),產(chǎn)生該事件。例 :
10
第四章 11........4.3窗體對(duì)象實(shí)例
下面我們演示通過點(diǎn)擊一個(gè)按鈕(red)來改變窗口顏色,點(diǎn)擊“調(diào)用動(dòng)態(tài)按鈕文檔”調(diào)用一個(gè)動(dòng)態(tài)按鈕文檔。
test8_1.htm
調(diào)用動(dòng)態(tài)按鈕文檔 1、簡(jiǎn)述Web瀏覽器打開一個(gè)Web文件的工作過程。
2、描述網(wǎng)頁設(shè)計(jì)的一般步驟。
3、簡(jiǎn)述網(wǎng)頁設(shè)計(jì)的基本準(zhǔn)則。
4、簡(jiǎn)述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時(shí)應(yīng)遵循的原則。
5、描述版面布局的步驟。
6、什么是“HTML”?HTML“標(biāo)記”又是什么?
7、簡(jiǎn)述“HTML”文檔的基本結(jié)構(gòu)。
8、簡(jiǎn)述以下一段HTML代碼中各對(duì)標(biāo)記的作用?!磆tml〉
〈head〉
〈title〉網(wǎng)頁設(shè)計(jì)〈/title〉 〈/head〉
〈body〉
〈h2〉北國(guó)風(fēng)光〈/h2〉
〈/body〉 〈/html〉
9、如何進(jìn)行本地網(wǎng)頁的測(cè)試?
10、網(wǎng)站管理和維護(hù)的主要工作有哪些?
11、什么是Web瀏覽器?
12、簡(jiǎn)述網(wǎng)頁設(shè)計(jì)中所需要注意的通用規(guī)則。
13、簡(jiǎn)述DHTML的概念及主要組成。
14、簡(jiǎn)述使用FrontPage在網(wǎng)頁中插入一個(gè)日歷的過程。
15、簡(jiǎn)述色彩的三原色的概念及每種顏色的調(diào)配范圍。
16、為什么要采用DHTML技術(shù)?客戶端動(dòng)態(tài)網(wǎng)頁技術(shù)有哪些優(yōu)點(diǎn)?
17、網(wǎng)站欄目劃分的原則是什么?
18、XML與HTML相比的主要優(yōu)點(diǎn)有哪些?
19、請(qǐng)簡(jiǎn)述一下網(wǎng)站的設(shè)計(jì)流程?
20、簡(jiǎn)述FireWorks的特點(diǎn)。
21、網(wǎng)頁制作的步驟是什么?
22、怎樣讓鏈接沒有下劃線?
23、怎樣在網(wǎng)頁中加入多媒體播放?
24、怎樣讓網(wǎng)頁的背景圖像不滾動(dòng)?
25、怎樣定義網(wǎng)頁的關(guān)鍵字?
26、什么是Web瀏覽器?
27、網(wǎng)頁上所說的重心平衡指的是什么?
28、什么是DHTML?DHTML技術(shù)主要由哪幾部分組成?
29、在CSS中,對(duì)字體的的設(shè)置所涉及到的屬性有哪些?
30、用HTML語言回答一個(gè)HTML文件應(yīng)具有的基本結(jié)構(gòu)。
31、比較GIF格式和JPG格式的原理與各自的適用范圍。
32、為什么要采用DHTML技術(shù)?客戶端動(dòng)態(tài)網(wǎng)頁技術(shù)有哪些優(yōu)點(diǎn)?
33、簡(jiǎn)述站點(diǎn)的概念以及虛擬目錄和實(shí)際目錄之間的對(duì)應(yīng)關(guān)系。
34、什么是Web安全色?
35、簡(jiǎn)述虛擬主機(jī)的概念和功能。
36、簡(jiǎn)述Dreamweaver的工作窗口由哪些部分組成。
37、在Dreamweaver中,插入圖像的方法有哪些?
38、在Fireworks中,如何使文字附加于路徑?
39、在Flash MX中可以創(chuàng)建哪些類型的元件?各元件的含義是什么?
40、HTML中
標(biāo)記和
標(biāo)記有何區(qū)別?
41、簡(jiǎn)述在網(wǎng)頁中插入背景音樂的方法。
42、怎樣在網(wǎng)頁中插入Flash影片?
43、簡(jiǎn)述設(shè)計(jì)Web站點(diǎn)的一般步驟。
44、簡(jiǎn)要說明html的基本工作原理。
45、簡(jiǎn)要說明表格與框架布局的區(qū)別。
46、舉例說明在網(wǎng)頁中使用CSS樣式表的三種方式(都使用對(duì)p標(biāo)記符應(yīng)用color屬性為例),并簡(jiǎn)要分析各自的特點(diǎn)。
47、簡(jiǎn)要說明使用網(wǎng)頁圖像時(shí)應(yīng)注意的問題
48、簡(jiǎn)要回答選擇符的作用及分類。
49、XML的主要特征有哪些?
50、FrontPage的主要功能有哪些?
51、簡(jiǎn)答HTML文件的基本標(biāo)記組成。
52、簡(jiǎn)答Java與JavaScript的主要區(qū)別。
53、簡(jiǎn)述網(wǎng)站的開發(fā)流程。(10分)
54、簡(jiǎn)述靜態(tài)網(wǎng)頁的執(zhí)行過程。(7分)
55、簡(jiǎn)述在Dreamweaver MX中制作以插件方式播放音樂的頁面的步驟。
56、簡(jiǎn)述網(wǎng)頁制作有哪些基本流程。
57、在Dreamweaver MX中,目標(biāo)端點(diǎn)的鏈接有哪幾種?
58、簡(jiǎn)述在Fireworks中,可以做哪幾個(gè)方面的環(huán)境設(shè)置。
59、在Flash MX中,幀有哪幾種類型?各自的含義是什么?
參考答案:
1、簡(jiǎn)述Web瀏覽器打開一個(gè)Web文件的工作過程。
1)
Web瀏覽器向服務(wù)器發(fā)出頁面請(qǐng)求
2)
服務(wù)器接收頁面請(qǐng)求,并將搜索到的頁面發(fā)給Web瀏覽器
3)
Web瀏覽器接收并顯示頁面
2、描述網(wǎng)頁設(shè)計(jì)的一般步驟。
1)
設(shè)計(jì)主題
2)
設(shè)計(jì)網(wǎng)頁的總體結(jié)構(gòu)
3)
資料的收集和整理
4)
選擇網(wǎng)頁的設(shè)計(jì)方法
5)
注意一些基本問題,如:標(biāo)題要簡(jiǎn)明、圖片最好加說明等
3、簡(jiǎn)述網(wǎng)頁設(shè)計(jì)的基本準(zhǔn)則。
需要遵循的藝術(shù)原則主要有:
1)
對(duì)比原則
2)
協(xié)調(diào)原則
3)
平衡原則
4)
趣味原則。
還包括統(tǒng)一、連貫、分割、對(duì)比、和諧、易讀、易找、清晰、精選。
4、簡(jiǎn)述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時(shí)應(yīng)遵循的原則。
在創(chuàng)建目錄時(shí)需要注意:
(1)不要將所有文件都存放在根目錄下。
(2)目錄層次不要太深,建議不要超過三層。
(3)不要使用過長(zhǎng)的目錄名和盡量不要使用中文目錄名。
5、描述版面布局的步驟。
步驟:
1)
繪制網(wǎng)頁草圖
2)
粗略布局
3)
定案
6、什么是“HTML”?HTML“標(biāo)記”又是什么?
HTML是一種建立網(wǎng)頁文件的語言,透過標(biāo)記式指令,將影像、聲音、圖片和文字等連接起來。
在HTML中用于描述功能的符號(hào)稱為“標(biāo)記”,它是用來控制文字、圖形等顯示方式的符號(hào)。
7、簡(jiǎn)述“HTML”文檔的基本結(jié)構(gòu)。
HTML網(wǎng)頁的基本結(jié)構(gòu)。
HTML文件開始
文件頭開始
文件頭
文件頭結(jié)束
文件體開始
文件體
《網(wǎng)頁設(shè)計(jì)與制作教案》
教師:系部:信息技術(shù)工程系專業(yè):計(jì)算機(jī)應(yīng)用班級(jí):計(jì)機(jī)
湄洲灣職業(yè)技術(shù)學(xué)院
2008-2009學(xué)年第一學(xué)期
唐 俊 奇
電子信息
07(1)信息07(1)08(2)
1.3 網(wǎng)頁中所使用的技術(shù)
1.3.1 HTML語言和XML語言
1、HTML語言
?HTML只使用SGML中很小一部分標(biāo)記
?HTML語言(Hyper Text Markup Language 超文本標(biāo)記語言)
?HTML是純文本的語言,其源代碼可以用各種文本編輯工具進(jìn)行編輯,常用的網(wǎng)頁制作軟件如FrontPage、Dreamweaver等實(shí)際上是自動(dòng)生成HTML源代碼的工具
2、XML語言
XML(eXtensible Markup Language)1.3.2 動(dòng)態(tài)網(wǎng)頁
1.3.3 多媒體技術(shù)的應(yīng)用 1.3.4 Web服務(wù)器端程序
1.4 制作網(wǎng)頁的基本方法
1.4.1 制作網(wǎng)頁的基本步驟
1、確定網(wǎng)頁的內(nèi)容
2、設(shè)計(jì)網(wǎng)頁的組織結(jié)構(gòu)
3、資料的收集與整理
4、選擇網(wǎng)頁的設(shè)計(jì)方法
1.4.2 制作網(wǎng)頁時(shí)要注意的問題
1、網(wǎng)頁的標(biāo)題要簡(jiǎn)潔,明確。
2、在文本中要使用水平線,以分割不同部分。
3、對(duì)重點(diǎn)段落要強(qiáng)調(diào)顯示。
4、網(wǎng)頁中插入的圖片要盡量的小。
5、圖形要附加文字說明,以便關(guān)閉圖像時(shí)查看。
6、網(wǎng)頁中引用的資料及商標(biāo)(或圖標(biāo)),不能侵犯版權(quán)?!菊n后小結(jié)】
通過學(xué)習(xí),認(rèn)識(shí)網(wǎng)絡(luò)、網(wǎng)站、網(wǎng)頁及相關(guān)信息,理解網(wǎng)頁制作的流程及了解相應(yīng)開發(fā)工具,為設(shè)計(jì)網(wǎng)頁做準(zhǔn)備。
第二講 HTML的基本標(biāo)志與格式標(biāo)志
【教學(xué)內(nèi)容】
講解HTML基本標(biāo)志對(duì)和格式標(biāo)志。【教學(xué)目的】
使學(xué)生標(biāo)志對(duì)與格式標(biāo)志對(duì)的使用。【教學(xué)重點(diǎn)】
格式標(biāo)志的使用。【教學(xué)難點(diǎn)】
* 使學(xué)生掌握超級(jí)鏈接標(biāo)志的使用?!窘虒W(xué)重點(diǎn)】
* 字體、圖片和超級(jí)鏈接標(biāo)志的使用。* 網(wǎng)頁中特殊符號(hào)的輸入?!窘虒W(xué)難點(diǎn)】
* 理解特殊符號(hào)對(duì)應(yīng)的標(biāo)志。* 理解img標(biāo)志中屬性的意義。* 理解書簽超級(jí)鏈接的意義?!窘虒W(xué)方式】
討論式、案例分析式、練習(xí)式。【教學(xué)參考】
1、《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社?!拘抡n內(nèi)容】
2.2 插入文字
2.2.1 劃分段落 格式
段落內(nèi)容
2.2.2 插入標(biāo)題文字 格式
標(biāo)題內(nèi)容 2.2.3 字號(hào)屬性
設(shè)置基準(zhǔn)字號(hào): 網(wǎng)頁內(nèi)的其他文字,采用下面的格式來定義 ...... Size的有效范圍是1(最大)到7(最?。H绻赟ize的值前面帶上“+”號(hào)或“-”號(hào),則表示相對(duì)于基礎(chǔ)字體增大或減小若干字號(hào)。2.2.4 顏色屬性 兩種方式
字符串 2.2.5 字體屬性
2.2.6
文本修飾
......,文字以粗體顯示。......,文字顯示為斜體。......,顯示下劃線。
...... STRIKE>,中心線貫穿文字。< EM>...... EM>,強(qiáng)調(diào)文字,通常用斜體。
< STRONG>...... STRONG >,特別強(qiáng)調(diào)的文字,通常用黑體。
2.3.2 圖片的屬性
2.4 建立超級(jí)鏈接
2.4.1 指向一個(gè)目標(biāo)
1、建立超級(jí)鏈接
字符串
2、為圖片建立超級(jí)鏈接
3、鏈接到郵件和多媒體文件 鏈接到郵件
請(qǐng)與我聯(lián)系 2.4.2 使用錨點(diǎn)
?使用錨點(diǎn)可以使用戶在一個(gè)較長(zhǎng)的文檔中跳轉(zhuǎn),方便地找到要閱讀的內(nèi)容。?建立錨點(diǎn):
?錨點(diǎn)文字 ?使超級(jí)鏈接指向已定義的錨點(diǎn)。?文字 ?文字 2.4.3 新窗口和基準(zhǔn)鏈接
1、打開新窗口 Target=“window-name”>開一個(gè)新窗口
2、基準(zhǔn)鏈接
在
與 之間設(shè)定
BorderColor=“#008000“ >
2.7.3 子窗口屬性設(shè)置
-2.7.4 常見的框架窗口劃分方法(1)標(biāo)題和正文,分為上下兩部分(2)層次結(jié)構(gòu),分為上中下三部分
(3)目錄和標(biāo)題,分為左上、左下、右三部分
(4)標(biāo)題、目錄和正文,分為上、左下、右下三部分(5)嵌套目錄,分為左、右上、右下三部分 2.7.5 不支持框架的網(wǎng)頁