國家開放大學電大?？啤禗reamweaver網(wǎng)頁設計》網(wǎng)絡核心課形考任務1-9題庫及答案

1、(精華版)國家開放大學電大?？艱reamweaver網(wǎng)頁設計網(wǎng)絡核心課形考任務1-9題庫及答案盜傳必究考試說明：形成性考核占課程綜合成績的50%,終結(jié)性考試占課程綜合成績的50%。形考任務一(1) 網(wǎng)頁的內(nèi)容應該包括哪些元素？答：一般網(wǎng)站的頁面組成都有文字、圖象、超鏈接、表格、表單、動畫及框架等。一、框架框架是網(wǎng)頁的一種組織形式，將相互關聯(lián)的多個網(wǎng)頁的內(nèi)容組織在一個瀏覽器窗口中顯示。例如，我們可 以在一個框架內(nèi)放置導航欄，另一個框架中的內(nèi)容可以隨著單擊導航欄中的鏈接而改變，這樣我們只要制 作一個導航欄的網(wǎng)頁即可，而不必將導航欄的內(nèi)容復制到各欄目的網(wǎng)頁中去。二、文本文本是網(wǎng)頁中的主要信息。在網(wǎng)頁

2、中可以通過字體、字號、顏色、底紋以及邊框等來設置文本屬性。這里 指的文字是文本文字，而并非圖片中的文字。在網(wǎng)頁制作中，文字可以方便地設置成各種字體和大小，但是這里還是建議，用于正文的文字不要太大， 也不要使用太多的字體，中文文字使用宋體、9磅或者12、14像素左右即可。因為過大的字在顯示器中 顯示時線條的顯示不夠平滑、顏色也不要使用得太過復雜，以免造成影響用戶視覺。大段文本文字排列， 建議參考一下優(yōu)秀的報紙雜志等。三、圖片今天看到的豐富多彩的網(wǎng)頁，都是因為網(wǎng)頁中有了圖象，可見圖象在網(wǎng)頁中的重要性。用于網(wǎng)頁上的圖片 一般為JPG和GIF格式的，即以.jpg和.gif為后綴的文件。四、超鏈接超鏈接

3、是整個網(wǎng)站的通道，它是把網(wǎng)頁指向另一個目的端的鏈接。例如指向另一個網(wǎng)頁或相同網(wǎng)頁上的不 同位置。這個目的端通常是另一個網(wǎng)頁，但也可以是圖片、電子郵件地址、文件、程序，或者也可以是本 阿諛的其他位置。超鏈接可以是文本或者圖片。超鏈接廣泛的存在于網(wǎng)頁的圖片和文字中，提供與圖片和文字相關內(nèi)容的鏈接。在超鏈接上單擊鼠標左鍵, 即可鏈接到相應地址(URL)的網(wǎng)頁。有鏈接的地方，鼠標指到光標會變成小手形狀。可以說超鏈接正是 Web的主要特色。五、表格表格是網(wǎng)頁排版的靈魂。使用表格排版是網(wǎng)頁的主要制作形式之一。通過表格可以精確的控制各網(wǎng)頁元素 在網(wǎng)頁中的位置。表格并非指網(wǎng)頁中直觀意義的表格，范圍要更廣一些，

4、它是HTML語言中一種元素。表 格主要用于網(wǎng)頁內(nèi)容的排列，組織整個網(wǎng)頁的外觀，通過在表格中放置相應的內(nèi)容，即可有效的組合成符 合設計效果的頁面。有了表格的存在，網(wǎng)頁中的元素得以方便的固定在設計位置上。一般表格的邊線不在 網(wǎng)頁中顯示。六、表單表單是用來收集站點訪問者信息的域集。站點訪問者填寫表單的方式是輸入文本、單擊單選按鈕與復選框, 以及從下拉菜單中選擇選項。在添寫好標單之后，站點訪問者便送出輸入的數(shù)據(jù)庫，該骰觥句哭就會根據(jù) 所設置的表單處理程序，以各種不同的方式進行處理。七、動畫動畫是網(wǎng)頁上最活躍的元素，通常制作優(yōu)秀、創(chuàng)意思、出眾的動畫是吸引瀏覽者的最有效的方法。但太多 的動畫讓人眼花繚亂，

