目 錄第一章 預(yù)備知識(shí)1.1 什么是 Internet1.2 Internet有哪些功能1.3 www1.41.51.5.11.5.21.5.31.61.

目 錄

第一章 預(yù)備知識(shí)

1.1 什么是 Internet

1.2 Internet有哪些功能

1.3 www

1.4

1.5

1.5.1

1.5.2

1.5.3

1.6

1.7 Dreamweaver

1.7.1

1.7.2

1.7.3

1.7.4

第二章

2.1

簡(jiǎn)介 網(wǎng)頁(yè)基本構(gòu)成元素 軟件的安裝與啟動(dòng) 軟件的安裝 軟件的啟動(dòng) 創(chuàng)建快捷方式 制作網(wǎng)頁(yè)前的準(zhǔn)備 的操作環(huán)境 標(biāo)題欄 菜單欄 快捷工具欄 屬性面板 網(wǎng)站制作實(shí)戰(zhàn) 站點(diǎn)

2.1.1 創(chuàng)建站點(diǎn)

2.1.2 創(chuàng)建站點(diǎn)內(nèi)容

2.2 首頁(yè)

2.2.1 設(shè)置首頁(yè)布局

2.2.2

2.2.3

2.2.4

2.2.5

2.2.6

2.3

第三章

3.1

3.2

3.3

3.3.1

3.3.2

第四章

致 謝

設(shè)置首頁(yè)的頁(yè)面屬性 查看和編輯頭內(nèi)容 插入圖像 插入多媒體 插入文本 創(chuàng)建其它網(wǎng)頁(yè) 建立網(wǎng)頁(yè)鏈接 文字鏈接 圖像鏈接 在HTML 語(yǔ)言中建立網(wǎng)頁(yè)鏈接文字鏈接 圖像鏈接 結(jié)論

第一章 預(yù)備知識(shí)參考文獻(xiàn)

1.1 什么是Internet

In ternet 的中文名為“國(guó)際互聯(lián)網(wǎng)”，又稱(chēng)“因特網(wǎng)”。

實(shí)際上由于互聯(lián)網(wǎng)是劃時(shí)代的，它不是為某一種需求設(shè)計(jì)的，而是一種可以接受任何新的需求的總的基礎(chǔ)結(jié)構(gòu)。你也可以從社會(huì)、政治、文化、經(jīng)濟(jì)、軍事等各個(gè)層面去解釋理解其意義和價(jià)值。

1.2 Internet有那些功能

Web頁(yè)瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務(wù)，通過(guò)瀏覽WWW （萬(wàn)維網(wǎng)）中的網(wǎng)頁(yè)，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂(lè)動(dòng)態(tài)、科技發(fā)明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW 、Internet 才會(huì)變得如此豐富多彩，才能走進(jìn)千家萬(wàn)戶。 信息發(fā)布：通過(guò)Internet ，不僅可以瀏覽別人發(fā)布在Web 頁(yè)上的信息，也可以將自己要發(fā)布的信息制作成Web 頁(yè)，也即網(wǎng)頁(yè)，然后發(fā)布到Internet 上，供全世界的人瀏覽。

電子郵件：不同于傳統(tǒng)郵件，電子郵件(E-mail)通過(guò)Internet 傳輸，寫(xiě)信，發(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)上商品銷(xiāo)售、網(wǎng)上拍賣(mài)、企業(yè)級(jí)電子商務(wù)、網(wǎng)上貨幣支付等電子商務(wù)活動(dòng)已經(jīng)搞的有聲有色，幾乎所有的專(zhuān)家都預(yù)測(cè)，在未來(lái)的幾年內(nèi)，電子商務(wù)會(huì)飛速發(fā)展。在不久的將來(lái)，您可以做在電腦前進(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ò)電話也稱(chēng)IP 電話。它采用Internet 技術(shù)，利用專(zhuān)門(mén)的網(wǎng)絡(luò)電話軟件，只需支付非常低廉的話費(fèi)就可通話。Internet 在電信市場(chǎng)上的應(yīng)用將越來(lái)越廣泛。

1.3 WWW的簡(jiǎn)介

WWW的全稱(chēng)為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱(chēng)“萬(wàn)維網(wǎng)”、3W 、Web 。 WWW是一個(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í)，首先要在電腦上安裝瀏覽器，如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)，我們之所以能在Internet 的海洋中穿梭自如，正是超連接的功勞。

WWW 為我們帶來(lái)的是世界范圍的超級(jí)文本服務(wù)：只須操縱鼠標(biāo)，就可以通過(guò)Internet 從世界各地調(diào)來(lái)你所希望的文本、圖像、動(dòng)畫(huà)和聲音等信息。通過(guò)使用WWW ，一個(gè)不熟悉網(wǎng)絡(luò)使用的人也可以成為Internet 的行家。

