版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
網(wǎng)頁制作技能教程中等職業(yè)學校教學用書(計算機技術(shù)專業(yè))第四章主編張閣林幻燈制作張閣林第4章DreamweaverMX2004使用入門4.1技能1DreamweaverMX2004工作環(huán)境的定制
4.2技能2站點管理4.3技能3文檔基本操作4.4技能4文本的超級鏈接
4.5技能5插入其他元素4.1技能1DreamweaverMX2004工作環(huán)境的定制4.1.1任務1安裝DreamweaverMX2004
4.1.2任務2啟動DreamweaverMX2004軟件4.1.3任務3設(shè)定頁面的標尺和網(wǎng)格
4.1.1任務1安裝DreamweaverMX2004
DreamweaverMX2004是Macromedia公司最新推出的集藝術(shù)、技術(shù)與智慧于一體的專業(yè)網(wǎng)頁編輯器。DreamweaverMX2004采用了多種先進技術(shù),無需手寫代碼就能快速創(chuàng)建極具表現(xiàn)力和動感效果的網(wǎng)頁,并且還提供了強大的網(wǎng)頁編輯功能和完善的站點管理機制。4.1.1任務1安裝DreamweaverMX2004步驟1:將Dreamweaver安裝光盤放入計算機的CD-ROM驅(qū)動器。步驟2:雙擊setup.exe文件,頁面上出現(xiàn)安裝向?qū)А?.1.1任務1安裝DreamweaverMX2004步驟3:單擊【下一步】按鈕,在出現(xiàn)的“許可證協(xié)議”窗口中單擊【是】按鈕,如下圖所示。4.1.1任務1安裝DreamweaverMX2004步驟4:在出現(xiàn)的“選擇目的地位置”窗口中,可以選擇安裝在默認的位置,也可以單擊【瀏覽】按鈕,選擇新的安裝位置,然后單擊【下一步】按鈕,如下圖所示。4.1.1任務1安裝DreamweaverMX2004步驟5:在出現(xiàn)的“默認編輯器”窗口中選擇文件類型后,單擊【下一步】按鈕,如圖4.4所示。在彈出的對話框中列出了8種文件類型,選擇相應文件類型后,Dreamweaver就將成為這類文件的默認編輯器。
4.1.1任務1安裝DreamweaverMX2004步驟6:接下來出現(xiàn)“開始復制文件”窗口,單擊【下一步】按鈕。步驟7:開始自動執(zhí)行安裝程序,下面的狀態(tài)欄中顯示安裝的進度
4.1.1任務1安裝DreamweaverMX2004步驟8:當出現(xiàn)如圖4.7所示時,則表示安裝完畢,單擊【完成】按鈕。
4.1.2任務2啟動DreamweaverMX2004軟件
掌握DreamweaverMX2004軟件的啟動方法,并學習Dreamweaver工作區(qū)的設(shè)置。
4.1.2任務2啟動DreamweaverMX2004軟件
步驟1:啟動DreamweaverMX2004軟件單擊【開始】菜單,選擇【程序】→【Macromedia】程序組,選擇【MacromediaDreamweaverMX2004】。
雙擊桌面上的DreamweaverMX2004快捷方式圖標??紤]一下:還有哪幾咱快速啟動方法?
4.1.2任務2啟動DreamweaverMX2004軟件
步驟2:設(shè)置工作區(qū)第一次啟動DreamweaverMX2004時,會出現(xiàn)工作區(qū)設(shè)置對話框,如圖所示,選擇“設(shè)計者”布局。
如果希望更改為“代碼編寫者”布局,選擇主菜單中的【編輯】→【首選參數(shù)】命令即出現(xiàn)對話框。在“分類”列表框中選擇“常規(guī)”類別,窗口右側(cè)顯示該類的選項,單擊【更改工作區(qū)】按鈕即出現(xiàn)“工作區(qū)設(shè)置”對話框。在其中選擇“代碼編寫者”,單擊【確定】按鈕后,4.1.2任務2啟動DreamweaverMX2004軟件
拓展
“代碼編寫者界面”與“設(shè)計者界面”的組成元素相同,“代碼編寫者界面”側(cè)重于代碼的編輯工作,文檔窗口位于窗口的右側(cè),組合面板位于窗口的左側(cè),這樣的布局,適合手工編碼人員使用。
4.1.3任務3設(shè)定頁面的標尺和網(wǎng)格如何將頁面內(nèi)的標尺和網(wǎng)格顯示出來,進而為網(wǎng)頁頁面的設(shè)計提供一個范圍參考,更好地進行頁面設(shè)置及定位。
4.1.3任務3設(shè)定頁面的標尺和網(wǎng)格步驟1:選擇主菜單中的【查看】→【標尺】→【顯示】命令,標尺就可以顯示出來。再一次選擇【顯示】命令,標尺則會隱藏起來。選擇主菜單中的【查看】→【標尺】命令,在其子菜單中還可以選擇標尺的單位,包括像素、英寸及厘米。拖動縱橫標尺的交界處“”符號,可以改變標尺的原點。再次選擇主菜單中的【查看】→【標尺】→【重設(shè)原點】命令則可以恢復默認的標尺狀態(tài)
4.1.3任務3設(shè)定頁面的標尺和網(wǎng)格步驟2:選擇主菜單中的【查看】→【網(wǎng)格】→【顯示網(wǎng)格】命令,可以將頁面內(nèi)的網(wǎng)格顯示出來,為文檔的設(shè)定提供一個區(qū)域及網(wǎng)格線作為參考。再一次選擇【顯示網(wǎng)格】命令,網(wǎng)格就會被隱藏。選擇主菜單中的【查看】→【網(wǎng)格】→【靠齊到網(wǎng)格】命令,頁面內(nèi)的對象就會靠齊到網(wǎng)格上,從而使定位更加準確。選擇主菜單中的【查看】→【網(wǎng)格】→【設(shè)置網(wǎng)格】命令,在出現(xiàn)的“網(wǎng)格設(shè)置”對話框中可以設(shè)置網(wǎng)格的間隔及顏色,還可以設(shè)定是否顯示網(wǎng)格、是否靠齊到網(wǎng)格。
4.2技能2管理站點4.2.1任務1建立DreamweaverMX2004本地站點4.2.2任務2設(shè)置遠程站點4.2.3任務3使用文件面板4.2.4任務4建立網(wǎng)站的目錄結(jié)構(gòu)和文件4.2.1任務1建立DreamweaverMX2004本地站點
在DreamweaverMX2004中創(chuàng)建網(wǎng)頁頁面時,必須首先創(chuàng)建一個新站點,用以存放網(wǎng)站的頁面以及其中的圖像及文件。步驟1:選擇【站點】→【管理站點】在對話框中選【新建】→【站點】打開【未命名站點1的站點定義為】對話框。步驟2:單擊左上角的【基本】選項卡。步驟3:出現(xiàn)【未命名站點1的站點定義為】的窗口,在文本框中輸入一個名稱,以在DreamweaverMX2004中標識該站點。4.2.1任務1建立DreamweaverMX2004本地站點步驟4:單擊【下一步】按鈕,出現(xiàn)“wangzhan的站點定義為”窗口,詢問是否使用服務器技術(shù)。選擇“否,我不想使用服務器技術(shù)”選項,指示目前該站點是一個靜態(tài)站點,沒有動態(tài)網(wǎng)頁。如果建立的網(wǎng)站包含諸如:jsp、asp等動態(tài)網(wǎng)頁技術(shù),則需要選取“是,我想使用服務器技術(shù)”。
4.2.1任務1建立DreamweaverMX2004本地站點步驟5:單擊【下一步】按鈕,選擇“編輯我的計算機上的本地副本,完成后再上傳到服務器”選項,如下圖所示。在“您將把文件存儲在計算機上的什么位置?”文本框中指定一個本地磁盤上的一個文件夾,DreamweaverMX2004將在其中存儲站點文件的本地副本。
4.2.1任務1建立DreamweaverMX2004本地站點步驟6:單擊【下一步】按鈕,在“您如何連接到遠程服務器”下拉列表框中選擇“無”,然后單擊【下一步】按鈕。如下圖所示。4.2.1任務1建立DreamweaverMX2004本地站點步驟7:這時將顯示站點的設(shè)置信息總結(jié)。4.2.1任務1建立DreamweaverMX2004本地站點步驟8:在“高級”選項卡“分類”列表中選擇“本地信息”類別,在右邊的“本地信息”中選擇“啟用緩存”復選項。站點緩存是存儲有關(guān)站點信息的一種方式,可以使多個站點操作速度更快。
4.2.1任務1建立DreamweaverMX2004本地站點拓展創(chuàng)建站點時,可以在【新建】→【站點】打開【未命名站點1的站點定義為】對話框中單擊【高級】選項卡,直接輸入站點名稱、輸入本地根文件夾或點選擇文件夾。要養(yǎng)成一個好習慣,站點名稱、文件夾、文件要英文小寫或數(shù)字,避免一些不必要的麻煩。4.2.1任務1建立DreamweaverMX2004本地站點4.2.2任務2設(shè)置遠程站點
我們的網(wǎng)頁文件制作好以后,需要設(shè)置遠程站點,將設(shè)置好的本地站點與遠程主機連接,最終將制作好的網(wǎng)站發(fā)布到遠程的Web服務器上。
步驟1:選擇主菜單中的【站點】→【管理站點】命令,在“管理站點”對話框中選擇上一任務所創(chuàng)建好的站點后,單擊【編輯】按鈕,如圖所示。4.2.2任務2設(shè)置遠程站點步驟2:在出現(xiàn)的站點定義對話框中選擇“高級”選項卡,在“分類”列表框中選擇“遠程信息”類別,如圖4.26所示。在“訪問”下拉列表中選擇“FTP”,以“FTP”的傳輸方式將文件上傳到遠程服務器站點。4.2.2任務2設(shè)置遠程站點步驟3:選擇“FTP”方式后對話框顯示為如圖所示。FTP主機:文本框中輸入上傳的主機地址域名或者IP地址。請輸入完整的主機名,不要帶任何其他的文本。特別是不要在主機名前面添加協(xié)議名。主機目錄:文本框中輸入遠程站點的主機目錄。如果不能確定輸入哪些內(nèi)容作為主機目錄,請與服務器管理員聯(lián)系。或者嘗試將該文本框保留為空白。在有些服務器上,根目錄就是您首次使用FTP連接到的目錄。若要確定這一點,請連接到服務器。如果出現(xiàn)在“文件”面板“遠程文件”視圖中的文件夾具有像public_html、www或您的登錄名這樣的名稱,它可能就是您應該在“主機目錄”文本框中使用的目錄。登錄:文本框中輸入連接FTP服務器的用戶名。密碼:文本框中輸入連接FTP服務器的密碼
4.2.2任務2設(shè)置遠程站點步驟4:單擊【確認】按鈕完成遠程信息的設(shè)置,回到“編輯站點”對話框。單擊【確定】按鈕完成站點編輯。4.2.2任務2設(shè)置遠程站點拓展
申請一個空間后,F(xiàn)TP服務器的主機地址、主機目錄、登錄地址及密碼會由供應商提供,按提供的數(shù)據(jù)填寫即可。如果從防火墻后面連接到遠程服務器,請選中“使用防火墻”復選框,單擊“防火墻設(shè)置”編輯防火墻主機或端口。
4.2.2任務2設(shè)置遠程站點4.2.3任務3使用文件面板
使用文件面板組織本地站點和遠程站點中的文件。本地與遠程站點中的文件及文件夾可以相互拷貝,本地站點中創(chuàng)建的相對鏈接仍可以繼續(xù)使用。步驟1:選擇【窗口】→【文件】打開文件面板,單擊文件面板上的【擴展/折疊】按鈕,展開文件面板,再單擊可以回到折疊狀態(tài)。步驟2:顯示所有已經(jīng)定義的站點。步驟3:單擊連接或斷開與遠程站點的連接。單擊手動刷新本地和遠程目錄列表。單擊進入“站點文件”視圖,顯示遠程和本地站點的文件結(jié)構(gòu)。單擊進入“測試服務器”視圖,顯示測試服務器和本地站點的目錄結(jié)構(gòu)。單擊進入“站點地圖”視圖,根據(jù)網(wǎng)頁的鏈接方式顯示站點的地圖。
4.2.3任務3使用文件面板步驟4:要使公眾可以訪問你的網(wǎng)頁,必須將它們上傳到Web服務器,即使Web服務器運行在你的本地計算機上也必須進行上傳。執(zhí)行以下操作:在“文件”面板中,選擇站點的本地根文件夾,單擊工具欄上的【上傳文件】按鈕,將所有文件復制到定義的遠程文件夾或測試服務器。在瀏覽器中打開遠程站點以確保正確上傳了所有內(nèi)容。本地站點中創(chuàng)建的相對鏈接仍然可以繼續(xù)使用。4.2.3任務3使用文件面板步驟5:本地與遠程站點中的文件及文件夾可以相互拷貝。單擊按鈕將選定的文件從遠程站點或測試服務器拷貝到本地站點,單擊按鈕將文件的拷貝從遠程服務器傳輸?shù)奖镜卣军c,并標記為從服務器上取出。單擊將本地文件的拷貝傳輸?shù)竭h程服務器,并且使該文件可供他人編輯,本地文件變?yōu)橹蛔x。4.2.3任務3使用文件面板利用文件面板,在本地站點與遠程站點之間傳輸文件,如果站點中不存在必需的文件夾,Dreamweaver會自動創(chuàng)建這些文件夾。選擇主菜單中的【編輯】→【首選參數(shù)】命令打開“首選參數(shù)”對話框,在“分類”列表框中選擇“站點”類別,在“站點”中可以設(shè)置站點面板的文件傳輸功能。
4.2.3任務3使用文件面板4.2.4任務4建立網(wǎng)站的目錄結(jié)構(gòu)和文件根據(jù)主題,確定劃分網(wǎng)站的欄目,根據(jù)網(wǎng)站欄目,確定網(wǎng)站的目錄結(jié)構(gòu),再根據(jù)內(nèi)容,建立相應的文件,這對于站點的管理維護、發(fā)布后網(wǎng)站內(nèi)容的擴充和修改有著重要意義。4.2.4任務4建立網(wǎng)站的目錄結(jié)構(gòu)和文件步驟1:確定主題。主題的定位要明確,也就是我這個站點向瀏覽者展現(xiàn)什么,要有一個中心思想,比如:體育博覽、古典音樂、免費軟件、在線花店、網(wǎng)頁教學、旅游、MP3、個人求職等等。步驟2:規(guī)劃欄目。主題確定了,網(wǎng)站的內(nèi)容資料搜集齊全了,就該劃分一下網(wǎng)站的欄目了,實質(zhì)上就是要為網(wǎng)站建立一個大綱索引,用以突出網(wǎng)站的特點,方便瀏覽者訪問。步驟3:網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。目錄結(jié)構(gòu)的好壞對網(wǎng)頁沒有影響,但對于站點本身的上傳、維護和內(nèi)容擴充有重要影響。
4.2.4任務4建立網(wǎng)站的目錄結(jié)構(gòu)和文件步驟4:Dreamweaver文件面板通常顯示站點中的所有文件和文件夾,但新建的站點中不包含任何文件或文件夾,所有的文件和文件夾都需要新建。在“文件”面板的“文件”選項卡中選中創(chuàng)建的本地站點,如圖所示。
4.2.4任務4建立網(wǎng)站的目錄結(jié)構(gòu)和文件步驟5:在窗口右上角的下拉菜單中選擇【文件】→【新建文件】命令,或在站點文件夾內(nèi)單擊鼠標右鍵,在彈出的快捷菜單上選擇【新建文件】命令。步驟6:此時在新創(chuàng)建的本地站點下面就會出現(xiàn)一個處于命名狀態(tài)的名為untitled.htm的網(wǎng)頁,為此網(wǎng)頁重命名index.htm或index.html,這是主頁文件名,然后在此面板的任意一處單擊。4.2.4任務4建立網(wǎng)站的目錄結(jié)構(gòu)和文件步驟7:在窗口右上角的下拉菜單中選擇【文件】→【新建文件夾】命令,可以在站點中創(chuàng)建新的文件夾,為其命名。步驟8:同理設(shè)置其他的文件夾及文件,應用時雙擊即可打開。
4.2.4任務4建立網(wǎng)站的目錄結(jié)構(gòu)和文件(1)不要將所有文件都存放在根目錄下,這是因為上傳速度慢,服務器一般都為根目錄建立一個文件索引,文件量大,等待時間長。其次,文件管理混亂,影響工作效率。(2)按欄目內(nèi)容建立子目錄:首先按主欄目建立其他的次要欄目,如最近更新、友情鏈接等內(nèi)容較多,需要經(jīng)常更新的欄目可以建立獨立的子目錄。一些相關(guān)性強,不需要經(jīng)常更新的欄目,可以合并放在一個目錄下。所有程序都單獨存放在特定目錄下,便于維護管理。(3)每個主目錄下都建立獨立的images目錄,用于存放圖片。根目錄下的images是用于存放主頁文件index.htm的圖片的。(4)目錄及文件在命名時要使用簡短文件名,文件名應小于8個字符,以英文形式為主,一律以小寫形式處理。同一類型的文件應以數(shù)字記號,以利于查找和修改。目錄及文件的名稱要有些實際意義,如:images用以放置主頁的圖片,Library文件夾用以存放網(wǎng)站的庫文件,其他文件夾名稱要與主題網(wǎng)頁或正文網(wǎng)頁對應。(5)文件夾的層次要清楚,最多不超過三層,便于目錄的管理。4.3技能3文檔基本操作
4.3.1任務1設(shè)置頁面基本屬性
4.3.2任務2文字的輸入
4.3.3任務3文字格式的設(shè)置
4.3.1任務1設(shè)置頁面基本屬性
DreamweaverMX2004中創(chuàng)建的每一頁,可使用【頁面屬性】對話框,對布局和格式等進行設(shè)置。4.3.1任務1設(shè)置頁面基本屬性步驟1:在DreamwaverMX2004的主窗口中新建一網(wǎng)頁文件并輸入相關(guān)內(nèi)容,選擇主菜單中的【修改】→【頁面屬性】命令,打開“頁面屬性”對話框。步驟2:在“分類”列表框中選擇“外觀”類別,設(shè)置頁面背景文件“b090.gif”。如圖所示。4.3.1任務1設(shè)置頁面基本屬性步驟3:在“頁面設(shè)置”對話框的“分類”列表框中選擇“鏈接”選項,設(shè)置鏈接文字的鏈接顏色“#006633”、變換圖像鏈接“#FF9966“、活動鏈接”#FFFF00“和訪問過的鏈接的顏色(默認),如圖所示。
4.3.1任務1設(shè)置頁面基本屬性步驟4:在“頁面設(shè)置”對話框的“分類”列表框中選擇“標題”選項,設(shè)置網(wǎng)頁標題的字體、大小、顏色等。如圖4.36所示。
4.3.1任務1設(shè)置頁面基本屬性步驟5:在“頁面設(shè)置”對話框的“分類”列表框中選擇“標題/編碼”選項,如圖4.37所示。在右側(cè)我們填寫本網(wǎng)頁的標題,編碼選黙認的簡體中文(GB2312)。4.3.1任務1設(shè)置頁面基本屬性步驟6:在“頁面設(shè)置”對話框的“分類”列表框中選擇“跟蹤圖像”選項,如圖4.38所示。單擊【瀏覽】按鈕,選擇設(shè)計頁面時用作參考的圖像文件,在下面選擇圖像的不透明度。跟蹤圖像只供設(shè)計網(wǎng)頁作為參考,當網(wǎng)頁在瀏覽器中顯示時圖像并不出現(xiàn)。
4.3.1任務1設(shè)置頁面基本屬性拓展頁面屬性可為創(chuàng)建的每個新頁面指定新的頁面屬性,也可以隨時修改現(xiàn)有頁面的屬性。在文檔視圖區(qū)中空白處單擊鼠標右鍵,在彈出的快捷菜單中選擇【頁面屬性】命令,或在屬性面板單擊【頁面屬性】按鈕,也可以打開“頁面屬性”對話框。
4.3.2任務2文字的輸入
在DreamweaverMX2004中,文字可以直接輸入在頁面上,也可以輸入在表格和層等區(qū)域中,輸入的文字一般分為普通文本和特殊字符兩種。步驟1:在文檔窗口中需要輸入文字的頁面位置單擊,出現(xiàn)插入點。步驟2:選擇適當?shù)妮斎敕ㄝ斎胛淖?,如果文本超出了表格的顯示范圍會自動換行步驟3:在一個段落未結(jié)束,又未到達窗口的右邊界時就想換行,或想調(diào)節(jié)行之間距離,可按下“Shift+Enter”組合鍵。步驟4:如果需要將一些文本獨立成段,可按下“Enter”鍵。步驟5:在網(wǎng)頁的文字設(shè)定中,經(jīng)常需要加入空格,但在HTML中規(guī)定,在文本中輸入多個空格時,只顯示一個空格,如需多個空格,最快捷方式是按下“Ctrlt++Shift+空格”組合鍵即可解決。步驟6:如果需要輸入特殊字符,可以應用插入面板文本類中的字符項目輸入。4.3.2任務2文字的輸入拓展
網(wǎng)頁中的文字不僅可以直接輸入也可以通過在其它文字處理軟件中輸入,然后利用windows剪貼板復制粘貼到網(wǎng)頁頁面中。
4.3.2任務2文字的輸入4.3.3任務3文字格式的設(shè)置輸入的文字內(nèi)容在屬性面板中設(shè)置其格式,包括字體、字號、字型等。
4.3.3任務3文字格式的設(shè)置
步驟1:將光標定位于需要設(shè)置為標題的段落中,在屬性面板中選擇相應的標題類別。步驟2:選中需要設(shè)置字體的文本,在中選擇所需要的字體,如宋體、黑體等。如果沒有需要的字體,可以在其中單擊【編輯字體列表】按鈕,出現(xiàn)“編輯字體列表”對話框,在“可用字體”列表框中選擇所需字體,如“華文行楷”,點擊按鈕,該字體便出現(xiàn)在“選擇的字體”列表框中。如要繼續(xù)添加,點左上角按鈕,再按上述步驟添加其它字體,如圖所示。如需刪除字體點按鈕即可。
4.3.3任務3文字格式的設(shè)置
步驟3:選擇需要設(shè)置字號的文字,在中選擇字號。步驟4:選擇需要設(shè)置顏色的文字,在顏色下拉列表中,用吸管在彈出的色塊區(qū)域中選擇文字的顏色,也可以用吸管選定頁面內(nèi)其他區(qū)域的顏色。4.3.3任務3文字格式的設(shè)置
步驟5:選擇主菜單中的【文本】→【樣式】命令或用設(shè)置粗、斜體。步驟6:選中要設(shè)置格式的段落,在中選擇對齊的方式。從左至右依次為左對齊、居中對齊、右對齊和兩端對齊。步驟7:單擊為分段的文字加入項目符號和編號以及調(diào)整文字的縮進量。
4.3.3任務3文字格式的設(shè)置
拓展盡量不要在網(wǎng)頁中使用特殊的字體,如果瀏覽者沒有安裝此字體,就會應用默認的字體替代,這樣會影響整體的頁面效果,如果必須應用特殊字體表達網(wǎng)頁效果時,可以做成圖片,然后插入到網(wǎng)頁中或者做CSS樣式。4.4技能4文本的超級鏈接
4.4.1任務1鏈接到站內(nèi)頁面
4.4.2任務2鏈接到其它網(wǎng)站的頁面
4.4.3任務3設(shè)置下載文件4.4.4任務4鏈接到E-mail
4.4.5任務5鏈接到命名錨記
4.4.1任務1鏈接到站內(nèi)頁面
步驟1:在DreamwaverMX2004的主窗口中打開網(wǎng)頁文件,選擇需要制作鏈接的文字部分,如圖所示。
4.4.1任務1鏈接到站內(nèi)頁面
步驟2:在“鏈接”文本框中輸入鏈接文件名,或單擊其后的瀏覽文件按鈕,出現(xiàn)“選擇文件”對話框,如圖所示。在對話框中選擇需要鏈接的頁面文件。4.4.1任務1鏈接到站內(nèi)頁面
步驟3:單擊【確定】按鈕完成文本的超級鏈接返回到頁面,可以看到所選擇的文字顏色發(fā)生了變化,并且下面加入了下劃線。
4.4.1任務1鏈接到站內(nèi)頁面
拓展
建立鏈接還可以在選擇文本后,用鼠標左鍵單擊【指向文件】圖標,拖動鼠標使箭頭指向要鏈接的文件面板上的網(wǎng)頁文件,釋放鼠標完成鏈接。如圖所示。
4.4.2任務2鏈接到其它網(wǎng)站的頁面鏈接到網(wǎng)站是指一些友情鏈接,鏈接到相關(guān)的網(wǎng)站。步驟1:在頁面中輸入網(wǎng)站的名稱。如:中央電視臺步驟2:將輸入的文字選中步驟3:在屬性面板的鏈接文本框中輸入入網(wǎng)站的全稱(絕對地址):4.4.3任務3設(shè)置下載文件
有些文件是瀏覽器無法識別的文件,可以先將這些文件壓縮,然后鏈接,單擊后下載鏈接的文件
4.4.3任務3設(shè)置下載文件
步驟1:在頁面中輸入需要下載字樣的文字,將其選中,在屬性面板中單擊鏈接文本框旁的【瀏覽文件】按鈕。步驟2:在出現(xiàn)的對話框中選擇壓縮的rar文件,單擊確認,復制到站點文件夾中。步驟3:【文件】→【保存】,F(xiàn)12在瀏覽器中瀏覽頁面,單擊輸入的文字【單擊下載文件】步驟4:出現(xiàn)【文件下載】對話框,可以將鏈接的文件【打開】或【保存】。4.4.4任務4鏈接到E-mail鏈接到郵箱是瀏覽者與網(wǎng)站快捷聯(lián)系方式步驟1:輸入出現(xiàn)在網(wǎng)頁頁面中的文字指示,如E-mail:wangyahua2004@126.com
或?qū)懧?lián)系我們步驟2:在屬性面板的鏈接文本框中輸入以【mailto:】開頭并加入需要鏈接的管理者的郵箱地址步驟3:F12預覽,單擊標識鏈接郵箱的文字指示,頁面上出現(xiàn)【新郵件】對話框4.4.5任務5鏈接到命名錨記命名錨記的鏈接可以是一個網(wǎng)頁內(nèi)部的鏈接,標記通常放在文檔的特定主題處或頂部,然后創(chuàng)建到這些命名錨記的鏈接,這些鏈接能夠快速引導瀏覽者到指定的位置。4.4.5任務5鏈接到命名錨記步驟1:在文檔頁面中,將插入點放在需要命名錨記的地方。步驟2:執(zhí)行下列任一操作均可:
·單擊菜單插入/命名錨記
·常用插入面板上單擊【命名錨記】圖標步驟3:在出現(xiàn)的對話框中輸入錨記名稱如:a或b或c,錨記名不能含空格。單擊確定,錨記標記在插入點處出現(xiàn),如果看不見標記,可選【查看/可視化助理/不可見元素】命令。步驟4:選擇要從其創(chuàng)建鏈接的文本。在屬性面板的【鏈接】文本框中,輸入一個“#”和錨記名稱如#a,同理,設(shè)置另兩個為“#b”、“#c。步驟5:如要鏈接到同一文件夾內(nèi)其他文檔中的名為“d”的錨記,可輸入filename.ftml#d,錨記名稱區(qū)分大小寫。4.4.5任務5鏈接到命名錨記拓展
錨記命名選用字母或數(shù)字,不能含空格,錨記名稱區(qū)分大小寫。如果要鏈接到同一文件夾內(nèi)其他文檔中的名為“d”的錨記,可輸入filename.htm#d。其中的filename是指文件名。4.5技能5插入其他元素4.5.1任務1插入水平線和版權(quán)符
4.5.2任務2插入Flash
4.5.3任務3插入刷新
4.5.1任務1插入水平線和版權(quán)符步驟1:將插入點放在要插入水平線的位置步驟2:選擇【插入】→【HTML】→【水平線
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2026年內(nèi)蒙古機電職業(yè)技術(shù)學院單招職業(yè)傾向性測試題庫及完整答案詳解1套
- 2026年南充職業(yè)技術(shù)學院單招職業(yè)適應性考試題庫含答案詳解
- 2026年江蘇農(nóng)林職業(yè)技術(shù)學院單招職業(yè)技能考試題庫含答案詳解
- 2026年安徽省蕪湖市單招職業(yè)傾向性測試題庫參考答案詳解
- 2026年浙江省麗水市單招職業(yè)適應性測試題庫參考答案詳解
- 2026年山西省呂梁市單招職業(yè)適應性測試題庫及參考答案詳解1套
- 2026年吉安職業(yè)技術(shù)學院單招職業(yè)傾向性測試題庫及參考答案詳解一套
- 2026年廣東省茂名市單招職業(yè)傾向性測試題庫及參考答案詳解1套
- 2026年南充文化旅游職業(yè)學院單招職業(yè)技能考試題庫及完整答案詳解1套
- 2026年梅河口康美職業(yè)技術(shù)學院單招職業(yè)傾向性考試題庫及答案詳解1套
- 小學科學新教科版三年級上冊全冊教案(2025秋新版)
- (2025秋季)人教版八年級物理上冊2.1+聲音的產(chǎn)生和傳播(教學課件)
- 2025年黨的建設(shè)考試題及答案
- 車管所類教學課件
- DBJT15-73-2010 建筑塔式起重機安裝檢驗評定規(guī)程
- 四季樹木的變化
- 內(nèi)植物相關(guān)骨髓炎小鼠模型構(gòu)建及關(guān)鍵基因的生物信息學解析
- 2025年中國創(chuàng)傷救治指南
- 四川省南充市普通高中2024-2025學年高一下學期期末學業(yè)質(zhì)量監(jiān)測地理試題(解析版)
- 2025年征兵工作考試題庫
- 收銀員高級工考試試題及答案
評論
0/150
提交評論