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

目 錄

第一章 預(yù)備知識

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

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

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

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

2.2 首頁

2.2.1 設(shè)置首頁布局

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

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

1.1 什么是Internet

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

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

1.2 Internet有那些功能

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

電子郵件：不同于傳統(tǒng)郵件，電子郵件(E-mail)通過Internet 傳輸，寫信，發(fā)信，收信都在計算機(jī)上完成，一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去，其效率是傳統(tǒng)郵件無法比擬的。而且發(fā)送與接收電子郵件幾乎是免費(fèi)的，所以比傳統(tǒng)郵件既節(jié)省時間又經(jīng)濟(jì)的多。

網(wǎng)上聊天：通過聊天軟件（如QQ 、ICQ 等）或不同網(wǎng)站的聊天室，可以和世界各地的網(wǎng)友聊天。網(wǎng)友可能是遠(yuǎn)在天邊的異國朋友，也可能是與你一起工作的餓同事，或者是一起生活的家人，在這里沒有年齡、性別、身份、職業(yè)、國籍、膚色的限制，完全突破了交友的傳統(tǒng)方式，人們可通過Internet 互相了解對方，進(jìn)行各種各樣的交流。

電子商務(wù)：現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實，網(wǎng)上購物、網(wǎng)上商品銷售、網(wǎng)上拍賣、企業(yè)級電子商務(wù)、網(wǎng)上貨幣支付等電子商務(wù)活動已經(jīng)搞的有聲有色，幾乎所有的專家都預(yù)測，在未來的幾年內(nèi)，電子商務(wù)會飛速發(fā)展。在不久的將來，您可以做在電腦前進(jìn)行各種各樣的商務(wù)活動。

網(wǎng)絡(luò)游戲：通過Internet ，可以與全世界的玩家一起進(jìn)行游戲?qū)?zhàn)，也可以協(xié)同作戰(zhàn)。網(wǎng)絡(luò)游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟(jì)增長點(diǎn)，每年都為開發(fā)商帶來巨額的利潤。通過網(wǎng)絡(luò)游戲，可以充分享受Internet 給我們帶來的樂趣。 網(wǎng)絡(luò)電話：網(wǎng)絡(luò)電話也稱IP 電話。它采用Internet 技術(shù)，利用專門的網(wǎng)絡(luò)電話軟件，只需支付非常低廉的話費(fèi)就可通話。Internet 在電信市場上的應(yīng)用將越來越廣泛。

1.3 WWW的簡介

WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W 、Web 。 WWW是一個基于超文本（Hypertext ）方式的信息檢索服務(wù)工具。我們上

網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標(biāo)記語言) 文件，這些網(wǎng)頁文件被放置到WWW 服務(wù)器上，并且都有一定的地址。當(dāng)我們想瀏覽某個網(wǎng)站時，首先要在電腦上安裝瀏覽器，如Internet Explorer 或Netscape ，然后在瀏覽器中輸入網(wǎng)站的地址（網(wǎng)址），就可以進(jìn)入網(wǎng)站進(jìn)行瀏覽。在這些網(wǎng)頁中，都有超連接，當(dāng)將鼠標(biāo)指針移動到某個地方（如文本或圖象）時，鼠標(biāo)指針就會變成一個小手形形狀，單擊它就可以連接到另個網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間跳轉(zhuǎn)，我們之所以能在Internet 的海洋中穿梭自如，正是超連接的功勞。

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

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

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

1、文本

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

2、圖像

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

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

3．超級鏈接

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

1.5軟件的安裝與啟動

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

1.5.1軟件的安裝

安裝之前，需要先了解軟件對系統(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色顯示器（建議顏色為百萬顏色，分辨率達(dá)到1024×768像素）。

CD-ROM 驅(qū)動器。

檢查一下您的計算機(jī)，看是否具備了以上條件。如果具備，將“Macromed ia Studio MX”程序會自動運(yùn)行。如果不能自動運(yùn)行，可以找到光盤放入光驅(qū)，安裝程序會自動運(yùn)行。可以找到光盤中的“Install Macromedia Studio MX”程序或“Autorun ”程序并雙擊運(yùn)行。

Dreamweaver的安裝比較容易，幾乎可以自動完成。下面簡要說明一下安裝步驟。

操作步驟：

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

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

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

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

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

1.5.2 軟件啟動

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

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

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

使用“開始”菜單啟動程序的過程比較煩瑣?？梢栽赪indows 桌面或快速啟動欄上創(chuàng)建快捷方式，這樣可以快速的啟動程序。

具體實現(xiàn)方法是：在“開始”菜單中找到相應(yīng)程序的快捷方式，不過這是不要用鼠標(biāo)左鍵單擊，而是用右鍵按住向桌面拖動，然后松開右鍵，會出現(xiàn)一個快捷菜單，在其中可以選擇不同的命令，比如選擇“在當(dāng)前位置創(chuàng)建快捷方式”或“復(fù)制到當(dāng)前位置”。

這樣以后在運(yùn)行程序時，就方便快捷的多了。

1.6 制作網(wǎng)頁前的準(zhǔn)備

電腦必備：

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

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

軟件可選：

其它軟件：看圖軟件ACDSee 、圖像處理軟件Photoshop 、上傳工具CuteFTP 、Fi reworks 、動畫軟件Flash 等。

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

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