1.4網(wǎng)頁(yè)基本構(gòu)成元素

要學(xué)會(huì)制作網(wǎng)頁(yè)，首先需要了解網(wǎng)頁(yè)都是由什么元素構(gòu)成的。

1、文本

網(wǎng)頁(yè)中的信息主要是以文本為主的。湖南網(wǎng)站制作，在網(wǎng)頁(yè)中可以通過(guò)字體、大小、、顏色、底紋、框等選項(xiàng)來(lái)設(shè)置文本的屬性。這里指的文字是文本文字，而并非圖片中的文字。在網(wǎng)頁(yè)制塞作中，文字都可以方便地設(shè)置成各種字體和大小，但是這里建議用于正文的文字般不要太大，也不要使用過(guò)多的字體，中文文字使用宋體，9磅或12像素左右即可。因?yàn)檫^(guò)大的字體在顯示器中顯示時(shí)，線條不夠平滑。顏色也不要使用得太雜亂，以免造成讓人服花繚亂的效果。大段文本文字的排列，建議參考一些優(yōu)秀的雜志或報(bào)紙。

2、圖像

現(xiàn)在看到的豐富多毫的網(wǎng)頁(yè)，都是因?yàn)橛辛藞D像，可見(jiàn)圖像在網(wǎng)頁(yè)中的重要性。蔓用于-網(wǎng)頁(yè)上的圖片一般為JPG 和GIF 格式，即以JPg （或.jpeg ）和．gif 為后綴的文件。圖片通常有如下幾方面的運(yùn)用。Logo 是代表企業(yè)形象或欄目?jī)?nèi)容的標(biāo)志性圖片，一般在網(wǎng)頁(yè)的左上

角。Logo 的設(shè)計(jì)琴專(zhuān)委象鮮明、，筆憊觸簡(jiǎn)練，給人第一印象就很深刻的Logo 無(wú)疑是設(shè)計(jì)成功的Logo 。事實(shí)Logo 一般使用公司已有的徽標(biāo)，可簡(jiǎn)單作些處理，Banner 是用于宣傳站內(nèi)某個(gè)欄目或活動(dòng)的廣告一般要求制作成動(dòng)畫(huà)形式， 由于手動(dòng)畫(huà)能夠更多地吸引他人的注意力，將介紹性的內(nèi)容簡(jiǎn)練地加在其中，達(dá)到宣傳的效果。為了便于各網(wǎng)站間相互率巨換B anner ，相互宣傳，Banner 的尺寸有一定的要求，比如位于網(wǎng)頁(yè)端的Banner 要求尺寸為468像素X60像素。小的廣告經(jīng)常多個(gè)放在一起，使人眼花繚亂所以不能使用過(guò)多、過(guò)小的文字，最好用簡(jiǎn)單的色塊和明朗的線條。文件大小—般不要超過(guò)12KB 。Banner —一般不是在網(wǎng)頁(yè)項(xiàng)部就在網(wǎng)頁(yè)底部，小型的廣告還會(huì)被適當(dāng)?shù)胤旁诰W(wǎng)頁(yè)韻兩側(cè)，此外在頁(yè)面中比較常用的圖片還包括背景圖。盡管在很多網(wǎng)站上可以看到背景圖，但可以發(fā)現(xiàn)這些網(wǎng)站大多是二三流的。所以建議要慎用背景圖，除非設(shè)計(jì)者自信可以給網(wǎng)頁(yè)增加不少魅力。做到這點(diǎn)并非不可能，但是有很大困難。如對(duì)于以文本為主的網(wǎng)頁(yè)，其他圖片對(duì)整體設(shè)計(jì)的影響并不是很大，比如在網(wǎng)頁(yè)中用到的介紹性的照片、用于點(diǎn)綴標(biāo)題的小圖片，但是一定要安排好它們的位置，以免破壞整體風(fēng)格。有時(shí)也會(huì)在網(wǎng)頁(yè)中使用大幅的圖片，這時(shí)一定要注意做好優(yōu)化工作。

3．超級(jí)鏈接

超級(jí)鏈接是網(wǎng)站的靈魂，它是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接，比如指向另一網(wǎng)頁(yè)或者相同網(wǎng)頁(yè)上的不同位置。這個(gè)目的端通常是另一個(gè)網(wǎng)頁(yè)，但也可以是一幅圖片、一個(gè)電子郵件地址、一個(gè)文件、一個(gè)程序或者也可以是本頁(yè)中的其他位置。超級(jí)鏈接可是文本或者圖片。超級(jí)鏈接廣泛地存在于網(wǎng)頁(yè)的圖片和文字中，提供與圖片和文字相關(guān)內(nèi)容的鏈接，在超級(jí)鏈接上單擊鼠標(biāo)左鍵，即可鏈接到相應(yīng)地址(URL)的網(wǎng)頁(yè)。有鏈接的地方，鼠標(biāo)指上時(shí)會(huì)變成小手形狀?？梢哉f(shuō)超級(jí)鏈接正是Web 的主要特色。

