個(gè)人網(wǎng)站論文模板.doc

1 編號(hào) 編號(hào) 浙江長(zhǎng)征職業(yè)技術(shù)學(xué)院浙江長(zhǎng)征職業(yè)技術(shù)學(xué)院 畢業(yè)論文 題 目 姓 名 學(xué) 號(hào) 專 業(yè) 指導(dǎo)老師 年 月 日 2 摘摘 要要 隨著現(xiàn)代計(jì)算機(jī)科學(xué)的發(fā)展 網(wǎng)絡(luò)已經(jīng)越來(lái)越普及 如今網(wǎng)絡(luò)已經(jīng)成為每個(gè)人生活的 一部分 同時(shí)網(wǎng)絡(luò)也提供了一種很好的信息交換平臺(tái) 而個(gè)人主頁(yè)是可以在網(wǎng)絡(luò)上展示各 人信息單位方便手段 本文介紹了個(gè)如何開(kāi)發(fā)個(gè)人網(wǎng)站 首先介紹開(kāi)發(fā)工具 PHP SQL server 等技術(shù) 然后詳細(xì)了解個(gè)人主頁(yè)的開(kāi)發(fā) 關(guān)鍵詞 關(guān)鍵詞 個(gè)人主頁(yè) SQL server PHP 技術(shù) 3 Abstract With the development of modern computer science networking has become increasingly popular and now the network has become a part of life for everyone while the network also provides an excellent platform for information exchange while the personal home page is displayed on the network can be an individual a convenient means of information This article describes how to develop personal website Development tools first introduces ASP HTML and other technologies and then explain in detail the development of personal home page Keywords personal home page PHP technologies SQL server 4 前前 言言 因特網(wǎng)正在改變世界 它促成了網(wǎng)絡(luò)雛形的形成 特別是電子商務(wù)正由新概念走向?qū)?用化 由于因特網(wǎng)具有傳播信息容量極大 形態(tài)多樣 迅速方便 全球覆蓋 自由和交互 的特點(diǎn) 已將發(fā)展成為新的傳播媒體 所以幾乎各個(gè)企業(yè) 機(jī)構(gòu)紛紛建立自己的 Web 站點(diǎn) Web 站點(diǎn)是向用戶域或潛在客人戶提供信息 包括產(chǎn)品和鼓舞 的一種方式 其文檔 所包含的內(nèi)容是由被稱為超文本 Hyper Text 的文本 圖形圖像 聲音 甚至是電影組 成 使這些超文本能夠有機(jī)的關(guān)聯(lián)并可使瀏覽器識(shí)別 使通過(guò) Html 語(yǔ)言 Hyper Text Markup Language 超文本標(biāo)記語(yǔ)言 實(shí)現(xiàn)的 同時(shí) CGI Common Gateway Internet 公共網(wǎng) 關(guān)接口 能使 Web 具有交互功能 Web 站點(diǎn)指引用戶瀏覽該站點(diǎn)或其它站點(diǎn)上的分頁(yè)信息 可以通過(guò)表格和電子郵件的鏈接提供雙向交互的方式 網(wǎng)站是未來(lái)企業(yè)開(kāi)展電子商務(wù)的基 礎(chǔ)設(shè)施和信息平臺(tái) 它是 只是經(jīng)濟(jì) 的至高點(diǎn) 企業(yè)的網(wǎng)址猶如企業(yè)的商標(biāo)和品牌一樣 是反映企業(yè)的形象和文化的巨大的無(wú)形資產(chǎn) 5 目目 錄錄 第一章第一章 預(yù)備知識(shí)預(yù)備知識(shí) 7 1 11 1 什么是什么是 I INTERNETNTERNET 6 6 1 31 3 WWWWWW 的簡(jiǎn)介的簡(jiǎn)介 9 9 1 41 4 網(wǎng)頁(yè)基本構(gòu)成元素網(wǎng)頁(yè)基本構(gòu)成元素 9 9 1 51 5 軟件的安裝與啟動(dòng)軟件的安裝與啟動(dòng) 1010 1 5 1 軟件的安裝 10 1 5 2 軟件啟動(dòng) 12 1 5 3 創(chuàng)建快捷方式 13 1 61 6 制作網(wǎng)頁(yè)前的準(zhǔn)備制作網(wǎng)頁(yè)前的準(zhǔn)備 1313 1 71 7 D DREAMWEAVERREAMWEAVER 8 8 的操作環(huán)境的操作環(huán)境 1414 1 7 1 標(biāo)題欄 14 1 7 2 菜單欄 14 1 7 3 快捷工具欄 15 1 7 4 屬性面板 15 第二章網(wǎng)頁(yè)的結(jié)構(gòu)圖第二章網(wǎng)頁(yè)的結(jié)構(gòu)圖 16 第三章第三章 網(wǎng)站制作實(shí)戰(zhàn)網(wǎng)站制作實(shí)戰(zhàn) 17 3 1 站點(diǎn) 1717 3 1 13 1 1 創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn) 17 3 1 23 1 2 創(chuàng)建站點(diǎn)內(nèi)容創(chuàng)建站點(diǎn)內(nèi)容 18 3 23 2 首頁(yè)首頁(yè) 1919 3 2 13 2 1 設(shè)置首頁(yè)布局設(shè)置首頁(yè)布局 1919 3 2 23 2 2 設(shè)置首頁(yè)的頁(yè)面屬性設(shè)置首頁(yè)的頁(yè)面屬性 2121 3 2 33 2 3 查看和編輯頭內(nèi)容查看和編輯頭內(nèi)容 2323 3 2 43 2 4 插入圖像插入圖像 2323 3 2 53 2 5 插入多媒體插入多媒體 2424 3 2 63 2 6 插入文本插入文本 2626 6 3 33 3 創(chuàng)建其它網(wǎng)頁(yè)創(chuàng)建其它網(wǎng)頁(yè) 2727 第四章第四章 建立網(wǎng)頁(yè)鏈接建立網(wǎng)頁(yè)鏈接 28 4 14 1 文字鏈接文字鏈接 2929 4 24 2 圖像鏈接圖像鏈接 3131 4 34 3 E E M MAILAIL的鏈接的鏈接 3333 4 44 4 文件下載鏈接文件下載鏈接 3434 4 54 5 在在 HTMLHTML 語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接 3535 4 5 1 文字鏈接 36 4 5 2 圖像鏈接 37 4 5 3 ail 鏈接 39 4 3 5 文件下載鏈接 40 第五章第五章 41 結(jié)束語(yǔ)結(jié)束語(yǔ) 4242 第一章第一章 預(yù)備知識(shí)預(yù)備知識(shí) 1 11 1 什么是什么是 InternetInternet Internet 的中文名為 國(guó)際互聯(lián)網(wǎng) 又稱 因特網(wǎng) Internet 是由眾多的計(jì)算機(jī)網(wǎng)絡(luò)互聯(lián)而成的互聯(lián)網(wǎng) 它覆蓋了全世界各地 它是采用 開(kāi)放系統(tǒng)協(xié)議的計(jì)算機(jī)通訊網(wǎng)絡(luò) 然而 Internet 不僅僅是計(jì)算機(jī)的互聯(lián)網(wǎng) 它還是全球 最大的信息資源寶庫(kù) 它提供了包括科研 教育 文化娛樂(lè) 商業(yè)和信息交流等各種各樣 的服務(wù) 使得世界范圍內(nèi)的人與人之間的交流在時(shí)間和空間上變的更小了 7 要了解 Internet 就必須先了解局域網(wǎng) 我們可以將同一地點(diǎn)的許多計(jì)算機(jī)使用網(wǎng)線 連接在一起 構(gòu)成一個(gè)高效率的計(jì)算機(jī)網(wǎng)絡(luò) 所有處于網(wǎng)絡(luò)內(nèi)的終端機(jī)或計(jì)算機(jī)都能享受 網(wǎng)絡(luò)內(nèi)所有的資源 比如程序 圖文數(shù)據(jù)等 這種計(jì)算機(jī)網(wǎng)絡(luò)因?yàn)橐话愣季窒拊谝欢▍^(qū)域 中 我們稱之為 局域網(wǎng) Local Area Network 簡(jiǎn)稱 LAN 它是在日常工作中用得最 多的一種小型計(jì)算機(jī)網(wǎng)絡(luò) 局域網(wǎng)所覆蓋的地理范圍比較小 通常不超過(guò)幾十公里 甚至 只在同一座建筑物內(nèi)或者鄰近的幾座建筑內(nèi) 像常見(jiàn)的校園網(wǎng) 一座寫字樓內(nèi)部的網(wǎng)絡(luò)等 都屬于局域網(wǎng) 而 Internet 則不是指單個(gè)區(qū)域范圍內(nèi)的網(wǎng)絡(luò) 而是指將全世界的各中不同類型的計(jì) 算機(jī)網(wǎng)絡(luò)連接起來(lái)的一個(gè)全球性的網(wǎng)絡(luò) Internet 上有取之不盡 用之不竭的信息資源 對(duì)于 Internet 中各種各樣的信息 所有的人都可以通過(guò)網(wǎng)絡(luò)的連接來(lái)共享和使用 1 21 2 InternetInternet 有那些功能有那些功能 Web 頁(yè)瀏覽 這是目前利用最廣泛 最直接的互聯(lián)網(wǎng)服務(wù) 通過(guò)瀏覽 WWW 萬(wàn)維網(wǎng) 中的網(wǎng)頁(yè) 可以了解世界各地的新聞 查看最新的股市行情 最新的娛樂(lè)動(dòng)態(tài) 科技發(fā)明 找到眾多的就業(yè)信息 幾乎想找到什么樣的信息 就有什么信息 正是有了 WWW Int ernet 才會(huì)變得如此豐富多彩 才能走進(jìn)千家萬(wàn)戶 信息發(fā)布 通過(guò) Internet 不僅可以瀏覽別人發(fā)布在 Web 頁(yè)上的信息 也可以將自 己要發(fā)布的信息制作成 Web 頁(yè) 也即網(wǎng)頁(yè) 然后發(fā)布到 Internet 上 供全世界的人瀏覽 8 電子郵件 不同于傳統(tǒng)郵件 電子郵件 E mail 通過(guò) Internet 傳輸 寫信 發(fā)信 收信都 在計(jì)算機(jī)上完成 一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去 其效率是傳統(tǒng)郵件無(wú)法 比擬的 而且發(fā)送與接收電子郵件幾乎是免費(fèi)的 所以比傳統(tǒng)郵件既節(jié)省時(shí)間又經(jīng)濟(jì)的多 網(wǎng)上聊天 通過(guò)聊天軟件 如 QQ ICQ 等 或不同網(wǎng)站的聊天室 可以和世界各地的 網(wǎng)友聊天 網(wǎng)友可能是遠(yuǎn)在天邊的異國(guó)朋友 也可能是與你一起工作的餓同事 或者是一 起生活的家人 在這里沒(méi)有年齡 性別 身份 職業(yè) 國(guó)籍 膚色的限制 完全突破了交 友的傳統(tǒng)方式 人們可通過(guò) Internet 互相了解對(duì)方 進(jìn)行各種各樣的交流 電子商務(wù) 現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實(shí) 網(wǎng)上購(gòu)物 網(wǎng)上商品銷售 網(wǎng)上拍賣 企業(yè) 級(jí)電子商務(wù) 網(wǎng)上貨幣支付等電子商務(wù)活動(dòng)已經(jīng)搞的有聲有色 幾乎所有的專家都預(yù)測(cè) 在未來(lái)的幾年內(nèi) 電子商務(wù)會(huì)飛速發(fā)展 在不久的將來(lái) 您可以做在計(jì)算機(jī)前進(jìn)行各種各 樣的商務(wù)活動(dòng) 網(wǎng)絡(luò)游戲 通過(guò) Internet 可以與全世界的玩家一起進(jìn)行游戲?qū)?zhàn) 也可以協(xié)同作 戰(zhàn) 網(wǎng)絡(luò)游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟(jì)增長(zhǎng)點(diǎn) 每年都為開(kāi)發(fā)商帶來(lái)巨額的利潤(rùn) 通 過(guò)網(wǎng)絡(luò)游戲 可以充分享受 Internet 給我們帶來(lái)的樂(lè)趣 網(wǎng)絡(luò)電話 網(wǎng)絡(luò)電話也稱 IP 電話 它采用 Internet 技術(shù) 利用專門的網(wǎng)絡(luò)電話軟件 只需支付非常低廉的話費(fèi)就可通話 Internet 在電信市場(chǎng)上的應(yīng)用將越來(lái)越廣泛 9 1 31 3 WWWWWW 的簡(jiǎn)介的簡(jiǎn)介 WWW 的全稱為 World Wide Web 含義是 環(huán)球網(wǎng) 又稱 萬(wàn)維網(wǎng) 3W Web WW W 是一個(gè)基于超文本 Hypertext 方式的信息檢索服務(wù)工具 我們上網(wǎng)瀏覽到的網(wǎng)頁(yè)就是 這樣的超文本 也就是 HTML Hypertext Mark up Language 超文本標(biāo)記語(yǔ)言 文件 這 些網(wǎng)頁(yè)檔被放置到 WWW 服務(wù)器上 并且都有一定的地址 當(dāng)我們想瀏覽某個(gè)網(wǎng)站時(shí) 首先 要在計(jì)算機(jī)上安裝瀏覽器 如 Internet Explorer 或 Netscape 然后在瀏覽器中輸入網(wǎng) 站的地址 網(wǎng)址 就可以進(jìn)入網(wǎng)站進(jìn)行瀏覽 在這些網(wǎng)頁(yè)中 都有超連接 當(dāng)將鼠標(biāo)指 針移動(dòng)到某個(gè)地方 如文本或圖像 時(shí) 鼠標(biāo)指針就會(huì)變成一個(gè)小手形形狀 單擊它就可 以連接到另個(gè)網(wǎng)頁(yè)中 從而使得瀏覽者能在不同的信息之間跳轉(zhuǎn) 我們之所以能在 Intern et 的海洋中穿梭自如 正是超連接的功勞 WWW 為我們帶來(lái)的是世界范圍的超級(jí)文本服務(wù) 只須操縱鼠標(biāo) 就可以通過(guò) Internet 從世界各地調(diào)來(lái)你所希望的文本 圖像 動(dòng)畫和聲音等信息 通過(guò)使用 WWW 一個(gè)不熟悉 網(wǎng)絡(luò)使用的人也可以成為 Internet 的行家 1 41 4 網(wǎng)頁(yè)基本構(gòu)成元素網(wǎng)頁(yè)基本構(gòu)成元素 要學(xué)會(huì)制作網(wǎng)頁(yè) 首先需要了解網(wǎng)頁(yè)都是由什么元素構(gòu)成的 文字 文本是構(gòu)成網(wǎng)頁(yè)的基本元素 一個(gè)最簡(jiǎn)單的網(wǎng)頁(yè)可以只有幾行文本 10 圖片 正是有個(gè)各種美麗的圖片 網(wǎng)頁(yè)才變得多姿多彩 動(dòng)畫 如今 網(wǎng)頁(yè)上的動(dòng)畫越來(lái)越多 最常用的有 GIF 動(dòng)畫 Flash 動(dòng)畫等 超連接 如上所述 超連接幾乎是必不可少的 一個(gè)沒(méi)有超連接的網(wǎng)頁(yè) 就如同汪洋大 海中的一座孤島 失去了與外界的一切聯(lián)系 其它元素 還可以在網(wǎng)頁(yè)中添加聲音 視頻等元素 1 51 5 軟件的安裝與啟動(dòng)軟件的安裝與啟動(dòng) 要使用網(wǎng)站設(shè)計(jì)軟件 自然先要將這些軟件安裝到自己的計(jì)算機(jī)中 安裝完畢 還需 要如何啟動(dòng) 如何創(chuàng)建快捷方式 下面就讓我們來(lái)詳細(xì)地看一看具體的操作步驟 1 5 11 5 1 軟件的安裝軟件的安裝 安裝之前 需要先了解軟件對(duì)系統(tǒng)的要求 以 Windows 為例 系統(tǒng)要求如下 Intel Pentium II 處理器或等效處理器 主頻 300MHz 或更高 Windows 98 Windows 2000 Windows NT 具有 Service Pack 3 或更高版本 Windows Me 或 Windows XP 11 Netscape Navigator 4 0 版或更高版本或 Microsoft Internet Explorer 96MB 的可用內(nèi)存 RAM 建議采用 128MB 內(nèi)存 分辨率可達(dá) 800 600 像素的 256 色顯示器 建議顏色為百萬(wàn)顏色 分辨率達(dá)到 1024 768 像素 CD ROM 驅(qū)動(dòng)器 檢查一下您的計(jì)算機(jī) 看是否具備了以上條件 如果具備 將 Macromedia Studio MX 程序會(huì)自動(dòng)運(yùn)行 如果不能自動(dòng)運(yùn)行 可以找到光盤放入光驅(qū) 安裝程序會(huì)自動(dòng)運(yùn)行 可以找到光盤中的 Install Macromedia Studio MX 程序或 Autorun 程序并雙擊運(yùn) 行 Dreamweaver 的安裝比較容易 幾乎可以自動(dòng)完成 下面簡(jiǎn)要說(shuō)明一下安裝步驟 操作步驟 1 將安裝光盤放入光驅(qū) 安裝程序自動(dòng)運(yùn)行 并出現(xiàn)安裝接口 如果單擊安裝接口上 的 Macromedia STUDIO MX 安裝 那么將會(huì)安裝其下方所列出的軟件 所有的安裝會(huì)自 動(dòng)完成 12 2 單擊 Dreamweaver 8 開(kāi)始安裝過(guò)裝過(guò)程 先是出現(xiàn)解壓縮文件窗口 等待一會(huì)兒 便 會(huì)出現(xiàn)安裝向?qū)?duì)話框 單擊 下一步 按鈕 繼續(xù)安裝過(guò)程 3 出現(xiàn) 選擇目的地位置 對(duì)話框 默認(rèn)的盤是 C 盤 如果想安裝到不同的位置 可 以單擊目的檔夾右邊的 瀏覽 按鈕 并在彈出的 選擇文件夾 對(duì)話框選擇不同的文件 如要安裝在 D 盤則可直接將路徑中的 C 改為 D 也可以在下面的 目錄 中選 擇其它的活頁(yè)夾 設(shè)置完后 單擊 確定 回到 選擇目的地址 對(duì)話框 單擊 下一 步 繼續(xù) 4 而后會(huì)出現(xiàn) 默認(rèn)編輯器 的對(duì)話框 默認(rèn)為全選 如果希望讓 Dreamweaver 8 成 為下面所列檔類型的默認(rèn)編輯器 那么可以在這里做選擇 選擇完畢 單擊 下一步 按 鈕 5 出現(xiàn) 開(kāi)始復(fù)制文件 對(duì)話框 單擊 下一步 安裝程序開(kāi)始復(fù)制文件 過(guò)幾分鐘 后 安裝結(jié)束 單擊 結(jié)束 按鈕 結(jié)束安裝 1 5 21 5 2 軟件啟動(dòng)軟件啟動(dòng) 軟件安裝完畢后 我們就可以使用它了 安裝程序已經(jīng)自動(dòng)在 開(kāi)始 菜單中加入了 快捷方式 13 單擊 開(kāi)始 菜單 將鼠標(biāo)指針依次指向 程序 Macromedia Macromedia MX 并在上面單擊鼠標(biāo)左鍵 1 5 31 5 3 創(chuàng)建快捷方式創(chuàng)建快捷方式 使用 開(kāi)始 菜單啟動(dòng)程序的過(guò)程比較煩瑣 可以在 Windows 桌面或快速啟動(dòng)欄上創(chuàng) 建快捷方式 這樣可以快速的啟動(dòng)程序 具體實(shí)現(xiàn)方法是 在 開(kāi)始 菜單中找到相應(yīng)程序的快捷方式 不過(guò)這是不要用鼠標(biāo) 左鍵單擊 而是用右鍵按住向桌面拖動(dòng) 然后松開(kāi)右鍵 會(huì)出現(xiàn)一個(gè)快捷菜單 在其中可 以選擇不同的命令 比如選擇 在當(dāng)前位置創(chuàng)建快捷方式 或 復(fù)制到當(dāng)前位置 這樣以后在運(yùn)行程序時(shí) 就方便快捷的多了 1 61 6 制作網(wǎng)頁(yè)前的準(zhǔn)備制作網(wǎng)頁(yè)前的準(zhǔn)備 計(jì)算機(jī)必備 計(jì)算機(jī)速度夠快 最好能夠上網(wǎng) 操作系統(tǒng) Windows 98 NT Me 2000 XP 14 軟件可選 其它軟件 看圖軟件 ACDSee 圖像處理軟件 Photoshop 上傳工具 CuteFTP Fireworks 動(dòng)畫軟件 Flash 等 1 71 7 DreamweaverDreamweaver 8 8 的操作環(huán)境的操作環(huán)境 我們將工作接口分成了 標(biāo)題欄 菜單欄 快捷工具欄 屬性面板 浮動(dòng)控制面板 5 個(gè)部分來(lái)分別介紹 1 7 11 7 1 標(biāo)題欄標(biāo)題欄 Dreamweaver 8 的 標(biāo)題欄 中將顯示文字 Macromedia Dreamweaver 8 如果打開(kāi) 網(wǎng)頁(yè)的話 在后面還會(huì)顯示該網(wǎng)頁(yè)的一些信息 如網(wǎng)頁(yè)標(biāo)題 所在位置及網(wǎng)頁(yè)名稱 右邊 有三個(gè)鈕 分別對(duì)應(yīng) Dreamweaver MX 的最大化最小化和關(guān)閉的操作 15 1 7 21 7 2 菜單欄菜單欄 標(biāo)題欄 下面就是 菜單欄 欄中提供了 檔 編輯 查看 插入 修改 文本 站點(diǎn) 窗口 幫助 10 項(xiàng)菜單 單擊其中任意一項(xiàng) 菜單 隨即就會(huì)出現(xiàn)一個(gè)下拉式指令菜單 有些指令的右邊會(huì)有鍵盤的代碼 這是該指令 的快捷鍵 熟練使用快捷鍵將會(huì)有助于提高工作效率 有些指令的右邊會(huì)有一個(gè)小黑三角 的標(biāo)記 它代表該指令還包含下一級(jí)的指令 鼠標(biāo)停留片刻即可顯示 1 7 31 7 3 快捷工具欄快捷工具欄 快捷工具欄 指的是 菜單欄 下邊的 3 排按鈕 選擇菜單 查看 工具欄 勾選 里面的 插入 文檔 和 標(biāo)準(zhǔn) 3 項(xiàng) 完整的快捷工具欄就顯現(xiàn)出來(lái)了 1 7 41 7 4 屬性面板屬性面板 在網(wǎng)頁(yè)編輯窗口的下面還有一個(gè)面板 它是有名的 屬性面板 它在這個(gè)軟件中 起到舉足輕重的作用 16 屬性面板顧名思義 就是顯示 調(diào)整屬性的面板 根據(jù)鼠標(biāo)所選中對(duì)象的不同 屬性面板 在接口上也會(huì)有所差異 用戶可以分別對(duì)不同的對(duì)象進(jìn)行調(diào)整 17 第二章網(wǎng)頁(yè)的結(jié)構(gòu)圖第二章網(wǎng)頁(yè)的結(jié)構(gòu)圖 18 第三章第三章 網(wǎng)站制作實(shí)戰(zhàn)網(wǎng)站制作實(shí)戰(zhàn) 3 13 1 站點(diǎn)站點(diǎn) 3 1 13 1 1 創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn) 要制作一個(gè)網(wǎng)站 第一步操作都是一樣的 就是要?jiǎng)?chuàng)造一個(gè) 站點(diǎn) 這樣可以使整 個(gè)網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前 避免了以后再進(jìn)行紛雜的管理 從菜單中選擇 站點(diǎn) 管理站點(diǎn) 在彈出的對(duì)話框中選擇 新建 之后再選擇其中 的 站點(diǎn) 再次彈出一個(gè)對(duì)話框 在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱 my web 填好后 單擊 下一步 進(jìn)入下一個(gè)步驟 由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁(yè) 所以 選擇上面的一項(xiàng) 否 我不想使用服務(wù)器技術(shù) 單擊 下一步 進(jìn)入下一個(gè)步驟 在此選項(xiàng)中有兩個(gè)選擇 選擇推薦的 編輯我的計(jì)算機(jī)上的本地副本 完成后再上傳 到服務(wù)器 底下的文本框允許在本地磁盤上指定一個(gè)文件夾 Dreamweaver 將在其中儲(chǔ) 存站點(diǎn)檔的本地副本 單擊該文本框后面的文件夾圖示 新建并指定一個(gè)空的檔夾 E di ng 之后單擊 下一步 進(jìn)入下一個(gè)步驟 19 這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器 彈出式菜單中有 6 中選擇 這里選擇 無(wú) 而后 下一步 再 完成 即可 3 1 23 1 2 創(chuàng)建站點(diǎn)內(nèi)容創(chuàng)建站點(diǎn)內(nèi)容 站點(diǎn)創(chuàng)建完成后 就可以創(chuàng)建 Web 頁(yè)來(lái)填充站點(diǎn)了 在 右側(cè)浮動(dòng)面板組 中選擇 檔 檔 面板 此時(shí)整個(gè)網(wǎng)站中沒(méi)有任何內(nèi)容 用鼠標(biāo)右擊面板中的本地根目錄文件夾 在彈出的菜單中選擇 新建文件 新建一個(gè)檔后將其命名為 index htm 或 index html 它就是未來(lái)的首頁(yè) 由于 my web 網(wǎng)站分為 首頁(yè) 相冊(cè) 留言 搜索 登陸 注 冊(cè) 這六個(gè)大欄目 之后再次新建 1 個(gè)檔夾 命名為 images 用來(lái)存放 所有的圖像文件 的內(nèi)容 之后在個(gè)欄目的檔夾里還要建立想相應(yīng)的欄目網(wǎng)頁(yè) 20 3 23 2 首頁(yè)首頁(yè) 3 2 13 2 1 設(shè)置首頁(yè)布局設(shè)置首頁(yè)布局 每個(gè)網(wǎng)站都會(huì)有一個(gè)首頁(yè) 就功能上而言 它代表著一個(gè)網(wǎng)站的風(fēng)格與特色 就網(wǎng)站架構(gòu) 上而言 它代表了網(wǎng)站的第一層架構(gòu) 至于網(wǎng)站上其它 Web 頁(yè) 原則上都必須通過(guò)首頁(yè)來(lái) 連接散播出去 可見(jiàn)首頁(yè)是多么的重要 首頁(yè)是打開(kāi)網(wǎng)站后在瀏覽器中顯示的第一個(gè)頁(yè)面 它是起什么名字通常要視 Server 端的設(shè) 置 一般的有 index htm default htm 或 home htm 等 目前主要以 index htm 的居多 當(dāng) 然 后綴名為 html 也是正確的 具體設(shè)置方法是 右健單擊 檔 浮動(dòng)面板中的 index htm 在彈出的菜單中選擇 設(shè)成首 頁(yè) 首頁(yè)的布局有很多方法 在這里我所用到的是表格的 布局模式 布局 模式中的表 格稱為布局表格 單元格稱為布局單元格 在繪制布局表格和布局單元格時(shí) 必須從 標(biāo) 準(zhǔn) 模式切換到 布局 模式 直接單擊 布局 按鈕即可 操作步驟 1 在 插入快捷欄 的 布局 分類中 單擊 布局表格 按紐 21 2 將變成 形狀的鼠標(biāo)游標(biāo)放到編輯中網(wǎng)頁(yè)上 在要繪制的地方進(jìn)行拖動(dòng)就 可以進(jìn)行創(chuàng)建了 如果繪制的是第一個(gè)表格必須從網(wǎng)頁(yè)的最左上角開(kāi)始繪制 3 在這里要繪制多個(gè)表格 可以再次單擊 布局表格 按紐進(jìn)行繪制 也可以按 住 Ctrl 鍵繪制多個(gè)表格 網(wǎng)站首頁(yè)的布局如圖所示 3 2 23 2 2 設(shè)置首頁(yè)的頁(yè)面屬性設(shè)置首頁(yè)的頁(yè)面屬性 首先雙擊 檔 浮動(dòng)面板中的 index htm 進(jìn)入頁(yè)面的編輯窗口 右健單擊空白區(qū)域 在菜單中選擇 頁(yè)面屬性 之后彈出 頁(yè)面屬性 對(duì)話框 若選擇主菜單 修改 頁(yè)面 屬性 項(xiàng) 也可以把打開(kāi)該對(duì)話框 22 在 頁(yè)面屬性 對(duì)話框中 左側(cè)窗口顯示 分類 其中包括了 外觀 鏈接 標(biāo)題 標(biāo)題 編碼 跟蹤圖像 5 項(xiàng) 右側(cè)區(qū)域則顯示各類中可以設(shè)置的項(xiàng)目 my web 首頁(yè)設(shè)置的屬性如下圖所示 23 3 2 33 2 3 查看和編輯頭內(nèi)容查看和編輯頭內(nèi)容 一個(gè)網(wǎng)頁(yè)文件結(jié)構(gòu)上實(shí)際是由兩部分組成 頭 head 內(nèi)容和主體 body 內(nèi)容主 體內(nèi)容 body 是文檔的主要部分 也是包含文本和圖像等的可見(jiàn)部分 頭內(nèi)容 head 是除文檔標(biāo)題外的不可見(jiàn)部分 包含有文文件類型 語(yǔ)言編碼 搜索引擎的關(guān)鍵的關(guān)鍵詞 和內(nèi)容指示器以及樣式定義等重要信息 這些元器并不是每個(gè)頁(yè)面都需要的 例如 可以 僅為主頁(yè)提供關(guān)鍵詞 下面就以首頁(yè)為例 說(shuō)明怎樣插入較常用的頭 head 內(nèi)容 單擊 菜單攔 下面 插入快捷 的下拉列表 選擇其中的 HTML 類 此時(shí)右側(cè)將會(huì)顯 示該類中可以插入的對(duì)象快捷按鈕 再次單擊第 2 個(gè)按鈕 文件頭 旁邊的下拉箭頭 會(huì) 彈出菜單 該項(xiàng)列出的便是即將插入的頭內(nèi)容 3 2 43 2 4 插入圖像插入圖像 圖像是網(wǎng)頁(yè)中不可或缺的組成成份 恰當(dāng)?shù)厥褂脠D像 可以使網(wǎng)站充滿生活生命力與 說(shuō)服力 吸引更多的瀏覽者 加深他們欣賞你網(wǎng)站的意愿 另一方面 網(wǎng)頁(yè)的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素 由于網(wǎng)絡(luò)在傳輸上的限 制 導(dǎo)致了下載的速度不可能太快 因此 網(wǎng)頁(yè)的大小就不能太大 其中關(guān)鍵就在于圖像 的大小了 否則瀏覽者會(huì)失去等待的耐心 無(wú)論你的網(wǎng)站多么精彩也無(wú)濟(jì)于事了 所以 24 在網(wǎng)面容量大小的問(wèn)題上一定要重視 下面就來(lái)詳細(xì)介紹對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理的操作步驟 以使得它們?cè)诒３謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上 圖片文件能夠變的更小 1 首先將游標(biāo)停留在要插入圖像的位置 然后單擊 菜單欄 下面 插入快健欄 的 下拉表 選擇其中的 常用 類 則右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快鍵按鈕 左起 第 5 個(gè)即為 圖像 圖像 按鈕 單擊它右側(cè)的下拉列表 選擇第 1 項(xiàng) 圖像 2 隨即彈出 選擇圖像源文件 對(duì)話框 從計(jì)算機(jī)磁盤中選擇想要插入的圖像文件 或 在 URL 編輯框中輸入圖像的路徑和名稱 下面的 相對(duì)于 下拉表框中 可選擇文件 URL 地址的類型 如果選擇 文文件 選項(xiàng) 表示圖像地址相對(duì)于當(dāng)前文檔 如果選擇 站點(diǎn) 根目錄 選項(xiàng) 表示地址相對(duì)于根目錄 在這里我要插入的是網(wǎng)站標(biāo)志 logo 插入 logo 圖像 如圖所示 最后單擊 確定 按鈕 即可完成插入圖像的操作 3 2 53 2 5 插入多媒體插入多媒體 在 Dreamweaver 8 中 除了之前講到的可以插入 圖像 外 還可插入動(dòng)畫 聲音 視頻等媒體元素 如 Flash Shockwave Applets ActieX 及格 Midi 聲音文件等 并且還可 25 以在 Dreamweaver 自身內(nèi)插入 Macromedia Flash MX2004 按鈕和文本對(duì)象 以及進(jìn)行相關(guān) 的后期處理和添加設(shè)計(jì)備注等操作 在 Dreamweaver 8 文文件中 可以插入媒體文件包括 Flash Shockwave 影片 QuickTi me AVI java applet Active X 控件以及各種格式的音頻檔 要在瀏覽器中播放放 Flash 動(dòng)畫 必須在瀏覽器中集成 Flash 播放器 Flash Player 其中 Internet Explorer 通過(guò) ActiveX 控制來(lái)實(shí)現(xiàn) Netscape Navigator 則是通 過(guò)相應(yīng)的插件來(lái)實(shí)現(xiàn)的 在最新的 Netscape Navigator 和 Internet Explorer 瀏覽器中 均已集成了 Flash 動(dòng)畫播放功能 操場(chǎng)作步驟 步驟 1 將游標(biāo)停留在要插入 Flash 的位置 然后單擊菜單欄下面 插入快捷欄 的下拉 列表 選擇其中的 常用 分類 右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快捷按鈕 左起第 6 個(gè)即為 媒體 按鈕 單擊它右側(cè)的下拉列表 選擇第 1 項(xiàng) Flash 圖示 步驟 2 在彈出的對(duì)話框中選擇擴(kuò)展名為 swf 的 Flash 檔 即可將其插入到 Dreamweaver 的 網(wǎng)頁(yè)編輯窗口 中 可以看到 在這個(gè)窗口中 Flash 文件的大小 在這里我的主頁(yè)插 26 入的一個(gè)動(dòng)畫 如圖所示 3 2 63 2 6 插入文本插入文本 文字是人類語(yǔ)言最基本的表達(dá)方式 在網(wǎng)頁(yè)中 文本內(nèi)容也可以說(shuō)是重要的組成部分 一個(gè)網(wǎng)站成功與否 它是最關(guān)鍵的因素 在這最關(guān)鍵的因素 可豐富網(wǎng)站的文字內(nèi)容 并以最最美觀 最整齊的方式放入到網(wǎng)頁(yè)中 插入文本的兩種方式 網(wǎng)頁(yè)中需要大量的文本 我們或以通過(guò)以下兩種方式插入它們 一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤敲入文本 這可以算是最基本的輸入方式了 和 一些文本編輯軟件 如 Microsoft Word 的使用方法一樣 選擇好習(xí)慣的輸入法 就可以 運(yùn)指如飛了 27 另一種是復(fù)制文本的方式 有些讀者可能不喜歡使用 Dreamweaver 8 來(lái)進(jìn)行打字的工 作 而更習(xí)慣在專門的文本編輯軟件中快速打字 如 Microsoft Word 和 Windows 自帶的 記事本等 又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁(yè)的文本的電子版本 那么我們就可以直接 使用 Dreamweaver 的文本復(fù)制功能 將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版 的工作 具體步驟如下 打開(kāi)文本編輯軟件 如 Microsoft Word 選中要復(fù)制的文本 它們將反白顯示 執(zhí)行菜單 編輯 復(fù)制 命令或直接用快捷鍵 Ctrl C 之后切換回 Dreamweaver 將游標(biāo)停 留在插入文本的位置 執(zhí)行主菜單 編輯 粘貼 命令或直接使用快捷鍵 Ctrl v 即可將大 段的文本快速粘貼到網(wǎng)頁(yè)中 這在我的 網(wǎng)文精品 中用到很多 全部是在 word 軟件中排好 ctrl c 然后點(diǎn)擊要粘 貼的位置 Crtl v 到 Dreamweaver 即可 3 33 3 創(chuàng)建其它網(wǎng)頁(yè)創(chuàng)建其它網(wǎng)頁(yè) 還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同 一個(gè)網(wǎng)頁(yè)是圖像和文字的組合 留言 中的圖像插入和前面的介紹相似 并可以在屬性攔中調(diào)節(jié)圖像的大小 在 Dreamwerver 中常常會(huì)用到 Firework Flash 它們是相輔相成 在 注冊(cè) 中也用到這點(diǎn) 28 首先定好需要尺寸 在屬性中設(shè)好背景 顏色等等 插入圖像 輸入文字 也 word 里的 操作雷同 第四章第四章 建立網(wǎng)頁(yè)鏈接建立網(wǎng)頁(yè)鏈接 網(wǎng)站實(shí)際上是由很多網(wǎng)頁(yè)組成的 那么網(wǎng)頁(yè)之間是如何聯(lián)系的呢 這就是本章要講的內(nèi) 容 網(wǎng)頁(yè)的 鏈接 鏈接 又稱 超鏈接 Hyperlink 它作為網(wǎng)頁(yè)的橋梁 起著相當(dāng)重要的作用 網(wǎng)頁(yè)中的很多對(duì)象都可以加入 鏈接 屬性 在 Dreamweaver 84 中 如果以 鏈接 的媒 29 介來(lái)劃分的話 則 鏈接 可以分為 文字鏈接 圖像鏈接 圖像地圖鏈接 內(nèi)部鏈接和外部鏈接 E mail 鏈接 命名錨記鏈接 文件下載鏈接 和 跳轉(zhuǎn)菜單 共 8 種 其中部分內(nèi)容在之前的章節(jié)中可能接觸過(guò) 這里將對(duì)其進(jìn)行更深入 的講解 4 14 1 文字鏈接文字鏈接 文字鏈接 即以文字作為媒介的鏈接 它是網(wǎng)頁(yè)中最常被使用的鏈接方式 具有 文件小 制作簡(jiǎn)單和便于維護(hù) 的特點(diǎn) 接下來(lái)結(jié)合我的個(gè)人網(wǎng)站為實(shí)例 來(lái)講解如何為文字建立 鏈接 具體操作步驟如下所述 操作步驟 步驟 1 準(zhǔn)備好已經(jīng)制作完成的首頁(yè)的各個(gè)欄目頁(yè)面 假設(shè)除了 鏈接 其它內(nèi)容都已 經(jīng)制作完成了 該網(wǎng)站包含 6 個(gè)欄目 這里的 5 個(gè)欄目 相冊(cè) 留言 和 搜 索 登陸 注冊(cè) 為例來(lái)進(jìn)行講解 步驟 2 在 Dreamweaver 中打開(kāi)首頁(yè) 之后反白選取作為 鏈接 的文字 實(shí)例中要做到單 擊不同的欄目的網(wǎng)頁(yè) 因此為第 1 個(gè)欄目 相冊(cè) 設(shè)置鏈接 首先要反白選中 相冊(cè) 這 張圖片 30 步驟 3 觀察 屬性面板 其中包括一個(gè) 鏈接 文本框 步驟 4 接下來(lái)需要把鏈接的位址加入到文本框中 方法有 3 種 這里我用到的是直接輸入鏈接位址 在文本框中輸入相對(duì)應(yīng)的鏈接地址 http user qzon 務(wù)器都不支持中文文件名 而且對(duì)大小寫敏感 因此采用英文文件名并統(tǒng)一大小寫 如圖 所示 步驟 5 在 鏈接 文本框下面還有一個(gè) 目標(biāo) 下拉列表 從中可以選擇鏈接網(wǎng)頁(yè)顯示的 窗口方式 共有 4 種 如圖 實(shí)例中沒(méi)有選擇任何選項(xiàng) 保持空白 表示在原窗口中打開(kāi)鏈接網(wǎng)頁(yè) 步驟 6 還可以設(shè)置一些 鏈接 的屬性 這是前面講過(guò)的內(nèi)容 單擊 屬性面板 中的 頁(yè)面屬性 選擇其中的 鏈接 分類 可以進(jìn)行的設(shè)置有 鏈接字體 大小 鏈接顏色 變換圖像鏈接 顏色 已訪問(wèn)鏈接 顏色 活動(dòng)鏈接 顏色及 下劃 線樣式 31 步驟 7 至此 第 1 個(gè)欄目的鏈接就制作完畢了 按下 Ctrl S 保存網(wǎng)頁(yè) 再按下 F12 預(yù)覽 測(cè)試一下 當(dāng)鼠標(biāo)放在 平面設(shè)計(jì) 這 4 個(gè)文字上時(shí)將變成手形 并且瀏覽器窗口下面 的狀態(tài)區(qū)中會(huì)顯示鏈接到的網(wǎng)頁(yè)的位址 單擊文字 頁(yè)面會(huì)立即跳轉(zhuǎn)到第 1 個(gè)欄目中 這 表示鏈接已經(jīng)制作成功了 步驟 8 同理 按照以上步驟 再為 留言 和 搜索 登陸 等其它欄制作指向?qū)?yīng)欄 目的鏈接 步驟 9 通常在欄目頁(yè)面中還需要有 返回首頁(yè) 的鏈接 單擊其后可以跳轉(zhuǎn)回首頁(yè) 因此 在各個(gè)欄目中還要插入 網(wǎng)站首頁(yè) 的文字 并且制作指向首頁(yè) index html 的鏈接 制作 方法不變 至此 整個(gè) 文字鏈接 的實(shí)例就全就全部完成了 通過(guò)對(duì)這個(gè)實(shí)例的講解 讀者不僅應(yīng) 該學(xué)會(huì)如何為文字制作鏈接 還應(yīng)用對(duì) 鏈接 有了更加深刻的理解 鏈接的目的何在 它到底能夠在網(wǎng)頁(yè)的網(wǎng)站中發(fā)揮什么樣的作用 怎樣才能更好地使用它 這些是網(wǎng)頁(yè)制作 者更應(yīng)該思考的問(wèn)題 4 24 2 圖像鏈接圖像鏈接 圖像 也是常被使用的鏈接媒體 它和 文字鏈接 非常相似 為圖像加入鏈接 首先 應(yīng)該在網(wǎng)頁(yè)中插入 圖像 有關(guān)插入 圖像 或 導(dǎo)航條 按鈕的內(nèi)容 接下來(lái)以我的 網(wǎng)站 my web 為例 講解如何建立 圖像鏈接 32 操作步驟 步驟 1 首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁(yè)和各個(gè)欄目的頁(yè)面 假設(shè)除了 鏈接 其 它內(nèi)容都已經(jīng)制作完成了 該網(wǎng)站包含 6 個(gè)欄目 下面我們就動(dòng)手為這 6 個(gè)欄目分別制 作它們的鏈接 步驟 2 在 Dreamweaver 中打開(kāi)網(wǎng)站的首頁(yè) 之后選取要制作 鏈接 的圖像 實(shí)例中先為 第 3 個(gè)欄目 動(dòng)畫制作 設(shè)置鏈接 因此選中包含 相冊(cè) 4 個(gè)字的圖像 步驟 3 觀察 屬性面板 在 鏈接 文本框中輸入鏈接的文字位址 可以使用之前講過(guò) 的 指向檔 和 選擇檔 的方法 步驟 4 如果有需要 可以在 目標(biāo) 下拉列表中選擇 鏈接 網(wǎng)頁(yè)顯示的窗口方式 分別 為 blank parent self 或 top 實(shí)例中使用了默認(rèn)出的保留空白選項(xiàng)的方式 步驟 5 另外 讀者還可以為圖像增加 替代 文本 實(shí)例中為第 1 個(gè)欄目增加欄目名稱的 替代 文本 步驟 6 至此 第 1 個(gè)欄目的圖像鏈接就制作完畢了 按下 Ctrl S 保存網(wǎng)頁(yè) 再按下 F12 預(yù)覽 測(cè)試一下 將鼠標(biāo)放在 動(dòng)畫制作 4 個(gè)文字上時(shí)將變成手形 同時(shí)瀏覽器窗口下 面的狀態(tài)區(qū)中會(huì)顯示出鏈接到的網(wǎng)頁(yè)的地址 并且會(huì)顯示出 替代 文本 動(dòng)畫制作 單擊文字 頁(yè)面會(huì)立即跳轉(zhuǎn)到第 3 個(gè)欄目中 這表示鏈接已經(jīng)制作成功了 步驟 7 同理 按照以上步驟 再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接 33 步驟 8 在欄目頁(yè)面中制作 返回首頁(yè) 的鏈接 使得單擊后可以跳轉(zhuǎn)回首頁(yè) 其制作方法 不變 至此 整個(gè) 圖像鏈像 的實(shí)例就全部完成了 4 34 3 E E MailMail 的鏈接的鏈接 E Mail 鏈接 是指當(dāng)瀏覽者單擊該鏈接之后 不是打開(kāi)一個(gè)網(wǎng)頁(yè)文件 而是啟動(dòng)用戶的 E Mail 客戶端軟件 如 Outlook Express 并打開(kāi)一個(gè)空白的新郵件 供瀏覽者撰寫內(nèi)容來(lái) 與網(wǎng)站聯(lián)系人聯(lián)系 這是一種最方便的互動(dòng)方式 結(jié)合 個(gè)人說(shuō)明 網(wǎng)頁(yè) 建立 E Mail 鏈接的步驟如下所述 操作步驟 步驟 1 將游標(biāo)停留在頁(yè)面右下角要插入 E mail 鏈接的位置 步驟 2 選擇 插入快捷欄 中地 10 個(gè) 電子郵件鏈接 按鈕 步驟 3 在彈出的 電子郵件鏈接 對(duì)話框中有兩個(gè)輸入項(xiàng) 分別是 文本 和 E Mail 在 文本 項(xiàng)中輸入鏈接的文字 中文 英文均可 在 E Mail 項(xiàng)中輸入網(wǎng)站聯(lián)系有的電 子郵件地址 如實(shí)例中的 34 步驟 4 單擊 確定 按鈕 具有 E Mail 鏈接 屬性的文本就 插入到游標(biāo)所在位置了 按下 Ctrl S 保存網(wǎng)頁(yè) 再按下 F12 預(yù)覽查看實(shí)際效果 上面的方法只適用于文本的 E Mail 鏈接 如果想在其它的對(duì)象 如圖像 上也加入這 種鏈接 該怎辦呢 下面介紹第 2 種建立 E Mail 鏈接 的方法 其實(shí)很簡(jiǎn)單 與前面講過(guò)的圖像加入鏈接的方法基本一樣 先在頁(yè)面中需要的地方插入圖 像 之后選中圖像 并在 屬性面板 的 鏈接 文本框中輸入如下語(yǔ)句即可 mailto subject 網(wǎng)站的建議與第 1 種方法不同的是 E Mail 地址前 面增加了 mailto 字樣 用這種方法就可以給圖像等其它對(duì)象建立 E Mail 鏈接 了 4 44 4 文件下載鏈接文件下載鏈接 文件下載鏈接 的原理很簡(jiǎn)單 只要鏈接文件屬于瀏覽無(wú)法識(shí)別的關(guān)型 便都會(huì)使用 IE 瀏覽器直接進(jìn)行下載 并保存到本地計(jì)算機(jī)中 瀏覽器無(wú)法識(shí)別的檔類型有很多 這里就介紹一個(gè)最常用的 以 zip 或 rar 為后綴名的壓 縮格式檔 這種檔可以使用主流的壓縮軟件 如 winzip winrar 來(lái)制作 下面我們就業(yè) 以實(shí)例來(lái)說(shuō)明 在前面 插入多媒體 一章中 我們?cè)?jīng)講過(guò)直接鏈接文件的方式來(lái)插入 視頻 即直 接在 鏈接 文本框中輸入 文件名 名后綴名 如 olympus wmv 單日擊這個(gè)鏈接 經(jīng) 35 過(guò)數(shù)據(jù)下載后 Windows 系統(tǒng)將啟動(dòng)自帶的媒體播放器 Windows Media Player 來(lái)播放該視 頻 操作步驟 步驟 1 先將視頻檔 olympus wmv 通壓縮成 olympus rar 文件 放入站點(diǎn)的 media 活頁(yè)夾下 步驟 2 將文件路徑輸入至 鏈接 文本框中 步驟 3 保存網(wǎng)頁(yè) 按下 F12 預(yù)覽 在瀏覽器中單擊 下載精彩廣告視頻 鏈接文本 會(huì)彈 出 文本下載 選擇框 單擊其中的 保存 按鈕 步驟 4 在 另存為 對(duì)框中選擇保存到本地計(jì)算機(jī)中的位置 實(shí)例中為 經(jīng)典回顧 檔夾 之后單擊 保存 按鈕 壓縮文件即保存到該位置中 至此 文件下載鏈接 便制作 完成了 讀者可以打開(kāi) 我的文檔 檔夾 解壓縮 olympus rar 文件 隨時(shí)欣賞下載影片 本設(shè)計(jì)中未用到此鏈接 在此只作簡(jiǎn)單介紹 4 54 5 在在 HTMLHTML 語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接 36 4 5 14 5 1 文字鏈接文字鏈接 在 HTML 語(yǔ)言中用超鏈接標(biāo)記指向一個(gè)目標(biāo) 其基本格式為 a href URL 文本內(nèi)容 舉個(gè)簡(jiǎn)單的 文本鏈接 的實(shí)例 該實(shí)例相對(duì)應(yīng)的 HTML 代碼如下所示 文字鏈接 a href index2 html t