國(guó)家開放大學(xué)電大?？啤禗reamweaver網(wǎng)頁(yè)設(shè)計(jì)》網(wǎng)絡(luò)核心課形考任務(wù)1-9題庫(kù)及答案

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17、幾乎每天都會(huì)出現(xiàn)，如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點(diǎn)，一定要合理地運(yùn)用網(wǎng)頁(yè)制作的 新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€(gè)制作網(wǎng)頁(yè)的技術(shù)展臺(tái)，永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要 的。對(duì)于網(wǎng)站設(shè)計(jì)者來(lái)說(shuō)，必須學(xué)習(xí)跟蹤掌握網(wǎng)頁(yè)設(shè)計(jì)的新技術(shù)如Java、DHTML、XML等，根據(jù)網(wǎng)站的內(nèi) 容和形式的需要合理地應(yīng)用到設(shè)計(jì)中，學(xué)習(xí)是每個(gè)人都必須要加強(qiáng)的，但是必須要有方向，比如網(wǎng)頁(yè)設(shè)計(jì) div+css培訓(xùn)選擇學(xué)習(xí)的地方就應(yīng)該選擇達(dá)內(nèi)數(shù)字藝術(shù)學(xué)院。形考任務(wù)二（1）通過(guò)使用HTML,可以在文檔中顯示圖像，插入一副圖像（jpg）、插入一副動(dòng)圖圖像（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ǐng)注意，插入動(dòng)畫圖像的語(yǔ)法與插入普通圖像的語(yǔ)法沒(méi)有區(qū)別。</p></body></html>(2)從不同位置，包括文件夾和網(wǎng)絡(luò)，插入圖像。答：<html>&

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

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

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

22、說(shuō)法是否正確：XHTML中所有的元素都需要關(guān)閉。選擇一項(xiàng)：對(duì)題目15請(qǐng)判斷以下說(shuō)法是否正確：DOCTYPE沒(méi)有關(guān)閉標(biāo)簽。選擇一項(xiàng)：對(duì)題目16請(qǐng)判斷以下說(shuō)法是否正確：XHTML文檔必須是格式良好的。選擇一項(xiàng)：對(duì)題目17在XHTML中允許筒寫屬性嗎？選擇一項(xiàng)：錯(cuò)題目18所有的XHTML文檔都需要doctype嗎？選擇一項(xiàng)：對(duì)題目19請(qǐng)判斷以下說(shuō)法是否正確：所有的XHTML標(biāo)簽和屬性都必須是小寫的。選擇一項(xiàng)：對(duì)題目20請(qǐng)判斷以下說(shuō)法是否正確：HTML 5是XHTML的升級(jí)版本。選擇一項(xiàng)：錯(cuò)形考任務(wù)四活動(dòng)1：采用CSS樣式來(lái)設(shè)置背景、標(biāo)題和段落的顏色?；顒?dòng)2：使用百分比或者像素值設(shè)置行間距。參考答案：

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>這是標(biāo)題l/hl><

