【文章內(nèi)容簡介】
點。4.網(wǎng)站和網(wǎng)頁 (1)網(wǎng)頁、網(wǎng)站的基本概念 網(wǎng)頁是按照超文本標記語言(Hyper Text Markup Language,HTML)規(guī)范要求表達文本、圖像、動畫等多媒體信息的,網(wǎng)頁之間遵循超文本傳輸協(xié)議(HTTP)進行相互鏈接訪問,圍繞相關(guān)主題的若干個網(wǎng)頁組成一個網(wǎng)站,網(wǎng)頁和網(wǎng)站的地址用URL(統(tǒng)一資源定位器)標識。靜態(tài)網(wǎng)頁的主頁名稱:(,)(2)網(wǎng)頁的基本元素 網(wǎng)頁的內(nèi)容有三種基本元素:文字、圖形圖像和超鏈接。網(wǎng)頁還可以使用“表格”、“表單”、“音樂”和內(nèi)嵌程序等構(gòu)件,起到美化網(wǎng)頁、雙向交流的作用。 (3)網(wǎng)頁制作工具 網(wǎng)頁中的文本、圖像、超鏈接和表格等基本元素及構(gòu)件是由HTML進行描述的。網(wǎng)頁制作實質(zhì)上就是編寫HTML語言的代碼,可以使用任何文本編輯器軟件編寫網(wǎng)頁的源代碼,也可以選擇采用專用工具軟件制作網(wǎng)頁,如FrontPage、Dreamweaver等,記事本也可以對網(wǎng)頁代碼進行修改。 5.網(wǎng)頁制作 (1)網(wǎng)頁策劃與構(gòu)思 網(wǎng)站的策劃與構(gòu)思主要考慮因素有:網(wǎng)站名稱是否貼切,網(wǎng)站主題是否鮮明,網(wǎng)站內(nèi)容是否豐富,以及網(wǎng)站結(jié)構(gòu)是否清晰等。 (2)素材的收集與整理 素材的收集與整理需要做到: ①將收集到素材按照不同的類別,分別保存在不同的文件夾中。 ②對收集的素材應(yīng)該重新取一個合適的文件名,以方便使用。 ③對有些圖片可能需要進行格式轉(zhuǎn)換處理,網(wǎng)頁上常用GIF或JPEG格式。 ④可能需要從某些圖片中截取部分畫面生成新的圖片。 ⑤視頻素材在使用前需要進行一些編輯處理,如將格式轉(zhuǎn)換成流媒體格式(RM、WMV)。(3)網(wǎng)頁中的三種超級鏈接①、鏈接本地本地電腦上的文件超鏈接;(*.htm )②、鏈接電子郵件的超鏈接;(w123@)③、鏈接外網(wǎng)網(wǎng)址的超鏈接;()如果要制作電子郵件的超鏈接,也可以在URL框里直接輸入mailto:w123@ (4)網(wǎng)頁的調(diào)試與發(fā)布把做好的網(wǎng)頁放在學(xué)校服務(wù)器或個人主頁空間上進行瀏覽調(diào)試并發(fā)布。 ①測試超鏈接的有效性; ②測試網(wǎng)頁元素定位的精確性; ③測試文字內(nèi)容的正確性。網(wǎng)頁制作操作知識點會考標準要求 表格的插入及屬性設(shè)置 單元格屬性的設(shè)置(合并和拆分單元格) 輸入文字、插入圖片 設(shè)置超級鏈接 網(wǎng)頁基本屬性可能涉及的試題類型 網(wǎng)址、文件、電子郵件超級鏈接的設(shè)置選中需要設(shè)置超鏈接的對象(看清是文字(全選需要設(shè)置的文字)還是圖片設(shè)置超級鏈接),右鍵—“超鏈接”出現(xiàn)“創(chuàng)建超鏈接”對話框如圖121圖1(1) 鏈接到網(wǎng)站地址:方法:在“URL(U):”處()輸入要鏈接的網(wǎng)址如: 常見錯誤: (1) (2)://:// (2) 鏈接到本地文件:方法:搜索到所需要鏈接的目標文件,選中該文件—確定,常見錯誤: :// (3) 電子郵件鏈接:在“URL(U):”處單擊“制作發(fā)送電子郵件的超鏈接”按紐()在出現(xiàn)的對話框中(如圖2)鍵入要超鏈接的電子郵件地址—確定圖2常見錯誤:(1)只有webmaster@ (2):// webmaster@正確的為:mailto: webmaster@ 網(wǎng)頁屬性的設(shè)置網(wǎng)頁標題、背景音樂、網(wǎng)頁背景的設(shè)置(注意:一定要找到對應(yīng)的音樂文件):網(wǎng)頁空白處右鍵—“網(wǎng)頁屬性”如圖3圖3 文字的設(shè)置(1)從文本文件中獲取文字內(nèi)容:先復(fù)制文本文件中的文字內(nèi)容,再粘貼到網(wǎng)頁相應(yīng)位置(2)字體的設(shè)置:選中要設(shè)置的文字,右鍵—“字體”或者用工具欄上按鈕圖片的設(shè)置(1)插入圖片:光標先定位于要插入圖片的單元格,再選擇“插入”菜單—“圖片”如圖4 常見錯誤:將此圖片誤設(shè)為背景(注意插入圖片還是設(shè)置背景圖片的區(qū)別)圖4(2)圖片屬性的設(shè)置,對齊方式、寬度高度,邊框;(這圖片一定是來自自己的考生文件夾)選中要設(shè)置的圖片,右鍵—“圖片屬性”—“外觀”選項卡如圖5 圖5 表格的設(shè)置(1)表格、行、列的插入:光標先定位于要設(shè)置的單元格,再選擇“表格”菜單—插入,如圖6 圖6(2)表格背景、邊框顏色粗細,高度寬度,對齊方式的設(shè)置:光標先定位于要設(shè)置的單元格,再右鍵—“表格屬性”如圖7 圖7 單元格的設(shè)置(1)單元格的合并、拆分:選擇要設(shè)置的單元格,右鍵—合并單元格或拆分單元格(2)單元格背景、水平垂直對齊方式、單元格的邊框色、高度和寬度等的設(shè)置:光標先定位于要設(shè)置的單元格,再右鍵—“單元格屬性”如圖8 圖8 水平線的設(shè)置(了解)(1)插入水平線:光標先定位于要插入水平線的單元格,再選擇“插入”菜單—水平線如圖4(2)水平線大小、對齊方式、顏色的設(shè)置:選中要設(shè)置的水平線,右鍵—水平線屬性如圖9 圖99滾動字幕的插入及屬性的設(shè)置(了解)(1)插入字幕:光標先定位于要插入字幕的單元格,再選擇“插入”菜單—組件—字幕如圖10,(2)字幕屬性的設(shè)置:選中要設(shè)置屬性的字幕,右鍵—字幕屬性圖10重點:網(wǎng)頁的設(shè)計與制作網(wǎng)站和網(wǎng)頁(1)網(wǎng)頁、網(wǎng)站的基本概念萬維網(wǎng): (world wide web),通常所說的網(wǎng)上沖浪就是瀏覽萬維網(wǎng)。要瀏覽萬維網(wǎng)必須遵守協(xié)議,即超文本傳輸協(xié)議。要訪問網(wǎng)站,必須在瀏覽器地址欄中輸入網(wǎng)址,即URL(統(tǒng)一資源地址) 格式:(2)網(wǎng)頁的基本元素網(wǎng)頁的內(nèi)容有三種基本元素:文字、圖形圖像和超鏈接。網(wǎng)頁還可以使用構(gòu)件,如“表格”、“表單”、“音樂”和內(nèi)嵌程序等,起到美化網(wǎng)頁、雙向交流的作用。網(wǎng)頁中表格的作用:對網(wǎng)頁中的元素和其他構(gòu)件進行準確定位,使得布局更加整齊。要使表格“看不見”,可以把表格粗細設(shè)為0。(3)網(wǎng)頁的實質(zhì)網(wǎng)頁實質(zhì)上是用HTML語言來描述的。HTML即超文本標記語言。我們通過瀏覽器訪問網(wǎng)頁,瀏覽器實際上收到的是HTML代碼,瀏覽器再將代碼翻譯解釋成有文字、圖片、動畫等豐富多彩的網(wǎng)頁。(4)網(wǎng)頁的制作網(wǎng)頁制作可以用人工方式編寫HTML代碼,也可使用制作工具。常見的網(wǎng)頁制作工具有:FrontPage、DreamWeaver。網(wǎng)頁文件的擴展名為htm或html。常用網(wǎng)頁圖片格式為:GIF或JPG。常用網(wǎng)頁視頻素材的格式為流媒體格式,擴展名為RM或WMV網(wǎng)頁修改操作一、背景操作(一)網(wǎng)頁、表格和單元格三種背景(背景顏色或背景圖片): 常見錯誤:混淆三種背景網(wǎng)頁背景:右鍵—網(wǎng)頁屬性表格背景:光標先定位于要設(shè)置的表格,再右鍵—表格屬性單元格背景:光標先定位于要設(shè)置的單元格,再右鍵—單元格屬性 (二)背景音樂:右鍵—網(wǎng)頁屬性二、超級鏈接(看清是文字還是圖片設(shè)置超級鏈接)超鏈接:必須建立在網(wǎng)頁上的圖片或文字上。可以鏈接到網(wǎng)站地址(如:),可以鏈接到其它網(wǎng)頁文件或本地文件(如:),也可以鏈接到郵箱地址(如:xinghua@)其中網(wǎng)址可以直接復(fù)制;鏈接到文件必須按第②個按鈕如圖,去尋找所要鏈接的文件;鏈接到郵箱地址必須按第③個按鈕,再把郵箱地址復(fù)制進去?!℃溄拥骄W(wǎng)站地址: 示例:為文字“中央電視臺”設(shè)置超鏈接,鏈接到 常見錯誤: (1) (2)://:// 鏈接到本地文件: 示例:為“德國名車車標大全”上的圖標添加超級鏈接, 常見錯誤: :// 電子郵件鏈接: 示例:為網(wǎng)頁下部的“聯(lián)系我們”添加超級鏈接webmaster@ 常見錯誤:(1)只有webmaster@ (2):// webmaster@三、表格操作 合并單元格 拆分單元格 插入行或列(菜單欄:表格—插入—行或列) 單元格操作:設(shè)置單元格列寬,水平和垂直對齊方式等 插入表格:設(shè)置表格寬度,粗細,邊框顏色,表格對齊方式等四、其它操作 插入水平線 修改網(wǎng)頁標題(右鍵—網(wǎng)頁屬性)插入圖片 (常見錯誤:將此圖片誤設(shè)為背景)插入文字(從文本文件中獲取文字內(nèi)容) 插入字幕(菜單欄:插入—組件—字幕)新建網(wǎng)頁文件并保存(注意保存的位置)練習(xí):網(wǎng)頁設(shè)計常見習(xí)題32某學(xué)生制作的網(wǎng)頁,結(jié)構(gòu)如圖。圖中所示的myweb是一個( A ) A. 網(wǎng)站 B. 網(wǎng)頁 C. 主頁 D. 首頁網(wǎng)站制作過程合理的步驟是( B ) A. 確定主題→選擇開發(fā)工具→需求分析→網(wǎng)站制作 B. 需求分析→確定主題→選擇開發(fā)工具→網(wǎng)站制作 C. 網(wǎng)站制作→確定主題→需求分析→選擇開發(fā)工具 D. 選擇開發(fā)工具→需求分析→確定主題→網(wǎng)站制作建立主題網(wǎng)站的順序一般是( A ) A. 規(guī)劃→設(shè)計→實現(xiàn)→發(fā)布管理 B. 設(shè)計→規(guī)劃→實現(xiàn)→發(fā)布管理 C. 規(guī)劃→實現(xiàn)→設(shè)計→發(fā)布管理 D. 設(shè)計→實現(xiàn)→規(guī)劃→發(fā)布管理全班討論即將制作的班級網(wǎng)站的配色方案,這屬于網(wǎng)站建設(shè)的哪個階段?( A ) A. 設(shè)計規(guī)劃 B. 開發(fā)制作 C. 評估檢測 D. 確定主題網(wǎng)站設(shè)計不包括下列哪個選項?( A ) A. 網(wǎng)站所放的位置 B. 版面設(shè)計 C. 確定網(wǎng)站整體風(fēng)格 D. 收集素材樹立網(wǎng)站整體形象的關(guān)鍵是 ( A ) A. 標志、色彩和字體 B. 表格、圖片和文字 C. 音頻、視頻和文字 D. 計劃、欄目和版面下列不屬于網(wǎng)站建站規(guī)劃工作的是( C ) A. 確定網(wǎng)站主題 B. 設(shè)計網(wǎng)站風(fēng)格 C. 使用CSS技術(shù) D. 選擇網(wǎng)站開發(fā)工具下列關(guān)于樹立網(wǎng)站整體風(fēng)格的敘述,錯誤的是( A ) A. 網(wǎng)站的標志對樹立整體風(fēng)格沒有什么影響 B. 網(wǎng)站的色彩也是樹立整體風(fēng)格的重要因素 C. 設(shè)計網(wǎng)站的字體是樹立整體風(fēng)格的重要環(huán)節(jié) D. 網(wǎng)站色彩一般不宜太多,太多容易使人眼花繚亂下列軟件中,不能用于制作網(wǎng)頁的是( B ) A. FrontPage 2000 B. CuteFTP C. Flash MX D. Dreamweaver MXFrontPage屬于( A ) A. 所見即所得的編輯工具 B. 圖像處理工具 C. 文字編輯工具 D. 圖片編輯工具1訪問某個網(wǎng)站時,我們在瀏覽器中首先看到的頁面稱為首頁。首頁默認的主文件名一般為( B ) A. Logo B. index C. Email D. News Group1要想設(shè)計一個布局合理、結(jié)構(gòu)協(xié)調(diào)、美觀勻稱的網(wǎng)頁,在組織網(wǎng)頁時應(yīng)該利用( B ) A. 表單 B. 表格 C. 動畫 D. 動態(tài)網(wǎng)頁1在制作網(wǎng)頁中的表格時,如果要想在瀏覽時看不到表格的邊框,則應(yīng)將表格的什么屬性值調(diào)整為零( A )