5、無心細看。這就使得對動畫制作的要求越來越高。通常的制作動畫的軟件有flash, web animator等。Macromedia的flash雖然出現(xiàn)的時間不長，但已經(jīng)成為了最重要的Web動畫形式之一。 Flash不僅比htm易學得多，而且有很多重要的動畫特征，如關鍵楨補間、運動路徑、動畫蒙版、形狀變 形和洋蔥皮效果等。利用這個多才多藝的程序，不僅可以建立Flash電影，而且可以把動畫輸出為 QuickTime文件，GIF文件或其他許多不同的文件格式(PICT、JPEG、PNG等)八、其他網(wǎng)頁中除了這些基本元素外，還包括橫幅廣告、字幕、懸停按鈕、日戳、計數(shù)器、音頻及視頻等。(2) 一般網(wǎng)站的規(guī)劃

6、與設計應該考慮哪些因素？答：一、網(wǎng)站的主題定位在一個網(wǎng)站建設前首先要做好的就是網(wǎng)站的品牌定位，明確網(wǎng)站的定位是圍繞著集團網(wǎng)站建設還是產(chǎn)品品 牌角度出，網(wǎng)站的視覺風格、頁面板塊、內(nèi)容核心等都會有區(qū)別。定位確定之后，需要在網(wǎng)站建設后期， 通過獨特的網(wǎng)站風格、主題突出的欄目內(nèi)容，體現(xiàn)出品牌的核心價值。而旦確定好定位以后，網(wǎng)站后期的 優(yōu)化也可以更加方便的進行。二、網(wǎng)站整體的風格設計視覺效果是影響用戶對網(wǎng)站印象的重要因素，要體現(xiàn)企業(yè)的氣質(zhì)需要高水平的網(wǎng)頁設計來烘托。在做一個 品牌網(wǎng)站的網(wǎng)頁設計時，一定要對品牌有深入的了解和把握，這樣才能提取出網(wǎng)站的核心部分。三、網(wǎng)站的整體架構(gòu)網(wǎng)站整體架構(gòu)包括公司介紹、新

7、聞動態(tài)、服務展示、聯(lián)系我們等內(nèi)容，要讓用戶通過這些內(nèi)容對品牌形成 認知，當然這些內(nèi)容并非每個都而而俱到，最好能詳略得當，著重推出品牌形象與產(chǎn)品推廣。這就像是我 們?nèi)粘Ｉ钪兴玫降拿粯?，用戶如果想對公司有所了解，就一定會去看企業(yè)的官網(wǎng)去進行初步的了 解，所以網(wǎng)站建設時一應要齊全，可以讓用戶初步對公司有一個比較全面的了解。四、網(wǎng)站的數(shù)據(jù)分析通過挖掘用戶的瀏覽信息，去分析用戶的行為，從而對網(wǎng)站的布局、網(wǎng)站的設計、關鍵詞等進行及時的調(diào) 整。不斷的去提高企業(yè)網(wǎng)站的品牌效應。多做一些正而的宣傳增強用戶的信任度。五、網(wǎng)站的日常維護一個品牌網(wǎng)站，必須要有一個可以對網(wǎng)站內(nèi)容進行實時監(jiān)控的專業(yè)的團隊。這樣網(wǎng)

8、站出現(xiàn)問題時就能得到 及時的處理。以防出現(xiàn)遭受攻擊或網(wǎng)站響應速度變慢等問題，影響用戶的體驗。日常文章的更新、網(wǎng)站安 全的維護、網(wǎng)站版塊的及時升級等等，都需要一個專業(yè)的團隊去進行。六、網(wǎng)站的互動營銷讓人印象深刻的品牌網(wǎng)站，是能夠提供互動的網(wǎng)站，不管對用戶，還是對品牌生產(chǎn)經(jīng)營活動價值鏈上的各 個環(huán)節(jié)，都能做好管理。不斷通過有效的網(wǎng)絡互動營銷，達到品牌傳播目的。(3) 商業(yè)網(wǎng)站在規(guī)劃與設計時應著重考慮哪些因素？答：一、明確建立網(wǎng)站的目標和用戶需求Web站點的設計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設計站 點的目的和用戶需求，從而做出切實可行的設計計劃。要根據(jù)消費者