24、h2>這是標(biāo)題2</h2><P>這是段落</p><p class=/no2/，>這個(gè)段落設(shè)置了內(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>這是擁有標(biāo)準(zhǔn)行高的段落。在大多數(shù)瀏

25、覽器中默認(rèn)行高大約是110%到120%。這是擁有標(biāo)準(zhǔn)行高的段落。這是擁有標(biāo)準(zhǔn)行高的段落。這是擁有標(biāo)準(zhǔn)行高的段落。</p><p class=/small/>這個(gè)段落擁有更小的行高。這個(gè)段落擁有更小的行高。這個(gè)段落擁有更小的行高。這個(gè)段落擁有更小的行高。這個(gè)段落擁有更小的行高。</p><p classbig">這個(gè)段落擁有更大的行高。這個(gè)段落擁有更大的行高。這個(gè)段落擁有更大的行高。這個(gè)段落擁有更大的行高。這個(gè)段落擁有更大的行高。</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>這是擁有標(biāo)準(zhǔn)行高的段落。在大多數(shù)瀏覽器中默認(rèn)行高大約是20pxo這是擁有標(biāo)準(zhǔn)行高的段落。這是擁有標(biāo)準(zhǔn)行高的段落。這是擁有標(biāo)準(zhǔn)行高的段落。這是擁有標(biāo)準(zhǔn)行高的段落。這是擁有標(biāo)準(zhǔn)行高的段落。</p> <p class="small”這個(gè)段落擁有更小的行高。這個(gè)段落擁有更小的行高

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

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

29、先后成為遼陪都、金中 都、元大都、明、清國(guó)都。1949年10月1日成為中華人民共和國(guó)首都。參考答案<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>北京，簡(jiǎn)稱“京”，是中華人民共和國(guó)的首都、直轄市、國(guó)家中心城市、超大城市、國(guó)際大都市，全國(guó)政 治中心、文化中心、國(guó)際交往中心、科技創(chuàng)新中心，是中國(guó)共產(chǎn)黨中央委員會(huì)、中華人民共和國(guó)中央人民 政府、全國(guó)人民代表大會(huì)、中國(guó)人民政治協(xié)商會(huì)議全國(guó)委員會(huì)、中華人民共和國(guó)中央軍事委員會(huì)所在地， 也是中部戰(zhàn)區(qū)司令部駐地。</p><P>北京位于華北平原北部，背靠燕山，毗鄰天津市和河北省。北京的氣候?yàn)榈湫偷谋睖貛О霛駶?rùn)大陸性季風(fēng) 氣候。</p><P>北京是首批國(guó)家歷史文化名城和世界上擁有世

32、界文化遺產(chǎn)數(shù)最多的城市，三千多年的歷史孕育了故宮、天 壇、八達(dá)嶺長(zhǎng)城、頤和園等眾多名勝古跡。早在七十萬(wàn)年前，北京周口店地區(qū)就出現(xiàn)了原始人群部落“北 京人氣公元前1045年，北京成為薊、燕等諸侯國(guó)的都城。公元938年以來(lái)，北京先后成為遼陪都、金中 都、元大都、明、清國(guó)都。1949年10月1日成為中華人民共和國(guó)首都。</p></div></body></html>形考任務(wù)六HTML表單用于搜集不同類型的用戶輸入，包括文木輸入、單選按鈕輸入、提交按鈕，達(dá)到效果入下圖所 示。參考答案<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>形考任務(wù)七(1)討論模版的使用要點(diǎn)。1)包括網(wǎng)頁(yè)中應(yīng)用模版的方法答：1.打開應(yīng)用模板的網(wǎng)頁(yè)。2. 執(zhí)行“窗口 ”命令,在菜單下選擇“資源”選項(xiàng)。3. 打開“資源”面板。4. 單擊左側(cè)的視圖按鈕，打開“模板”列表。5. 在“模板”列表中選擇要應(yīng)用的模板，單擊而板左下角的“應(yīng)用”按鈕或者用鼠標(biāo)右鍵單擊模板，在彈 出的菜單中選擇“應(yīng)用"選項(xiàng)。6. 如果網(wǎng)頁(yè)中有不能自動(dòng)指定到模板區(qū)域的內(nèi)容，則會(huì)打開“不一致的區(qū)域名稱”對(duì)話框。7. 在該對(duì)話框的“可編輯區(qū)域”列表中，選擇應(yīng)用模板中的可編輯區(qū)域。

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

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

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

38、據(jù)庫(kù)，進(jìn)行就可以看見(jiàn)有新建數(shù)據(jù)庫(kù)的字而，直接新建就行了，建完數(shù)據(jù)庫(kù)，再點(diǎn) 擊我們見(jiàn)得數(shù)據(jù)庫(kù)名，在里而新建數(shù)據(jù)表就行了。形考任務(wù)八HTML調(diào)用js實(shí)現(xiàn)多項(xiàng)滑動(dòng)門選項(xiàng)卡特效。參考答案<!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實(shí)現(xiàn)多項(xiàng)滑動(dòng)門選項(xiàng)卡特效</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個(gè)標(biāo)簽，就將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' ;如果要做成點(diǎn)擊后再轉(zhuǎn)到請(qǐng)將<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