1.5軟件的安裝與啟動(dòng)

要使用網(wǎng)站設(shè)計(jì)軟件，自然先要將這些軟件安裝到自己的電腦中。安裝完畢，還需要如何啟動(dòng)，如何創(chuàng)建快捷方式。下面就讓我們來(lái)詳細(xì)地看一看具體的操作步驟。

1.5.1軟件的安裝

安裝之前，需要先了解軟件對(duì)系統(tǒng)的要求。以Windows 為例，系統(tǒng)要求如下： Intel Pentium II處理器或等效處理器，主頻300MHz 或更高。

Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本) 、Windows Me或Windows XP.

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ī)，看是否具備了以上條件。如果具備，將“Macromed ia Studio MX”程序會(huì)自動(dòng)運(yùn)行。如果不能自動(dòng)運(yùn)行，可以找到光盤(pán)放入光驅(qū)，安裝程序會(huì)自動(dòng)運(yùn)行?？梢哉业焦獗P(pán)中的“Install Macromedia Studio MX”程序或“Autorun ”程序并雙擊運(yùn)行。

Dreamweaver的安裝比較容易，幾乎可以自動(dòng)完成。下面簡(jiǎn)要說(shuō)明一下安裝步驟。

操作步驟：

1、將安裝光盤(pán)放入光驅(qū)，安裝程序自動(dòng)運(yùn)行，并出現(xiàn)安裝界面。如果單擊安裝界面上的“Macromedia STUDIO MX安裝”，那么將會(huì)安裝其下方所列出的軟件。所有的安裝會(huì)自動(dòng)完成。

2、單擊Dreamweaver MX,開(kāi)始安裝過(guò)裝過(guò)程. 先是出現(xiàn)解壓縮文件窗口, 等待一會(huì)兒, 便會(huì)出現(xiàn)安裝向?qū)?duì)話框。單擊“下一步”按鈕，繼續(xù)安裝過(guò)程。

3、出現(xiàn)“選擇目的地位置”對(duì)話框，默認(rèn)的盤(pán)是C 盤(pán)，如果想安裝到不同的位置，可以單擊目的文件夾右邊的“瀏覽”按鈕，并在彈出的“選擇文件夾”對(duì)話框選擇不同的文件，如要安裝在D 盤(pán)則可直接將路徑中的“C ：”改為“D:”。也可以在下面的“目錄”中選擇其它的文件夾，設(shè)置完后，單擊“確定”，回到“選擇目的地址”對(duì)話框，單擊“下一步”繼續(xù)。

4、而后會(huì)出現(xiàn)“默認(rèn)編輯器”的對(duì)話框，默認(rèn)為全選。如果希望讓Dreamwe aver MX成為下面所列文件類(lèi)型的默認(rèn)編輯器，那么可以在這里做選擇。選擇完畢，單擊“下一步”按鈕。

5、出現(xiàn)“開(kāi)始復(fù)制文件”對(duì)話框，單擊“下一步”安裝程序開(kāi)始復(fù)制文件，過(guò)幾分鐘后，安裝結(jié)束，單擊“結(jié)束”按鈕，結(jié)束安裝。

1.5.2 軟件啟動(dòng)

軟件安裝完畢后，我們就可以使用它了。安裝程序已經(jīng)自動(dòng)在“開(kāi)始”菜單中加入了快捷方式。

單擊“開(kāi)始”菜單，將鼠標(biāo)指針依次指向“程序”|“Macromedia ”|“Mac romedia MX”, 并在上面單擊鼠標(biāo)左鍵。

1.5.3 創(chuàng)建快捷方式

使用“開(kāi)始”菜單啟動(dòng)程序的過(guò)程比較煩瑣?？梢栽赪indows 桌面或快速啟動(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.6 制作網(wǎng)頁(yè)前的準(zhǔn)備

電腦必備：

電腦速度夠快，最好能夠上網(wǎng)。

操作系統(tǒng)：Windows 98/NT/Me/2000/XP.

軟件可選：

其它軟件：看圖軟件ACDSee 、圖像處理軟件Photoshop 、上傳工具CuteFTP 、Fi reworks 、動(dòng)畫(huà)軟件Flash 等。

1.7 Dreamweaver MX的操作環(huán)境

我們將工作界面分成了“標(biāo)題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動(dòng)控制面板”5個(gè)部分來(lái)分別介紹。