中文版dreamweaver+flash+photoshop網(wǎng)頁(yè)制作從入門(mén)到精通（cs版）

《中文版dreamweaver+flash+photoshop網(wǎng)頁(yè)制作從入門(mén)到精通（cs版）》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、網(wǎng)頁(yè)制作從零開(kāi)始第1章網(wǎng)站的制作流程網(wǎng)頁(yè)制作軟件HTML快速入門(mén)什么是網(wǎng)站本章導(dǎo)讀學(xué)習(xí)網(wǎng)頁(yè)制作，需要先了解網(wǎng)頁(yè)的相關(guān)基礎(chǔ)知識(shí)，例如，什么是網(wǎng)站、什么是網(wǎng)頁(yè)、網(wǎng)頁(yè)由哪些元素組成、使用什么軟件可以制作網(wǎng)站、實(shí)際制作時(shí)該采用哪些流程來(lái)完成以及如何才能學(xué)好網(wǎng)頁(yè)制作技術(shù)等，本章就來(lái)詳細(xì)介紹這些知識(shí)。第1章網(wǎng)頁(yè)制作從零開(kāi)始什么是HTML商業(yè)網(wǎng)站開(kāi)發(fā)流程23網(wǎng)頁(yè)制作從零開(kāi)始第1章1.1網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)在開(kāi)始學(xué)習(xí)網(wǎng)頁(yè)制作之前，應(yīng)該對(duì)網(wǎng)頁(yè)的基本知識(shí)有一定的了解，以減少在制作網(wǎng)頁(yè)時(shí)遇到的麻煩。1.1.1什么是網(wǎng)站網(wǎng)站是由多個(gè)網(wǎng)頁(yè)組成的，但并不只是網(wǎng)頁(yè)的簡(jiǎn)單羅列組合，而是通過(guò)超級(jí)鏈接方式組成的

2、既有鮮明風(fēng)格又有完善內(nèi)容的有機(jī)整體，如圖1-1所示為“人力資源”網(wǎng)站的所有文件及文件夾。要想制作出一個(gè)好的網(wǎng)站，必須了解網(wǎng)站建設(shè)的一些基本知識(shí)。圖1-1“人力資源”網(wǎng)站文件1.1.2如何創(chuàng)建網(wǎng)站要?jiǎng)?chuàng)建網(wǎng)站，首先應(yīng)使用Dreamweaver或其他軟件在本地電腦中完成整個(gè)網(wǎng)站的編輯與測(cè)試，然后申請(qǐng)域名（用于訪問(wèn)網(wǎng)站，如www.baidu.com）和虛擬主機(jī)（用于存放網(wǎng)站內(nèi)容），并上傳網(wǎng)站內(nèi)容到虛擬主機(jī)中，最后申請(qǐng)備案，通過(guò)備案后就可以通過(guò)域名訪問(wèn)網(wǎng)站了，其流程如圖1-2所示。23網(wǎng)頁(yè)制作從零開(kāi)始第1章圖1-2創(chuàng)建網(wǎng)站流程按網(wǎng)站內(nèi)容可將網(wǎng)站分為門(mén)戶網(wǎng)站、個(gè)人網(wǎng)站、專(zhuān)業(yè)網(wǎng)站和職能

3、網(wǎng)站4種類(lèi)型。1.1.3什么是網(wǎng)頁(yè)上網(wǎng)時(shí)在瀏覽器中看到的一個(gè)個(gè)漂亮的頁(yè)面就是網(wǎng)頁(yè)，網(wǎng)頁(yè)中包括了各種各樣的網(wǎng)頁(yè)元素，如文本、圖像和超級(jí)鏈接等，如圖1-3所示為網(wǎng)站中“index.html”頁(yè)面的顯示效果，其中各組成元素的作用介紹如下。Logo超級(jí)鏈接表單動(dòng)畫(huà)圖像文本圖1-3網(wǎng)頁(yè)主頁(yè)1．LogoLogo是指網(wǎng)站的標(biāo)志，通常以圖像的形式表現(xiàn)。Logo需有獨(dú)特的創(chuàng)意以體現(xiàn)該網(wǎng)站的宗旨。如圖1-4所示分別為騰訊網(wǎng)、MSN中文網(wǎng)及搜搜網(wǎng)站的Logo。23網(wǎng)頁(yè)制作從零開(kāi)始第1章圖1-4網(wǎng)站Logo2．表單表單是用于填寫(xiě)申請(qǐng)或提交信息時(shí)的交互頁(yè)面，如電子郵箱、主頁(yè)空間和QQ號(hào)碼等的申請(qǐng)頁(yè)

