教育聯展網
自考網頁設計與制作重點考點總結
第一章網頁設計與制作基礎
本章要點
通過本章學習，考生應了解互聯網的基本功能、服務、原理，對網頁瀏覽服務的體系結構、技術名詞、瀏覽器有基本的了解，對于網頁的設計原則和所使用工具也應有一定的認識，從而為繼續深入學習網頁制作技術打下知識基礎。
第一節關于互聯網
一、什么是協議
網絡協議：是一系列通信規則的總稱，主要包括用戶數據與控制信息的結構和格式、需要發出的控制信息以及相應要完成的操作與響應、對事件實現順序的詳細說明等三部門內容。
硬件協議：定義了硬件設備如何運作以及如何協同工作。
軟件協議：程序之間的通信是通過軟件協議完成的。
二、互聯網協議
1、TCP/IP是為了連接不同的網絡而設計的一個協議集，主要由TCP和IP兩套協議組成，互聯網就是以此為基礎建立的。這套協議包括遠程登錄、文件傳送、電子郵件等，TCP/IP可與任何硬件或操作系統一起工作。
（1）IP網際協議
IP協議處理網絡上一個主要到另一個主要的數據報路由選擇，遠行在OSI網絡七層模型中的網絡層上。OSI開放系統互聯是由國際標準化組織發起制定的計算機網絡通信標準。OSI定義了網絡功能的七層模型，分別是：應用層、表示層、會話層、傳輸層、網絡層、數據鏈路層、物理層，稱為OSI七層模型。
（2）TCP傳輸控制協議
TCP工作在OSI模型中的傳輸層上，用于建立和校驗數據連接。
整個數據傳送過程是由計算機、網關、路由器和協議共同保證的。
2、PPP協議
PPP指點對點協議，是在串行線路上傳輸IP數據報的TCP/IP協議。一般被用來建立與互聯網的撥號連接，該協議同時提供了物理層和數據鏈路層的功能，PPP附加的功能包括出錯控制、安全性、動態地址分配以及運行多種協議等。
3、其他協議
HTTP：超文本傳輸協議，用于WWW服務。
FTP：文件傳輸協議，用于實現計算機之間的文件傳輸。
SMTP：簡單郵件傳輸協議，用于電子郵件發送。
POP3：郵件協議3，一般用于電子郵件接收。
TELNET：遠程登錄協議，一般用于遠程終端登錄主機。
三、IP地址
IP地址由32位二進制數表示，每8位為一組，以圓點分隔，在面向用戶的文檔中，IP地址被直觀地表示為四個以圓點隔開的十進制數，其中每個十進制數對應一個8位二進制數組（鄧一個字節），每個十進制數可取值為0-255。如：192.168.45.255。IP地址是一種層次型地址，在概念上分為三個層次：主機、由主機構成的網絡和由網絡構成的互聯網。
四、域名和域名系統
1984年起在互聯網上采用了一種字符型的地址標識，這便是域名。或名采用層次型命名機制。（主機名）（機構名）（網絡類型名）（國別代碼）
域名系統實現了域名——IP地址的映射。
域名系統的實質是一個分布式數據庫，包括提出數據的標準格式、數據庫查詢方法，以及本地更新數據的標準方法。
五、WWW
萬維網于1990年誕生于瑞士日內瓦的歐洲粒子物理實驗室。
萬維網建立在標準化的網絡概念之上，采用客戶機/服務器的體系結構。資源共享是互聯網的基本特征。Web是通過超文本語言的來具體實現的。
在實際應用之中，它主要包括三個方面：
1、實現資源引用的統一命名機制
URL即統一資源定位器，是指向互聯網上文件位置的標志，主要由四部分組成，分別是：訪問類型、訪問的主機、端口號以及訪問的文件的路徑。
HTTP一般使用80端口，FTP一般使用21端口。
2、使用標準的Web文件傳輸機制——HTTP3、文本的邏輯結構采用標記語言HTML描述協議
HTML是萬維網中超文超文件的基礎
第二節網頁概述
網頁：Web站點中使用HTML編寫而成的單位文檔，是Web中的信息載體。其使用的描述語言是HTML。
超文本：指的是在一個網頁上可以通過事先嵌入的超級鏈接轉到存儲于其他任何地方的網頁。
超媒體：是網頁包含了種種多媒體信息或多媒體鏈接。除了含有文本、圖形、圖像、動畫外，還可以包含表格、窗體，可以和用戶進行交互、接收用戶輸入。
Web服務器也稱為網點或站點
主頁：在一個站點的眾多網頁中，總有一個網頁是被指定為該站點的“門戶網頁”，即為該站點的主要，這個頁面是整個站點的核心，站點內所有內容都由門戶頁面進行索引，該頁通常被命名為index.html或default.html
萬維網是全球性的信息服務網絡，而Web服務器上的信息，則以網頁的方式組織一個整體。網頁就是存放在互聯網中的Web服務器上的一個文件，或者說是一種文檔——Web文檔。
第三節HTML概述
HTML：超文本標記語言是創建網頁時使用的語言。HTML文件被瀏覽器解釋后就是網頁由標記（tag）和文本組成。就其本質而言，是一個基于文本的編碼標準，用于指示瀏覽器以什么方式顯示信息。
第四節Web瀏覽器
一、Web瀏覽器
所謂Web瀏覽器：指一個運行在用戶計算機上的程序，它負責下載、顯示網頁，因此也稱為WWW客戶程序。
二、瀏覽器與超文本
網頁的特征，也就是HTML文檔的基本特征——超文本，它是指將一個文檔的鏈接嵌入另外一個文檔的形式。超鏈接有時也稱為快捷鏈接或簡稱為超鏈。超級鏈接的最大特點在于它能引出WWW中的任何信息。
三、瀏覽器與超媒體
在超媒體的第一個應用中，網頁中的圖形本身就是一個鏈接。
在超媒體的第二個應用中，Web的鏈接可以打開某一程序，而且顯示并播放其中的圖片、音頻或視頻剪輯。
四、處理多媒體信息
五、保存Web文檔的方式
Web瀏覽器能以HTML文件（以.htm或.html為擴展名）方式或無格式文體（.Txt為擴展名）方式來保存Web文檔。
六、當前流行的Web瀏覽器
目前最流行的瀏覽器主要有Netscape Navigator 和Microsoft Internet Explorer(IE)兩種。批處理瀏覽器和離線瀏覽器
第五節網頁設計的基本目標
評價一個網站網頁設計的好壞主要包括創意和制作兩個部分。
一、創意要新
網站設計總的目標是：好的創意、豐富的內容、新穎的觀點
二、頁面制作
1、網頁結構
2、頁面內容
3、文字
4、圖形
三、商業網頁設計的要求
1、良好的視覺效果
2、站點開發周期盡可能短，網頁發布的信息一定要準確
3、維護更新要方便
4、商業網頁制作的其他應注意的幾個問題
第六節網頁制作工具及其分類
一、標記型網頁制作工具
HTML是網頁制作的基礎，也是最基本的工具。
最具代表性的HTML標記編輯器有：
1、HotDog是最流行的HTML標記編輯器之一，不要求用戶熟悉HTML。
2、Homesite是一種較新的、使用Borland Delphi編輯器，小巧而工能齊全。需要用戶有一點HTML基礎，適合已有一定網頁制作經驗的人使用。
二、“所見即所得”型網頁制工作
所見即所得型網頁制作工具：它是指創建的網頁文件在編輯過程中的顯示與文件最終在瀏覽器顯示的效果是一樣的，用戶不需要接觸HTML源代碼就可以做出希望要的網頁。
1、通用工具備——office套件
2、專用工具
（1）FrontPage
（2）Dreamweaver
基本特征
（1）最佳的制作效率
（2）網站管理
（3）無可比擬的控制能力
（4）豐富模板和XML支援
（5）多游覽器平臺的支持
三、編程型網頁制作工具
1、CGI編程
所謂CGI腳本程序，是服務器上的一個可執行程序。
CGI只是一種實現用戶交互的環境，并不是一種語言。
2、Java編程
Java是一種廣泛使用的網絡編程語言，它是一種新的計算機概念。首先，作為一種程序設計語言，它簡單、面向對象，不依賴于機器的結構，具有可移值性、安全性，提供了并發的機制并具有很高的性能。其次，它最大限度地利用了網絡。它的小應用程序可在網絡上運行而不受CPU和環境的限制。還提供了豐富的類庫。
四、圖像處理工具
GIF圖像交換格式是一種最大色系256色的通用圖像格式。
JPEG是一種壓縮存儲的圖形格式，由聯合照片專家組開發并以其命名。
使用圖像處理工具可對圖像進行編輯、修飾、優化、圖形文件格式轉換等處理。
五、通用圖像處理工具（Photoshop）
六、專用圖像處理工具
七、不同類型工具的比較
“所見即所得”編輯器往往具有一些致命的弱點：
難以精確達到與瀏覽器完全一致的顯示效果
“所見即所得”編輯器往往會書寫冗余高的代碼，不如手工書寫的來得簡潔。
第七節小結
一、從了解HTML的基本標記開始
二、選擇一個自己認為頗為順手的工具，從第一頁面開始
三、多多訪問他人的網頁，從中受到啟發
四、深入分析成功的網站、網頁
考核要求
第一節關于互聯網
識記：互聯網提供的幾種服務及其各自概念與功勇；互聯網發展歷程。
領會：Web瀏覽服務的基本體系結構，互聯網基本名詞：URL，超級鏈接。
第二節網頁概述
識記：網頁與主頁之間的關系。
領會：網頁的基本要領。
應用：實際上際，查看網頁。
第三節HTML概述
領會：HTML的概念；HTML的基本構成單位：標記。
應用：識別HTML文件；標記的基本寫法。
第四節Web瀏覽器
識記：Web瀏覽器如何處理多媒體信息、如何保存頁網。
領會：Web瀏覽器如何進行工作。
應用：使用Web瀏覽器。
第五節網頁設計的基本目標
識記：站點設計中應該考慮的問題。
領會：網頁設計的基本原則。
第六節網頁制作開發工具及其分類
識記：網頁開發工具的分類以及主流開發工具的名稱。
第七節小結
識記：快速掌握網頁制作的幾個方法。
網頁設計與制作
實訓報告
班級：多媒體152
姓名：張莉鈞
學號：201501032118
指導老師：薛楊 王淑惠
實訓時間：6.20——6.24
一、實訓目的：
1、進一步熟悉和掌握網站建設的基本流程和技術規范；
2、鞏固運用Dreamweaver網頁制作軟件制作網頁、特別是制作復雜網頁的知識；
3、鞏固運用PS圖像處理軟件進行網頁中圖形制作和運用flash動畫制作軟件設計網頁中動畫的知識；
4、鞏固綜合運用Dreamweaver、PS、flash三個軟件完成網站建設任務的方法，能獨立設計一個內容完整、圖文并茂、技術運用得當的網站；
5、具備獨立撰寫實訓報告基本能力；
6、在網頁設計的實踐中培養分析問題、解決問題的能力，培養協作、交流的能力，培養創新能力和團隊意識；
7、緊緊圍繞網頁制作的流程：規劃、設計、開發、發布、維護來進行網站的開發，制作出具有較高水準的靜態網頁。以此作為學生學習這門課程的階段性總結，使學生復習、鞏固所學過的理論，并予
以適當的深化，進一步訓練學生的基本技能（如：搜集資料、整理數據、發現與分析問題、尋求解決問題的方案等），為今后從事網站開 發、維護和管理奠定基礎
二、實訓項目——特色美食餐廳網站設計
1、網站主題
我的網站的主旨在于從各個方面全面的介紹特色美食餐廳，包括它的菜品、餐廳的環境以及促銷活動。另外，網站里還包括餐廳資料和聯系方式，網站里的每一個網頁都有統一的風格，每一個網頁的主題色彩都是橙色和白色搭配，用以展示餐廳特色的效果。其實最重要的是要做出自己的風格，給瀏覽者好的欣賞感受。
2、網站材料
主要在網站上搜集所要的網頁信息，包括圖片、文字。同時，查
詢相關的書籍、百度等方式收集所需的文字資料,圖象資料,flash動畫和網頁特效等，用以得來更加具有說服力的頁面。要想做好自己的網站，能夠給瀏覽者好的欣感受，就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。精選自己收集的材料，作為自己制作網頁的素材，這樣就可以做好一個好的網站。
3、網站規劃
我的網站共有７個主頁面：首頁、美食介紹、優惠活動、商品促銷、宴會定制、會員中心和關于我們。每一個頁面用統一的模塊，以保證網站統一的頁面風格。網頁布局主要用框架和表格，用框架定位內容的大體結構，再用表格具體定位。位子的設計也是重要的一個部分，根據具體內容決定字體風格，相同的風格多次調用是CSS設計一個樣式，以保證隨時、準確的調用。
三、網頁設計工具使用
1、Dreamweaver——我們使用它做網頁的主要布局。
2、Photoshop——我們使用它做網頁圖片的處理以及logo的制作。
3、Flash——我們使用它制作動畫
四、網站設計流程
1、主頁設計
2、色彩搭配
五、網站測評
網站建成后為了出現不必要的錯誤，需對它進行測評，測評的主要內容為
1、鏈接有效性，靜態網頁只要保證每一個網頁正常瀏覽保證頁面信息不缺失就可以了。
2、網頁語言的正確性，檢查網頁中英文拼寫與html語言是否正確，在靜態網頁中語言都是自動生成的所以語言的正確性一般不會有太大的問題。
3、網站便用性，檢查網站的整體結構是否清晰以及網站頁面的導航是否清晰。
最終效果圖
總結：
通過學習一學期的網頁設計，我們收獲了不少，我們這次實訓雖然只做了一個網站，但這個里面包括的內容很多，主要包括網站主頁的布局設計，建立站點，網頁與網頁之間的連接，以及模板和css樣式表的應用。
收獲：通過一個星期的網頁設計實訓，從中學到了不少的網頁設計知識，之前都是老師講得比較多，總以為很難實現，但自己做起來其實也并不是想象中那么苦難。雖然代碼看起來復雜，但是慢慢學會分析就會懂。
不足：當然這次實訓我也有不足，比如css樣式表不能靈活應用，網頁布局也不夠完美，不過多虧了王老師和薛老師的細心指導，我才能完成這次實訓。
Flash實訓總結
班級：多媒體152
姓名：張莉鈞
學號：201501032118
指導老師：薛楊
實訓時間：2.flash培訓實訓總結提要：
這次實訓過后，對flash有了基礎的了解，想在這方面學習的話有了初步的基礎，主要是學習了flash中各種工具的使用，1、確定動畫劇本及分鏡頭；
2、設計出不同字母間的完美轉換。、一、實訓目地：讓我們更熟練的應用flash制作動圖
二、實訓項目——不同字母間的形狀變換
1、先要確定使用的字母w o r l d
2、再給每個字母使用不同的顏色以及給它們變形
3、最后再給每個字母做不同的變換方式
三、總結 實訓收獲: 通過這次實訓我更加鞏固了對flash的應用，雖然這中間有很多失誤和很多不必要犯的錯誤，但更多的是收獲，這次實訓過后，對flash有了基礎的了解，想在這方面學習的話有了初步的基礎，主要是學習了flash中各種工具的使用，1、確定動畫劇本及分鏡頭；
2、設計出字母形狀；
3、導入到flash進行制作；
4、剪輯配音。在分鏡頭畫面腳本繪制過程中，應養成填表的好習慣，在表格中注明畫面的景別，畫面景別使用的專業術語有：大特寫、特寫、近景、中景、全景、遠景、全遠景、縱深景等。畫面鏡頭號景別秒數內容摘要對白效果音樂。存在的問題及解決思路: 這幾個星期我學習的flash大多是比較基礎的，Flash中字母刻畫不夠完善，很多動作，變形都需要有一定的美術功底及Flash基礎，對于初學的我很困難，所以在此只做了一些簡單的變形。在Flash中的一些腳本語言初學時無從下手，只好從大量的視頻、書籍里尋找答案。4．結束語
為了對Flash的現況有更好的了解，主要是對于網上一些MV做了參考。現在的FlashMV已經逐漸成熟了。MV的制作從開始的大量使用位圖，轉換為矢量后讓它們移動來制造動畫效果，或者是一些簡單的閃入、閃出來豐富畫面，發展到現在的廣泛使用矢量圖甚至手工作圖，一些費心思的逐幀動畫讓我看到了Flash的日漸成熟；從以前的生硬呆板，發展到今天的生動、逼真。Flash動畫說到底就是“遮罩+補間動畫+逐幀動畫”與元件（主要是影片剪輯）的混合物，通過這些元素的不同組合，從而可以創建千變萬化的效果。我不僅復習熟練了相關的課程、專業，還學習掌握了很多知識，同時也認識到還有很多基礎知識要去學習，去鞏固。在以后的時間里，我將花費大量的時間用于學習Flash及相關知識，在Flash之路上我會走的更遠。
教學總結
2010年7月5日
本學期承擔0450821,04A0801班的網頁設計與制作課程的教學任務。教學目的：通過課程的教學,使學生掌握該軟件的操作方法和操作技巧,學會運用其創建個人網站.具備一定的網站設計能力,學會網站的測試、維護、發布及推廣等。
教學內容：通過實例的講解，讓學生掌握網頁制作和網站開發的知識。從如何策劃網站、收集網站資料、準備素材、各個頁面的邏輯關系和鏈接的建立到網站動態系統的開發，如何申請空間和域名，如何上傳網站以及網站測試、維護、發布及推廣等。
教學方法：多媒體教學時，準備好教學課件和教學素材，采用項目教學法，圍繞實例，掌握相關知識點和操作方法，增強學生學習興趣，掌握網頁的制作和處理方法，提高學生解決和處理問題的能力。通過實踐課程環節，加強技能培訓，學會舉一反三，融會貫通，提高綜合運用能力。增強學生探究和創新意識,學習科學探究的方法,發展綜合運用知識的能力,增進學校與社會的密切聯系,培養學生的社會責任感。
教學課時：60學時。多媒體教學占三分之一，實踐教學占三分之二。教學評價：本課程為考試科目。平時成績占40%，期末考試占60%。平時成績包括：遲到、早退、曠課，上課紀律，書面練習，平時上機實踐作品完成情況（此項為重點）。
通過本學期的教學,順利地完成了教學目標。總之，一學期的教學工作，取得了良好的教學效果。
1、簡述Web瀏覽器打開一個Web文件的工作過程。
2、描述網頁設計的一般步驟。
3、簡述網頁設計的基本準則。
4、簡述規劃網站目錄結構時應遵循的原則。
5、描述版面布局的步驟。
6、什么是“HTML”？HTML“標記”又是什么？
7、簡述“HTML”文檔的基本結構。
8、簡述以下一段HTML代碼中各對標記的作用。〈html〉
〈head〉
〈title〉網頁設計〈/title〉 〈/head〉
〈body〉
〈h2〉北國風光〈/h2〉
〈/body〉 〈/html〉
9、如何進行本地網頁的測試？
10、網站管理和維護的主要工作有哪些？
11、什么是Web瀏覽器?
12、簡述網頁設計中所需要注意的通用規則。
13、簡述DHTML的概念及主要組成。
14、簡述使用FrontPage在網頁中插入一個日歷的過程。
15、簡述色彩的三原色的概念及每種顏色的調配范圍。
16、為什么要采用DHTML技術？客戶端動態網頁技術有哪些優點？
17、網站欄目劃分的原則是什么？
18、XML與HTML相比的主要優點有哪些？
19、請簡述一下網站的設計流程？
20、簡述FireWorks的特點。
21、網頁制作的步驟是什么？
22、怎樣讓鏈接沒有下劃線?
23、怎樣在網頁中加入多媒體播放?
24、怎樣讓網頁的背景圖像不滾動?
25、怎樣定義網頁的關鍵字?
26、什么是Web瀏覽器?
27、網頁上所說的重心平衡指的是什么?
28、什么是DHTML？DHTML技術主要由哪幾部分組成？
29、在CSS中，對字體的的設置所涉及到的屬性有哪些？
30、用HTML語言回答一個HTML文件應具有的基本結構。
31、比較GIF格式和JPG格式的原理與各自的適用范圍。
32、為什么要采用DHTML技術?客戶端動態網頁技術有哪些優點?
33、簡述站點的概念以及虛擬目錄和實際目錄之間的對應關系。
34、什么是Web安全色?
35、簡述虛擬主機的概念和功能。
36、簡述Dreamweaver的工作窗口由哪些部分組成。
37、在Dreamweaver中，插入圖像的方法有哪些？
38、在Fireworks中，如何使文字附加于路徑？
39、在Flash MX中可以創建哪些類型的元件？各元件的含義是什么？
40、HTML中
標記和
標記有何區別?
41、簡述在網頁中插入背景音樂的方法。
42、怎樣在網頁中插入Flash影片？
43、簡述設計Web站點的一般步驟。
44、簡要說明html的基本工作原理。
45、簡要說明表格與框架布局的區別。
46、舉例說明在網頁中使用CSS樣式表的三種方式（都使用對p標記符應用color屬性為例），并簡要分析各自的特點。
47、簡要說明使用網頁圖像時應注意的問題
48、簡要回答選擇符的作用及分類。
49、XML的主要特征有哪些？
50、FrontPage的主要功能有哪些？
51、簡答HTML文件的基本標記組成。
52、簡答Java與JavaScript的主要區別。
53、簡述網站的開發流程。（10分）
54、簡述靜態網頁的執行過程。（7分）
55、簡述在Dreamweaver MX中制作以插件方式播放音樂的頁面的步驟。
56、簡述網頁制作有哪些基本流程。
57、在Dreamweaver MX中，目標端點的鏈接有哪幾種？
58、簡述在Fireworks中，可以做哪幾個方面的環境設置。
59、在Flash MX中，幀有哪幾種類型？各自的含義是什么？
參考答案：
1、簡述Web瀏覽器打開一個Web文件的工作過程。
1）
Web瀏覽器向服務器發出頁面請求
2）
服務器接收頁面請求，并將搜索到的頁面發給Web瀏覽器
3）
Web瀏覽器接收并顯示頁面
2、描述網頁設計的一般步驟。
1)
設計主題
2)
設計網頁的總體結構
3)
資料的收集和整理
4)
選擇網頁的設計方法
5)
注意一些基本問題，如：標題要簡明、圖片最好加說明等
3、簡述網頁設計的基本準則。
需要遵循的藝術原則主要有：
1）
對比原則
2）
協調原則
3）
平衡原則
4）
趣味原則。
還包括統一、連貫、分割、對比、和諧、易讀、易找、清晰、精選。
4、簡述規劃網站目錄結構時應遵循的原則。
在創建目錄時需要注意：
（1）不要將所有文件都存放在根目錄下。
（2）目錄層次不要太深，建議不要超過三層。
（3）不要使用過長的目錄名和盡量不要使用中文目錄名。
5、描述版面布局的步驟。
步驟：
1）
繪制網頁草圖
2）
粗略布局
3）
定案
6、什么是“HTML”？HTML“標記”又是什么？
HTML是一種建立網頁文件的語言，透過標記式指令，將影像、聲音、圖片和文字等連接起來。
在HTML中用于描述功能的符號稱為“標記”，它是用來控制文字、圖形等顯示方式的符號。
7、簡述“HTML”文檔的基本結構。
HTML網頁的基本結構。
HTML文件開始
文件頭開始
文件頭
文件頭結束
文件體開始
文件體
《網頁設計與制作教案》
教師：系部：信息技術工程系專業：計算機應用班級：計機
湄洲灣職業技術學院
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 動態網頁
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、網頁中引用的資料及商標（或圖標），不能侵犯版權。【課后小結】
通過學習，認識網絡、網站、網頁及相關信息，理解網頁制作的流程及了解相應開發工具，為設計網頁做準備。
第二講 HTML的基本標志與格式標志
【教學內容】
講解HTML基本標志對和格式標志。【教學目的】
使學生標志對與格式標志對的使用。【教學重點】
格式標志的使用。【教學難點】
* 使學生掌握超級鏈接標志的使用。【教學重點】
* 字體、圖片和超級鏈接標志的使用。* 網頁中特殊符號的輸入。【教學難點】
* 理解特殊符號對應的標志。* 理解img標志中屬性的意義。* 理解書簽超級鏈接的意義。【教學方式】
討論式、案例分析式、練習式。【教學參考】
1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社。
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
文本修飾
......，文字以粗體顯示。......，文字顯示為斜體。......，顯示下劃線。
......，中心線貫穿文字。< EM>......，強調文字，通常用斜體。
< STRONG>......，特別強調的文字，通常用黑體。
2.3.2 圖片的屬性
2.4 建立超級鏈接
2.4.1 指向一個目標
1、建立超級鏈接
字符串
2、為圖片建立超級鏈接
3、鏈接到郵件和多媒體文件 鏈接到郵件
請與我聯系 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 不支持框架的網頁