9、的需求、市場的狀況、企業(yè)自身的情 況等進行綜合分析，牢記以“消費者(customer)"為中心，而不是以“美術"為中心進行設計規(guī)劃。在設 計規(guī)劃之初同樣考慮:建設網(wǎng)站的目的是什么?為誰提供服務和產(chǎn)品?企業(yè)能提供什么樣的產(chǎn)品和服務？網(wǎng) 站的目的消費者和受眾的特點是什么?企業(yè)產(chǎn)品和服務適合什么樣的表現(xiàn)方式(風格)？二、總體設計方案主題鮮明在目標明確的基礎上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設計方案。對網(wǎng)站的整體風格和特色作出定位，規(guī)劃網(wǎng) 站的組織結(jié)構(gòu)。Web站點應針對所服務對象(機構(gòu)或人)的不同而具有不同的形式。有些站點只提供簡潔 文本信息;有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃

10、爍的燈光、復雜的頁而布置，甚至可以下載 聲音和錄像片段。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。要做到主題鮮明突出， 要點明確，以簡單明確的語言和畫而體現(xiàn)站點的主題。調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣，辦出 網(wǎng)站的特點。Web站點主頁應具備的基木成分包括：頁頭:準確無誤地標識你的站點和企業(yè)標志:Email地 址:用來接收用戶垂詢；聯(lián)系信息:如普通郵件地址或電話；版權信息:聲明版權所有者等。注意重復利用 已有信息。如客戶手冊.公共關系文檔.技術手冊和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點中。三、網(wǎng)站的版式設計網(wǎng)頁設計作為一種視覺語言，要講究編排和布局，雖然主頁的設計不等同

11、于平而設計但它們有許多相近之 處，應充分加以利用和借鑒。版式設計通過文字圖形的空間組合，表達出和諧與美。一個優(yōu)秀的網(wǎng)頁設 計者也應該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁而站點頁而的編排設計要求把 頁面之間的有機聯(lián)系反映出來，特別要處理好頁而之間和頁面內(nèi)的秩序與內(nèi)容的關系。為了達到最佳的視 覺表現(xiàn)效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。四、色彩在網(wǎng)頁設計中的作用色彩是藝術表現(xiàn)的要素之一。在網(wǎng)頁設計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合. 搭配來構(gòu)成美麗的頁而。根據(jù)色彩對人們心理的影響，合理地加以運用。按照色彩的記憶性原則，一般 暖色較冷色的

12、記憶性強;色彩還具有聯(lián)想與象征的物質(zhì)，如紅色象征血、太陽;藍色象征大海、天空和水而 等。所以設計出售冷食的虛擬店而，應使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網(wǎng)頁的顏色應 用并沒有數(shù)量的限制，但不能毫無節(jié)制地運用多種顏色，一般情況下，先根據(jù)總體風格的要求定出一至二 種主色調(diào)，有CIS（企業(yè)形象識別系統(tǒng)）的更應該按照其中的VI進行色彩運用。在色彩的運用過程中，還應注意的一個問題是：由于國家和種族.宗教和信仰的不同，以及生活的地理位 置.文化修養(yǎng)的差異等，不同的人群對色彩的喜惡程度有著很大的差異。如:兒童喜歡對比強烈.個性鮮明 的純顏色;生活在草原上的人喜歡紅色;生活在鬧市中的人喜歡淡雅的顏

13、色;生活在“沙漠”中的人喜歡綠 色。在設計中要考慮主要讀者群的背景和構(gòu)成。五、網(wǎng)頁形式與內(nèi)容相統(tǒng)一要將豐富的意義和多樣的形式組織成統(tǒng)一的頁而結(jié)構(gòu)，形式語言必須符合頁而的內(nèi)容，體現(xiàn)內(nèi)容的豐富含 義。運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關 系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設計中，它的均衡有時會使頁面顯得呆板, 但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達到比較好的效果。點、 線、而作為視覺語言中的基本元素，要使用點、線、而的互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面 效果。網(wǎng)頁設計中點、線、而的運用并不

