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

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

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

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

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

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

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

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

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