4、面及登錄頁(yè)面或者進(jìn)行內(nèi)容搜索的搜索頁(yè)面等都是采用表單來(lái)實(shí)現(xiàn)交互的，如圖1-5所示為搜索頁(yè)面的表單。圖1-5表單3．超級(jí)鏈接在瀏覽器地址欄中輸入要訪問(wèn)的網(wǎng)址后按“Enter”鍵即可訪問(wèn)該網(wǎng)站。超級(jí)鏈接有將不同頁(yè)面鏈接起來(lái)的功能，它可以是同一站點(diǎn)頁(yè)面之間的鏈接，也可以是與其他網(wǎng)站頁(yè)面之間的鏈接。超級(jí)鏈接有文本鏈接、圖像鏈接等。在瀏覽網(wǎng)頁(yè)時(shí)單擊超級(jí)鏈接就能跳轉(zhuǎn)到與之對(duì)應(yīng)的頁(yè)面。4．動(dòng)畫(huà)等多媒體元素動(dòng)畫(huà)、音樂(lè)等多媒體元素在網(wǎng)頁(yè)中也運(yùn)用得非常廣泛。網(wǎng)頁(yè)中常用的音樂(lè)格式有mid及mp3兩種格式。mid為通過(guò)電腦合成的音樂(lè)，不能被錄制。mp3為壓縮文件，其壓縮率非常高且音質(zhì)效果較好，是

5、背景音樂(lè)的首選。網(wǎng)頁(yè)中常用的動(dòng)畫(huà)格式主要有兩種：一種是gif動(dòng)畫(huà)，另一種是swf動(dòng)畫(huà)。gif動(dòng)畫(huà)是逐幀動(dòng)畫(huà)，畫(huà)面相對(duì)比較簡(jiǎn)單，而swf動(dòng)畫(huà)則更富有表現(xiàn)力和視覺(jué)沖擊力，還可結(jié)合聲音和互動(dòng)功能，給瀏覽者強(qiáng)烈的視聽(tīng)感受。如圖1-6所示分別為網(wǎng)站中的gif動(dòng)畫(huà)及swf動(dòng)畫(huà)。23網(wǎng)頁(yè)制作從零開(kāi)始第1章圖1-6動(dòng)畫(huà)5．文本文本是網(wǎng)頁(yè)中最基本的組成元素之一。通過(guò)它可以詳細(xì)地將要傳達(dá)的信息傳送給瀏覽者。它在網(wǎng)絡(luò)上傳輸速度快，瀏覽者可方便地瀏覽和下載文本信息。因此，文本是網(wǎng)頁(yè)主要的信息載體。網(wǎng)頁(yè)中文本的樣式繁多、風(fēng)格不一，吸引人的網(wǎng)頁(yè)通常都具有美觀的文本樣式。文本的樣式可通過(guò)設(shè)置網(wǎng)頁(yè)文本的

6、屬性來(lái)進(jìn)行設(shè)置。6．圖像圖像也是網(wǎng)頁(yè)中不可或缺的元素。圖像比文本更直觀和生動(dòng)，并且可以傳遞一些文本不能傳遞的信息。網(wǎng)站Logo、Banner、廣告等通常都是圖像。如圖1-7所示為網(wǎng)站中的廣告圖像。圖1-7廣告圖像1.1.4網(wǎng)頁(yè)的類(lèi)型對(duì)于比較大的網(wǎng)站，除了網(wǎng)站首頁(yè)外，通常還有頻道頁(yè)，頻道頁(yè)下還包括欄目頁(yè)。在網(wǎng)站中，網(wǎng)頁(yè)有兩種分類(lèi)方法：一種是按表現(xiàn)形式分，另一種是按網(wǎng)頁(yè)的位置分。23網(wǎng)頁(yè)制作從零開(kāi)始第1章按網(wǎng)頁(yè)的表現(xiàn)形式可將網(wǎng)頁(yè)分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)兩類(lèi)，下面分別進(jìn)行介紹。l靜態(tài)網(wǎng)頁(yè)：指用HTML語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)。其制作方法簡(jiǎn)單易學(xué)，但不能進(jìn)行交互，缺乏靈活性。l動(dòng)態(tài)網(wǎng)頁(yè)：指使

7、用ASP、ASP.NET、PHP、JSP等語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)，也稱(chēng)為交互式網(wǎng)頁(yè)，它可以與瀏覽者進(jìn)行交互。按網(wǎng)頁(yè)的位置可將網(wǎng)頁(yè)分為主頁(yè)和內(nèi)頁(yè)兩類(lèi)，分別介紹如下。l主頁(yè)：指打開(kāi)網(wǎng)站時(shí)看到的第一個(gè)頁(yè)面，也稱(chēng)為首頁(yè)。l內(nèi)頁(yè)：指與主頁(yè)相關(guān)聯(lián)的頁(yè)面，也就是網(wǎng)站的內(nèi)部頁(yè)面。1.1.5網(wǎng)頁(yè)的相關(guān)概念在網(wǎng)頁(yè)制作過(guò)程中，經(jīng)常會(huì)接觸到許多和網(wǎng)絡(luò)相關(guān)的專(zhuān)業(yè)術(shù)語(yǔ)，了解這些專(zhuān)業(yè)術(shù)語(yǔ)的概念對(duì)于網(wǎng)頁(yè)設(shè)計(jì)有很大幫助。下面分別進(jìn)行介紹。l瀏覽器：是用于觀看Internet上網(wǎng)頁(yè)的工具，使用它訪問(wèn)網(wǎng)絡(luò)就像是在互聯(lián)網(wǎng)的海洋中沖浪一樣，現(xiàn)在瀏覽器種類(lèi)眾多，如IE、Goog