14、是孤立的，很多時候都需要將它們結(jié)合起來，表達完美的設計意 境。六、三維空間的構(gòu)成和虛擬現(xiàn)實網(wǎng)絡上的三維空間是一個假想空間，這種空間關系需借助動靜變化.圖像的比例關系等空間因素表現(xiàn)出來。 在頁而中，圖片、文字位置前后疊壓，或頁而位置變化所產(chǎn)生的視覺效果都各不相同。圖片、文字前后疊 壓所構(gòu)成的空間層次目前還不多見，網(wǎng)上更多的是一些設計比較規(guī)范、筒明的頁而，這種登壓排列能產(chǎn)生 強節(jié)奏的空間層次，視覺效果強烈。網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關系， 以及疏密的位置關系所產(chǎn)生的空間層次，這兩種位置關系使產(chǎn)生的空間層次富有彈性，同時也讓人產(chǎn)生輕 松或緊迫的心理感受。現(xiàn)在，人們已不滿足于

15、HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引 更多的人，虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人的風采，于是VRML語言出現(xiàn)了。VRML是一種而向?qū)ο蟮恼Z 言，它類似Web超級鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運行在多種平臺之上， 只不過能夠更多地為虛擬現(xiàn)實環(huán)境服務。七、多媒體功能的利用網(wǎng)絡資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，頁面的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。 但要注意，由于網(wǎng)絡帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時應考慮客戶端的傳輸速度。八、網(wǎng)站測試和改進測試實際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進設計。要注意讓用戶參與網(wǎng)站

16、測試。九、內(nèi)容更新與溝通企業(yè)Web站點建立后，要不斷更新內(nèi)容。站點信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動態(tài)和網(wǎng)上職務 等，同時也會幫助企業(yè)建立良好的好象。在企業(yè)的Web站點上，要認真回復用戶的電子郵件和傳統(tǒng)的聯(lián) 系方式如信件.電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解售后服 務等，由相關部門處理，使用站訪問者感受到企業(yè)的真實存在并由此產(chǎn)生信任感。注意不要許諾你實現(xiàn) 不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電 話號碼。如果要求訪問者自愿提供其個人信息，應公布并認真履行個人隱私保承諾。十、合理運用新技術新的網(wǎng)頁制作技術

17、幾乎每天都會出現(xiàn)，如果不是介紹網(wǎng)絡技術的專業(yè)站點，一定要合理地運用網(wǎng)頁制作的 新技術，切忌將網(wǎng)站變?yōu)橐粋€制作網(wǎng)頁的技術展臺，永遠記住用戶方便快捷地得到所需要的信息是最重要 的。對于網(wǎng)站設計者來說，必須學習跟蹤掌握網(wǎng)頁設計的新技術如Java、DHTML、XML等，根據(jù)網(wǎng)站的內(nèi) 容和形式的需要合理地應用到設計中，學習是每個人都必須要加強的，但是必須要有方向，比如網(wǎng)頁設計 div+css培訓選擇學習的地方就應該選擇達內(nèi)數(shù)字藝術學院。形考任務二（1）通過使用HTML,可以在文檔中顯示圖像，插入一副圖像（jpg）、插入一副動圖圖像（gif格式）。答：<html><head><

18、;/head><body><P>一幅圖像：<img src=/7i/eg_mouse. jpgz/ width=128 height="128 /></p><P><img src=z7i/eg_cute. gif/z width50 height="50 /></p><P>請注意，插入動畫圖像的語法與插入普通圖像的語法沒有區(qū)別。</p></body></html>(2)從不同位置，包括文件夾和網(wǎng)絡，插入圖像。答：<html>&

19、lt;head></head><body><P>來自另一個文件夾的圖像：<img src=/i/abc. jpg” /></p><P>來白網(wǎng)絡的圖像：<img src=http:/wwwbaiducomcn/whitegif /></p></body></html>形考任務三題目1XHTML指的是？選擇一項：C. Extensible HyperText Markup Language題目2在下而的XHTML中，哪個可以正確地標記段落？選擇一項：A. <p>

