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