習(xí)題參考答案_第1頁
習(xí)題參考答案_第2頁
習(xí)題參考答案_第3頁
習(xí)題參考答案_第4頁
習(xí)題參考答案_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

習(xí)題參考答案第1章四、簡答題Web瀏覽器是什么？瀏覽器是查看網(wǎng)頁的一種工具，瀏覽器可向服務(wù)器發(fā)送各種請求，并對從服務(wù)器發(fā)來的超文本信息和各種多媒體數(shù)據(jù)格式進行解釋、顯示和播放。用戶需要在計算機上安裝瀏覽器來“閱讀”網(wǎng)頁中的信息，這是使用因特網(wǎng)的基本條件之一，就像我們需要通過電視機來收看電視節(jié)目一樣。一般來說操作系統(tǒng)中都已經(jīng)內(nèi)置了瀏覽器，例如Windows操作系統(tǒng)內(nèi)置有微軟公司的InternetExplorer（簡稱IE）瀏覽器，用戶也可以自行安裝瀏覽器，其它瀏覽器還有Mozilla的Firefox、Apple的Safari，Opera、GoogleChrome、GreenBrowser瀏覽器、360安全瀏覽器、搜狗高速瀏覽器、傲游瀏覽器、百度瀏覽器、騰訊QQ瀏覽器等。簡述HTML及其在網(wǎng)頁設(shè)計制作中的作用。網(wǎng)頁呈現(xiàn)在用戶面前的是各種文字、圖像、動畫、音頻、視頻等豐富的內(nèi)容，而網(wǎng)頁在本質(zhì)上是文本文件和其相關(guān)的資源，網(wǎng)頁最根本的語言是HTML（HyperTextMarkupLanguage，中文譯為超文本標(biāo)記語言）。HTML是Web編程的基礎(chǔ)，是網(wǎng)頁設(shè)計和開發(fā)領(lǐng)域的一個重要組成部分，HTML指定如何在瀏覽器中顯示網(wǎng)頁，它是制作網(wǎng)頁的一種標(biāo)準(zhǔn)語言。HTML是為創(chuàng)建網(wǎng)頁和設(shè)計其它可在網(wǎng)頁瀏覽器中看到的信息的一種標(biāo)記語言；它以純文字格式為基礎(chǔ)，可以使用任何文字編輯器或所見即所得的HTML編輯器來編輯HTML文件。HTML被用來結(jié)構(gòu)化信息——例如標(biāo)題、段落、列表和圖像等等，主要負責(zé)網(wǎng)頁的“內(nèi)容”部分。簡述靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的定義和區(qū)別。靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的區(qū)別不體現(xiàn)在視覺效果上，而體現(xiàn)在兩者所采用的技術(shù)。靜態(tài)網(wǎng)頁是指沒有后臺數(shù)據(jù)庫、不含程序的網(wǎng)頁。你編寫的是什么它顯示的就是什么、不會有任何改變。靜態(tài)網(wǎng)頁相對更新起來比較麻煩，適用于更新較少的展示型網(wǎng)站。靜態(tài)網(wǎng)頁有一個固定的url，且以htm、html、shtml、xml等形式為后綴，發(fā)布在服務(wù)器上的靜態(tài)網(wǎng)頁是事先保存在服務(wù)器上的文件，每個網(wǎng)頁都是一個獨立的文件；內(nèi)容相對穩(wěn)定，容易被搜索引擎檢索。動態(tài)網(wǎng)頁一般使用ASP、PHP、JSP、.net等網(wǎng)絡(luò)編程語言編寫，是運行于服務(wù)器端的代碼，瀏覽時先將服務(wù)器端代碼執(zhí)行成html代碼，然后再顯示在客戶端瀏覽（訪客是無法看到這個文件的源代碼的，看到的只是比如asp代碼通過服務(wù)器執(zhí)行過后的html代碼）。動態(tài)網(wǎng)頁可以實現(xiàn)的功能較多，如用戶注冊、登錄、在線調(diào)查、用戶管理、訂單管理、站內(nèi)搜索、即時更新新聞、留言或書寫評論等，一般以asp、jsp、php等常見形式為后綴，而且動態(tài)網(wǎng)頁的網(wǎng)址中通常有一個標(biāo)志性的“?”。網(wǎng)頁制作常用的技術(shù)有哪些，分別有什么作用？網(wǎng)頁常用技術(shù)有網(wǎng)頁標(biāo)記語言HTML，網(wǎng)頁樣式設(shè)計所使用的技術(shù)CSS，最常用的腳本語言JavaScript，以及動態(tài)網(wǎng)頁編程技術(shù)ASP、JSP和PHP等。HTML是為創(chuàng)建網(wǎng)頁和設(shè)計其它可在網(wǎng)頁瀏覽器中看到的信息的一種標(biāo)記語言；它以純文字格式為基礎(chǔ)，可以使用任何文字編輯器或所見即所得的HTML編輯器來編輯HTML文件。HTML被用來結(jié)構(gòu)化信息——例如標(biāo)題、段落、列表和圖像等等，主要負責(zé)網(wǎng)頁的“內(nèi)容”部分。CSS是CascadingStyleSheet的縮寫，中文譯為“層疊樣式表”，簡稱“樣式表”。W3C（WorldWideWebConsortium，萬維網(wǎng)聯(lián)盟）創(chuàng)建CSS標(biāo)準(zhǔn)的目的是以CSS取代HTML表格式布局、幀和其它表現(xiàn)的語言，用來定義網(wǎng)頁外觀樣式、特別是進行網(wǎng)頁的排版布局。HTML和CSS分別實現(xiàn)了網(wǎng)頁內(nèi)容和樣式的設(shè)計，實現(xiàn)了結(jié)構(gòu)和外觀的分離，使站點的訪問及維護更加容易。腳本語言由ASCII碼構(gòu)成，是一種不必事先編譯，只要利用適當(dāng)?shù)慕忉屍骶涂梢詧?zhí)行的簡單程序。在網(wǎng)頁中使用腳本語言，可以豐富網(wǎng)頁的表現(xiàn)力，是網(wǎng)頁設(shè)計中很重要的一種技術(shù)。目前常用的腳本有JavaScript、VBScript和Jscript，其中JavaScript是眾多網(wǎng)頁開發(fā)者首選的腳本語言。網(wǎng)頁的發(fā)展絕不滿足于僅供用戶單純地瀏覽，更應(yīng)該著重于用戶的交互操作和對網(wǎng)站內(nèi)容的便捷管理，這些都需要動態(tài)網(wǎng)頁編程技術(shù)來實現(xiàn)，目前常用的動態(tài)網(wǎng)頁編程技術(shù)有JSP、ASP.NET和PHP等。第2章三、簡答題HTML5文檔的基本結(jié)構(gòu)是什么？<!DOCTYPEhtml><html><head>...</head><body>...</body></html>HTML5有什么新特性？HTML5第一份正式草案已于2008年1月公布,現(xiàn)在仍處于完善之中,盡管目前HTML5的標(biāo)準(zhǔn)仍在開發(fā)中，但主流瀏覽器已經(jīng)支持HTML5的許多新特性。HTML5的改變和特點主要有：良好的移植性：HTML5可以跨平臺使用，具有良好的移植性。摒棄過時標(biāo)記:取消一些過時的HTML4及其之前版本的標(biāo)記，如字體標(biāo)記<font>、框架標(biāo)記<frame>和<frameset>等。更直觀的結(jié)構(gòu):HTML5新增一些新的HTML元素,如結(jié)構(gòu)性標(biāo)記<header>（頁眉）、<footer>（頁腳）、<nav>（導(dǎo)航欄）等新標(biāo)記，為頁面引入了更多實際語義，這些我們在本書后續(xù)章節(jié)詳細解釋。內(nèi)容和樣式分離：HTML5規(guī)定基本內(nèi)容，樣式則由CSS等實現(xiàn)。如圖像的環(huán)繞方式、邊框，表格的寬度、高度、對齊方式等均不再使用標(biāo)記屬性描述。下一代表單：增加一些全新的表單輸入對象，如date、color、url、email等，HTML5可以創(chuàng)建具有更強交互性、更加友好的表單。音頻和視頻的支持：HTML5的新增元素可以輕松地在頁面中嵌入音頻和視頻。矢量圖繪制：實現(xiàn)2D繪圖的Canvas對象，使得用戶可以脫離Flash等直接在瀏覽器中顯示圖形或動畫。HTML5新增的結(jié)構(gòu)標(biāo)記有哪些？在新的HTML5標(biāo)準(zhǔn)中，定義了一系列的結(jié)構(gòu)化標(biāo)記，幫助用戶更語義化的定義頁面層次和邏輯，主要包括＜header＞、＜footer＞和＜nav＞,＜header＞標(biāo)記定義文檔的頁眉，＜footer＞標(biāo)記定義文檔或章節(jié)的頁腳，＜nav＞標(biāo)記定義導(dǎo)航鏈接的部分。四、簡答題.下面這行代碼中的HTML標(biāo)記并沒有正確嵌套。請以正確的嵌套方式重新編寫該行代碼。＜p＞＜strong＞＜em＞我是中國人?。?p＞＜/em＞＜/strong＞＜p＞＜strong＞＜em＞我是中國人！＜/em＞＜/strong＞＜/p＞.什么是塊級元素，什么是行內(nèi)元素？在文檔＜body＞部分出現(xiàn)的元素，它們可以被分為塊級(Block-lever)元素和行內(nèi)(Inline)元素。塊級元素在瀏覽器中顯示時，就好像在它的首尾都有一個換行符。例如＜p＞、＜h1＞-＜h6＞、＜pre＞、＜address＞、＜header＞、＜nav＞和＜footer＞等都是塊級元素，它們都在新的一行開始顯示內(nèi)容，并且這些元素之后的內(nèi)容也會另起一個新行。行內(nèi)元素則可以出現(xiàn)在某一行句子中而不必新起一行。例如＜b＞、＜i＞、＜em＞、＜strong＞、＜sup＞、＜sub＞、＜small＞、＜ins＞、＜del*D＜cite＞等都是行內(nèi)元素。.使用HTML代碼給“饕餮”添加注音？<ruby>饕餮<rt>場otie</rt></ruby>.簡述什么是HTML中的語義化元素？語義即意義，HTML5的語義元素能夠為瀏覽器和開發(fā)者清楚的描述其意義，HTML5中大部分標(biāo)記都是語義元素，^^＜body＞＞＜header＞、＜b＞、＜small＞和＜p＞等。第第#章四、簡答題.試述CSS盒子模型的基本結(jié)構(gòu)。margin-topberder-iopIM 囚前臼paddingmarg_ieflWaw-Bf!口期圳能卸內(nèi)彎padding-batlnrriIM 囚前臼paddingmarg_ieflWaw-Bf!口期圳能卸內(nèi)彎padding-batlnrrib€<d&r-botlammargin-bcttompadd.nqngmb口rdBzrighi.mBrg-n-hgh一圖CSS盒子模型盒子模型的內(nèi)部是實際的內(nèi)容，直接包圍內(nèi)容的是內(nèi)邊距（padding）,內(nèi)邊距的邊緣是邊框（border）,邊框以外是外邊距（margin）,外邊距默認(rèn)是透明的，因此不會遮擋其后的任何元素。內(nèi)邊距、邊框和外邊距都是可選的,默認(rèn)值是零。border屬性設(shè)定邊框線條樣式，內(nèi)邊距和外邊距都是相對于邊框設(shè)定。內(nèi)邊距padding是指border與“內(nèi)容”之間的距離。外邊距margin是指border與盒子外其它內(nèi)容的距離。border、padding和margin分別都有上右下左4個方向，每個方向的設(shè)置可以相同也可以單獨設(shè)置。.默認(rèn)情況下，如何計算CSS盒子模型幅面大??？根據(jù)目前多數(shù)主流高版本瀏覽器的盒子大小計算規(guī)則，width和height默認(rèn)指的是內(nèi)容部分的寬高，是不包含padding、margin和border在內(nèi)的，要想改變盒子大小的計算規(guī)則，則要使用box-sizing屬性，此屬性下一小節(jié)詳解。多數(shù)情況下,盒子所占據(jù)的真正大小是：盒子所占寬度=width（內(nèi)容寬度）+padding（左右）+margin（左右）+border（左右）盒子所占高度=height（內(nèi)容高度）+padding（上下）+margin（上下）+border（上下）.試述下圖網(wǎng)頁中，可能使用的CSS樣式。虞美人亦稱國舅罌粟或法蘭逵斯罌就n罌栗科一.年生（早二年生）相物,:原產(chǎn)于歐洲?北1而亞洲I現(xiàn)已引入律文利亞“新西蘭制北美洲口蒞生于油r90公分高的莖頂上，直鈔口金?分“花跟心片I通常為鮮花的紅色、橙色、黃邑、白色I育葉甚部有一黑色斑點a從前直美人為耕地內(nèi)分布廣泛的雜草，種子在泥土內(nèi)休眠空隼，’干土被被翻耕時方發(fā)芽:第一次世界大戰(zhàn)期間及戰(zhàn)后，受戰(zhàn)爭窿南的土地遍開虞美人，子是虞美人成為這;看比爭的雙在。雪莉罌粟是最健培的庭園罌票種黃之一，由虞美人培育而成■:，虞美人亦可提取一柑I色藻料用作某些酒關(guān)和藥物的溢色劑。其士虎美人也是罌菜的一種，因為毛直目、壁栗科、燮菜屜的所襠植物都稱為嬰粟,不過大部分嬰藤都是可以不中桓的.背景顏色background-color,顏色為深藍色。前景色color,顏色值為white。元素邊框border,顏色亞卜加、線型solid、大小目測10px。圖像設(shè)置浮動方式float:right。第11章四、簡答題.在設(shè)置盒子背景時,如果同時設(shè)置背景圖像和背景顏色,不同情況下兩者會有何種呈現(xiàn)方式？在設(shè)置背景圖像時,可以同時設(shè)置背景色,如果背景圖像不可用,則背景色顯示；如果背景圖像可用，在背景圖像有透明區(qū)域時，背景色可見。background-image:url( ); /*頁面背景圖像*background-color:顏色； /*頁面背景顏色*/.在設(shè)置多個背景時默認(rèn)如何排列，如何進行位置的控制？在CSS3中，可以對一個元素應(yīng)用多個圖像作為背景，需要用逗號來區(qū)別各個圖像。默認(rèn)情況下,第一個聲明的圖像定位在元素頂部,其它的圖像按序在其下排列,配合background-position屬性也可控制每個背景圖像的位置，例如：background:url(images/1.jpg)no-repeattopleft,url(images/2.jpg)no-repeattopright,url(images/3.jpg)no-repeatbottomleft,url(images/4.jpg)no-repeatbottomright,url(images/5.jpg)no-repeatcentercenter;第13章四、簡答題.網(wǎng)頁的正常流向是如何呈現(xiàn)的？正常流向是預(yù)先設(shè)定的定位方式。默認(rèn)情況下網(wǎng)頁布局就是按文檔流的正常流向,即按HTML的結(jié)構(gòu)順序。由上而下、由左至右這樣的走向就是所謂的正常流向，瀏覽器也是依據(jù)這樣的走向來解譯我們的編碼。換個角度來說,在大部分的情況下,正常流向指的是網(wǎng)頁中元素標(biāo)記的方式。另外,多數(shù)的HTML元素都是屬于行內(nèi)元素或塊級元素。塊級元素里可以包含行內(nèi)元素和塊級元素，而行內(nèi)元素里不能包含有塊級元素。在正常流向中,塊級元素盒子會在其父對象盒子中自上而下排列,而行內(nèi)元素盒子則會按照由左至右的順序排列。.試述float和clear在網(wǎng)頁布局中的作用。float是浮動屬性，用來改變元素塊的顯示方式。浮動就是一個BOX在當(dāng)前行向左或向右偏移。任何浮動BOX都成為一個塊級盒子，不斷向左或向右偏移直到它的邊緣接觸到包含塊的邊緣或另一個浮動盒子的外邊緣。如果當(dāng)前行沒有足夠的水平空間來包含該浮動盒子,則它逐行向下移動直到某一行有足夠的空間來容納它。浮動元素不再占用原文檔的位置，它會對頁面中其它元素的排版產(chǎn)生影響：（1）會覆蓋其它元素，被其覆蓋的區(qū)域不可見。（2）使用該屬性可以實現(xiàn)內(nèi)容的環(huán)繞效果。如果不想讓使用了float屬性元素后邊的其它元素浮動環(huán)繞在其周圍，避免其它元素塊跟著浮動的效果，可以使用屬性clear清除。clear屬性可選的值為none、left、right和both。第14章四、簡答題試述網(wǎng)頁布局的方法和流程。網(wǎng)頁布局是網(wǎng)頁設(shè)計制作的基礎(chǔ)，按照一定的規(guī)律把網(wǎng)頁中的圖像、文字、視頻等頁面元素排列到最佳位置。分割、組織頁面進行分塊，并傳達重要信息使網(wǎng)頁容易閱讀，使頁面更具有親和力和可用性是網(wǎng)頁設(shè)計最重要的目標(biāo)?？梢园丫W(wǎng)頁中的內(nèi)容看成是一個個的“盒子（矩形塊）”，把多個“盒子”按照行和列的方式組織起來，就構(gòu)成了一個網(wǎng)頁。DIV是網(wǎng)頁布局中最為常用的一種盒子，目前DIV+CSS是定位和布局是較為有效的方式，這種方法排版具有靈活性、容易操作和功能強大等特點，

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論