20、</p>題目3在下而的XHTML中，哪個可以正確地標記折行?選擇一項：C. <br />題目4下列XHTML中的屬性和值，哪個是正確的？選擇一項：A. width="80”題目5在XHTML文檔中哪些元素是強制性的？選擇一項：C. doctype、html、head> body 以及 title題目6下列哪些是格式良好的XHTML ?選擇一項：C. <p>A <b><i>short</i></b> paragraph</p>題目7在XHTML中有哪些不同的DTD ?選擇一項：C. S

21、trict, Transitional, Frameset題目8網(wǎng)頁的主體內(nèi)容將寫在什么標簽內(nèi)部：選擇一項：C. <body>標簽D. <HEAD>標簽題目9HTML 代碼中，<align=center>表示選擇一項：A.文本或圖片居中題目10在HTML文檔中使用有序列表應使用（）標記選擇一項：D. <ol>題目11請判斷以下說法是否正確：XHTML是一個Web標準。選擇一項：對題目12請判斷以下說法是否正確：XML和HTML會被XHTML取代。選擇一項：錯題目13請判斷以下說法是否正確：HTML會被XHTML取代。選擇一項：對題目14請判斷以下

22、說法是否正確：XHTML中所有的元素都需要關閉。選擇一項：對題目15請判斷以下說法是否正確：DOCTYPE沒有關閉標簽。選擇一項：對題目16請判斷以下說法是否正確：XHTML文檔必須是格式良好的。選擇一項：對題目17在XHTML中允許筒寫屬性嗎？選擇一項：錯題目18所有的XHTML文檔都需要doctype嗎？選擇一項：對題目19請判斷以下說法是否正確：所有的XHTML標簽和屬性都必須是小寫的。選擇一項：對題目20請判斷以下說法是否正確：HTML 5是XHTML的升級版本。選擇一項：錯形考任務四活動1：采用CSS樣式來設置背景、標題和段落的顏色。活動2：使用百分比或者像素值設置行間距。參考答案：

