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