23、<html><head><style type="text/css">body (background-color: yellowhl (background-color: #00ff00)h2 (background-color: transparentp background-color: rgb(250,0,255)p. no2 background-color: gray; padding: 20px;</style></head><body><hl>這是標題l/hl><

24、h2>這是標題2</h2><P>這是段落</p><p class=/no2/，>這個段落設置了內(nèi)邊距。</p></body></html>(1)百分比<html><head><style type="text/css">p. small (line-height: 90%)p. big line-height: 200%)</style></head><body><P>這是擁有標準行高的段落。在大多數(shù)瀏

25、覽器中默認行高大約是110%到120%。這是擁有標準行高的段落。這是擁有標準行高的段落。這是擁有標準行高的段落。</p><p class=/small/>這個段落擁有更小的行高。這個段落擁有更小的行高。這個段落擁有更小的行高。這個段落擁有更小的行高。這個段落擁有更小的行高。</p><p classbig">這個段落擁有更大的行高。這個段落擁有更大的行高。這個段落擁有更大的行高。這個段落擁有更大的行高。這個段落擁有更大的行高。</p></body></html>(2)像素值<html><

26、;head><style type="text/css">p. small( line-height: lOpx )p.big( line-height: 30px </style></head><body><P>這是擁有標準行高的段落。在大多數(shù)瀏覽器中默認行高大約是20pxo這是擁有標準行高的段落。這是擁有標準行高的段落。這是擁有標準行高的段落。這是擁有標準行高的段落。這是擁有標準行高的段落。</p> <p class="small”這個段落擁有更小的行高。這個段落擁有更小的行高

27、。這個段落擁有更小的行高。這個段落擁有更小的行高。這個段落擁有更小的行高。這個段落擁有更小的行高。這個段落擁有更小的行高。</p><p class=/bigz，>這個段落擁有更大的行高。這個段落擁有更大的行高。這個段落擁有更大的行高。這個段落擁有更大的行高。這個段落擁有更大的行高。這個段落擁有更大的行高。這個段落擁有更大的行高。</p></body></html>形考任務五使用<div>元素以及CSS樣式表對下面的內(nèi)容進行的布局設計。城市介紹北京上海南京南京簡稱“京”，是中華人民共和國的首都、直轄市、國家中心城市、超大城市

28、、國際大都市，全國政治中心、 文化中心、國際交往中心、科技創(chuàng)新中心，是中國共產(chǎn)黨中央委員會、中華人民共和國中央人民政府、全 國人民代表大會、中國人民政治協(xié)商會議全國委員會、中華人民共和國中央軍事委員會所在地，也是中部 戰(zhàn)區(qū)司令部駐地。北京位于華北平原北部，背靠燕山，毗鄰天津市和河北省。北京的氣候為典型的北溫帶半濕潤大陸性季風 氣候。北京是首批國家歷史文化名城和世界上擁有世界文化遺產(chǎn)數(shù)最多的城市，三千多年的歷史孕育了故宮、天 壇、八達嶺長城、頤和園等眾多名勝古跡。早在七十萬年前，北京周口店地區(qū)就出現(xiàn)了原始人群部落“北 京人”。公元前1045年，北京成為薊、燕等諸侯國的都城。公元938年以來，北京

29、先后成為遼陪都、金中 都、元大都、明、清國都。1949年10月1日成為中華人民共和國首都。參考答案<html><head><style>header (background-color:black;color:white;text-align:center;padding:5px;#nav (line-height:30px;background-color:tteeeeee;height:3OOpx;width:lOOpx;float:left;padding:5px;section (width:350px;float:left;padding:iOpx

30、;footer (background-color:black;color:white;clear:both;text-align:center;padding:5px;</style></head><body><div id="header><hl> 城市 </hl></div><div id="nav">北京<br />上海<br />南京Cbr /></div><div id="section"&

31、gt;<h2>London</h2><P>北京，簡稱“京”，是中華人民共和國的首都、直轄市、國家中心城市、超大城市、國際大都市，全國政 治中心、文化中心、國際交往中心、科技創(chuàng)新中心，是中國共產(chǎn)黨中央委員會、中華人民共和國中央人民 政府、全國人民代表大會、中國人民政治協(xié)商會議全國委員會、中華人民共和國中央軍事委員會所在地， 也是中部戰(zhàn)區(qū)司令部駐地。</p><P>北京位于華北平原北部，背靠燕山，毗鄰天津市和河北省。北京的氣候為典型的北溫帶半濕潤大陸性季風 氣候。</p><P>北京是首批國家歷史文化名城和世界上擁有世

32、界文化遺產(chǎn)數(shù)最多的城市，三千多年的歷史孕育了故宮、天 壇、八達嶺長城、頤和園等眾多名勝古跡。早在七十萬年前，北京周口店地區(qū)就出現(xiàn)了原始人群部落“北 京人氣公元前1045年，北京成為薊、燕等諸侯國的都城。公元938年以來，北京先后成為遼陪都、金中 都、元大都、明、清國都。1949年10月1日成為中華人民共和國首都。</p></div></body></html>形考任務六HTML表單用于搜集不同類型的用戶輸入，包括文木輸入、單選按鈕輸入、提交按鈕，達到效果入下圖所 示。參考答案<form>登陸名稱：<br><input

33、 type="text" name=/，loginname?，><br>密碼:<br><input type="text name="password”性別：<input type="radio name="sex" value="male checked男<br><input type="radio" name="sex" value="female>女<br><br><

34、;input type="submit valueSubmit”</form>形考任務七(1)討論模版的使用要點。1)包括網(wǎng)頁中應用模版的方法答：1.打開應用模板的網(wǎng)頁。2. 執(zhí)行“窗口 ”命令,在菜單下選擇“資源”選項。3. 打開“資源”面板。4. 單擊左側(cè)的視圖按鈕，打開“模板”列表。5. 在“模板”列表中選擇要應用的模板，單擊而板左下角的“應用”按鈕或者用鼠標右鍵單擊模板，在彈 出的菜單中選擇“應用"選項。6. 如果網(wǎng)頁中有不能自動指定到模板區(qū)域的內(nèi)容，則會打開“不一致的區(qū)域名稱”對話框。7. 在該對話框的“可編輯區(qū)域”列表中，選擇應用模板中的可編輯區(qū)域。

35、8. 在“將內(nèi)容移到新區(qū)域”下拉列表中選擇將現(xiàn)有內(nèi)容移到新模板中的區(qū)域，如果選擇“不在任何地方” 選項，表示將不一致的內(nèi)容從新網(wǎng)頁中刪除。9. 單擊“確定”按鈕關閉對話框，將現(xiàn)有網(wǎng)頁中的內(nèi)容應用到指定的區(qū)域。2)如何將當前設計好的頁而轉(zhuǎn)換為模板如果bai看到白己喜歡的網(wǎng)du頁，可以將其轉(zhuǎn)換為白己網(wǎng)站zhi的模板daoo一、主頁另存zhuan shumain. htm,文章列表頁面另存為listcolumn. htm,文章頁另存為displayinfo, htm,注意文件名必須幺2毫不能偏差，更不能用中文。擴展名必須是.htm, html或其他均不 行。二、將主頁中信息列表的信息刪除，換成Web

36、plus的標簽"頻道i”，標題名換成標簽“標題i”，注 意頻道外而一定要套表格。三、將listcolumn頁面的相應位置輸出的信息替換成Webplus的標簽，如新聞列表替換成“文章列表”, 具體標簽可以通過下載通用模板來學習或查找后而附的標簽對照表。四、將displayinfo.htm頁面的相應位置輸出的信息替換成Webplus的標簽，如新聞標題替換成“文章 標題”，具體標簽可以通過下載通用模板來學習或查找后面附的標簽對照表。五、打開文件夾，選中所有文件，添加到zip壓縮文件，如下圖：通過以上幾個步驟，您就可以獲得一套Webplus模板了，即使您不是專業(yè)美工，您也可以通過以上的過程

37、學習Webplus制作技巧，講您喜歡的頁而轉(zhuǎn)化為webplus的模板。(2)如何在網(wǎng)頁中應用庫1)如何網(wǎng)頁中建立庫答：1.安裝Wamp server軟件,桌而顯示如下2. 然后，雙擊打開，看下而是否出現(xiàn)綠色圖標，如果不是綠色,是橙色，那么請重新啟動服務器3. 然后單擊綠色圖標，找到Apacha里而的httpd. conf打開以后，點擊查看，找到查找下一個4. 輸入8080,查找，然后改成自己的，本人是吧8080改成了 90905. 然后再點擊綠色圖標，找到phpmyAdmin,打開后會發(fā)現(xiàn)是不存在的6. 然后我們在，localhost后而加上：9090就，回車就可以打開了7. 接著，我們點擊數(shù)

38、據(jù)庫，進行就可以看見有新建數(shù)據(jù)庫的字而，直接新建就行了，建完數(shù)據(jù)庫，再點 擊我們見得數(shù)據(jù)庫名，在里而新建數(shù)據(jù)表就行了。形考任務八HTML調(diào)用js實現(xiàn)多項滑動門選項卡特效。參考答案<!DOCTYPE html PUBLIC -/W3C/DTD XHTML L 0 Transitional/EN http:/www. w3. org/TR/xhtmll/DTD/xhtmll-transitional. dtdz/> <html xmlns="http:/www. /1999/xhtml"> <head> <meta http

39、-equiv=Content-Type" content=/ztext/html; charset二gb2312” /> <title> js實現(xiàn)多項滑動門選項卡特效</title> <style media=screen type="text/css> </style> <script type=text/javascript" languagejavascript” /<!CDATA function g(o) ( return document. getElementByld(o); func

40、tion hover_zzjs_net(n) (/如果有N個標簽，就將i<=N;for (var i = 1; i <= 6; i+) ( g('tab_zzjs_' + i). className = 'nor_zzjs' ; g('tab_zzjs_O' + i). className = 'undis_zzjs_net' ; g('tab_zzjs_O' + n). className =，dis_zzjs_net，;g('tab_zzjs_' + n). className 二'hovertab_zz js' ;如果要做成點擊后再轉(zhuǎn)到請將<li>中的onmouseover改成onclick;/></script> </head> <body><div class=/936_zzjs_netzz><div id="tab_zzjs_class="tab_zzjs_"<ul><liid=tab_zzjs_l"class=hovertab_zzjs onmouseover=/zx:hover