項(xiàng)目一創(chuàng)建你的第一個(gè)網(wǎng)站

項(xiàng)目一

創(chuàng)建(chuàngjiàn)你的第一個(gè)網(wǎng)站共二十六頁項(xiàng)目簡(jiǎn)介

DreamweaverCS3提供了強(qiáng)大的網(wǎng)頁制作功能，所見即所得的操作界面使那些掌握了文檔編輯能力的人可以輕松完成一張網(wǎng)頁的制作。建立站點(diǎn)是制作網(wǎng)頁的第一步，要學(xué)會(huì)制作網(wǎng)頁，掌握站點(diǎn)建立和編輯的方法尤為重要，所有的網(wǎng)頁都是基于站點(diǎn)建立的。

通過鑒賞各類網(wǎng)頁和網(wǎng)站，領(lǐng)略不同網(wǎng)站的布局與風(fēng)格，然后動(dòng)手建立一個(gè)簡(jiǎn)單的“個(gè)人網(wǎng)站”的站點(diǎn)，讓學(xué)生們了解DreamweaverCS3軟件的操作界面；并且通過具體的實(shí)例讓學(xué)生掌握站點(diǎn)素材及其制作工具的有關(guān)(yǒuguān)知識(shí)，合理規(guī)劃網(wǎng)站，掌握站點(diǎn)的建立。共二十六頁項(xiàng)目目標(biāo)

本項(xiàng)目以規(guī)劃“我的個(gè)人網(wǎng)站(wǎnɡzhàn)”為例，讓學(xué)生了解DreamweaverCS3的界面、掌握軟件的基本操作方法，了解網(wǎng)頁設(shè)計(jì)的基本概念，掌握站點(diǎn)的建立和管理，能夠根據(jù)要求建立和管理站點(diǎn)；掌握簡(jiǎn)單網(wǎng)頁制作最基本的步驟。共二十六頁工作(gōngzuò)任務(wù)鑒賞網(wǎng)頁初識(shí)DreamweaverCS3建立與管理站點(diǎn)共二十六頁模塊(mókuài)一鑒賞網(wǎng)頁學(xué)習(xí)目標(biāo)

鑒賞各種不同的網(wǎng)頁，從中感受不同類別的網(wǎng)站的風(fēng)格與特色。從而了解網(wǎng)站發(fā)展的歷史與現(xiàn)狀，并熟悉了解一些網(wǎng)站的相關(guān)基礎(chǔ)知識(shí)。共二十六頁任務(wù)一：鑒賞網(wǎng)頁；

1、網(wǎng)站與網(wǎng)頁（1）網(wǎng)頁是Internet中最基本的信息單位，是構(gòu)成網(wǎng)站的基本元素，是把文字、圖形、聲音及動(dòng)畫等各種(ɡèzhǒnɡ)多媒體信息相互鏈接起來的一種信息表達(dá)方式，是承載各種(ɡèzhǒnɡ)網(wǎng)站應(yīng)用的平臺(tái)。通常情況下，網(wǎng)頁中有文字和圖像等基本信息，有些網(wǎng)頁中還有聲音、視頻和動(dòng)畫等多媒體內(nèi)容。網(wǎng)頁一般由網(wǎng)站LOGO、廣告欄、導(dǎo)航欄和信息欄等部分組成。

在訪問一個(gè)網(wǎng)站時(shí)，首先映入眼簾的網(wǎng)頁一般稱為網(wǎng)站的首頁。首頁只是網(wǎng)頁的開場(chǎng)頁，單擊首頁上的文字或圖片，即可打開網(wǎng)站的主頁，而首頁也隨之關(guān)閉。共二十六頁首頁共二十六頁主頁(zhǔyè)共二十六頁

（2）網(wǎng)站根據(jù)內(nèi)容形式與功能結(jié)構(gòu)的不同，基本可以分成9大類別：資訊門戶類網(wǎng)站、企業(yè)品牌(pǐnpái)類網(wǎng)站、交易類網(wǎng)站、社區(qū)網(wǎng)站、辦公及政府機(jī)構(gòu)網(wǎng)站、互動(dòng)游戲網(wǎng)站、有償資訊類網(wǎng)站、功能性網(wǎng)站和綜合類網(wǎng)站等。共二十六頁2、網(wǎng)站的風(fēng)格與布局

網(wǎng)頁的風(fēng)格是指網(wǎng)站給瀏覽者的整體形象，包括站點(diǎn)的CI（標(biāo)志、色彩和字體）、版面布局、瀏覽方式、交互性、文字(wénzì)、內(nèi)容及網(wǎng)站榮譽(yù)等諸多因素。

常見的網(wǎng)頁的布局有“國”字形布局、“匡”字形布局、“三”字形布局、“川”字形布局、封面型布局、Flash布局、標(biāo)題文本型布局、框架型布局和變化型布局等。共二十六頁任務(wù)二

學(xué)習(xí)相關(guān)概1．因特網(wǎng)

因特網(wǎng)（Internet）又稱為互聯(lián)網(wǎng)，是一個(gè)把分布于世界各地的計(jì)算機(jī)用傳輸介質(zhì)互相連接起來的網(wǎng)絡(luò)。Internet主要提供的服務(wù)有萬維網(wǎng)（WWW）、文件傳輸協(xié)議（FTP）、電子郵件（E-mail）及遠(yuǎn)程登錄（Telnet）等。2．萬維網(wǎng)

萬維網(wǎng)（WorldWideWeb）簡(jiǎn)稱WWW或者3W，它是無數(shù)個(gè)網(wǎng)絡(luò)站點(diǎn)和網(wǎng)頁的集合(jíhé)。

也是Internet提供的最主要的服務(wù)，它是由多媒體鏈接而形成的集合，通常上網(wǎng)看到的就是萬維網(wǎng)的內(nèi)容。共二十六頁3．瀏覽器

瀏覽器是指互聯(lián)網(wǎng)上的文本文檔（或其他類型的文件）翻譯成網(wǎng)頁，并讓用戶與這些文件交互的一種軟件工具，主要用于查看網(wǎng)頁的內(nèi)容。目前最常用的瀏覽器有兩種：美國微軟公司的InternetExplorer，美國網(wǎng)景公司的NetscapeNavigator。此外，國內(nèi)的網(wǎng)絡(luò)(wǎngluò)公司也開發(fā)了一些瀏覽器，比如騰訊公司推出了新一代的網(wǎng)絡(luò)(wǎngluò)瀏覽器，騰訊瀏覽器正式從QQ里剝離出來，成為一個(gè)獨(dú)立的工具，騰訊瀏覽器與QQ一樣擁有一個(gè)親切而且朗朗上口的名字——騰訊TT，等等。共二十六頁4．電子郵件

電子郵件又稱E-mail，是目前Internet上使用最多、最受歡迎的一種服務(wù)。電子郵件是利用計(jì)算機(jī)網(wǎng)絡(luò)的電子通信功能傳送信件、單據(jù)、資料等電子媒體信息的通信方式(fāngshì)，它最大的特點(diǎn)是人們可以在任何地方、時(shí)間收發(fā)信件，大大提高了工作效率，為辦公自動(dòng)化、商業(yè)活動(dòng)提供了很大的便利。5．URLURL（UniformResourceLocator）即統(tǒng)一資源定位器，也就是網(wǎng)絡(luò)地址，是在Internet上用來描述信息資源，并將Internet提供的服務(wù)統(tǒng)一編址的系統(tǒng)。簡(jiǎn)單的來說，通常在IE瀏覽器或Netscape瀏覽器中輸入的網(wǎng)址就是URL的一種。共二十六頁模塊二初識(shí)DreamweaverCS3學(xué)習(xí)目標(biāo)

了解網(wǎng)頁設(shè)計(jì)(shèjì)的基本概念，掌握DreamweaverCS3工作界面的操作和設(shè)置.共二十六頁任務(wù)一、初識(shí)DreamweaverCS31．安裝并啟動(dòng)

（1）安裝DreamweaverCS3后，雙擊桌面圖標(biāo)或者單擊“開始>程序>AdobeDreamweaverCS3”。

（2）進(jìn)入DreamweaverCS3后，首先顯示其起始頁，通過起始頁可以直接打開(dǎkāi)最近使用過的文檔或其他文檔，也可以創(chuàng)建新文檔2.工作界面

（1）當(dāng)在起始頁中單擊“新建”列的第一項(xiàng)“HTML”后，將會(huì)創(chuàng)建一個(gè)“.html”格式的新文檔，并進(jìn)入DreamweaverCS3工作界面，如圖所示。共二十六頁菜單欄標(biāo)題欄“插入(chārù)”欄“文檔”工具欄文檔標(biāo)簽(biāoqiān)面板組屬性面板標(biāo)簽選擇器狀態(tài)欄共二十六頁

（2）由上圖可以看出，DreamweaverCS3的工作界面由標(biāo)題欄、菜單欄、“插入”欄、“文檔”工具欄、文檔窗口、狀態(tài)欄、“屬性”面板和面板組等組成。3．面板基本操作

（1）DreamweaverCS3的工作界面并不是一成不變的，可根據(jù)實(shí)際需要，對(duì)其進(jìn)行各種調(diào)整。例如，要關(guān)閉所有面板和面板組，可按【F4】鍵；再次按【F4】鍵，可恢復(fù)原來(yuánlái)狀態(tài)。

（2）如果要打開或關(guān)閉某個(gè)面板，可單擊“窗口”菜單下的相應(yīng)選項(xiàng)。例如，可選擇“窗口>文件”菜單打開或關(guān)閉“文件”面板。另外，如果面板組包含了多個(gè)面板，則可以在打開面板組后，通過單擊面板標(biāo)簽在各面板之間切換。例如，對(duì)于“文件”面板組，可以通過單擊“文件”和“資源”標(biāo)簽在兩個(gè)面板之間切換。共二十六頁

（3）面板組不僅可以關(guān)閉，還可以根據(jù)需要將它們(tāmen)任意移動(dòng)和隱藏。

（4）單擊面板組名稱左側(cè)的三角符號(hào),可將面板組隱藏，并且

符號(hào)變?yōu)?/p>

符號(hào)，此時(shí)單擊

符號(hào)，可以重新顯示隱藏的面板組。

（5）單擊面板組右上角的

符號(hào)，在彈出的菜單中選擇“關(guān)閉面板組”，可關(guān)閉面板組。

（6）單擊面板區(qū)域左側(cè)

的符號(hào)，可隱藏整個(gè)面板區(qū)域，并且

符號(hào)變?yōu)?/p>

符號(hào)；如要重新顯示面板區(qū)域，可單擊

符號(hào)。共二十六頁4.網(wǎng)頁文檔基本操作（1）要新建網(wǎng)頁文檔，可選擇“文件>新建”菜單，打開(dǎkāi)“新建文檔”對(duì)話框。在左側(cè)的“文檔類型”列表中選擇第一項(xiàng)“空白頁”，在“頁面類型”列表中選擇“HTML”，在“布局”列表中選擇“無”。（2）設(shè)置完后單擊“創(chuàng)建”按鈕，就創(chuàng)建了一個(gè)默認(rèn)為“Untitled-1”的新文檔。共二十六頁

（3）要保存網(wǎng)頁文檔，可選擇“文件>保存”菜單，或按【Ctrl+S】組合鍵，彈出“另存為”對(duì)話框，在該對(duì)話框的“保存在”下拉列表(lièbiǎo)中選擇保存文檔的文件夾，在“文件名”編輯框中輸入文檔名。設(shè)置完后單擊“保存”按鈕，就將文檔保存在了選擇的文件夾中。

（4）關(guān)閉文檔的操作相當(dāng)簡(jiǎn)單，只需要單擊相應(yīng)文檔右上方的“關(guān)閉”按鈕

（或按【Ctrl+W】組合鍵）即可。執(zhí)行該操作時(shí)，如果文檔已被修改，系統(tǒng)會(huì)彈出提示框，詢問是否保存修改。如果文檔未命名，此時(shí)系統(tǒng)還會(huì)打開“另存為”對(duì)話框，提示用戶命名文檔。共二十六頁模塊三建立與管理站點(diǎn)學(xué)習(xí)目標(biāo)

通過本模塊的學(xué)習(xí)掌握站點(diǎn)的建立和管理，并使同學(xué)們能夠(nénggòu)根據(jù)不同的要求建立和管理站點(diǎn)。共二十六頁任務(wù)一建立與管理站點(diǎn)1、確立站點(diǎn)目錄結(jié)構(gòu)2、建立站點(diǎn)

（1）．首先在本地磁盤上創(chuàng)建一個(gè)文件夾，并重命名文件夾為你需要的名稱(míngchēng)（此處為“mysite”），將其作為站點(diǎn)根文件夾。

（2）．啟動(dòng)DreamweaverCS3后，選擇“站點(diǎn)>新建站點(diǎn)”菜單，打開“未命名站點(diǎn)1的站點(diǎn)定義為”對(duì)話框，單擊“基本”選項(xiàng)卡，在上面的編輯框中輸入“mysite”作為站點(diǎn)名稱，然后單擊“下一步”按鈕。

（3）．由于我們創(chuàng)建的是靜態(tài)網(wǎng)站，因此，在接著彈出的對(duì)話框中選擇“否，我不想使用服務(wù)器技術(shù)”單選按鈕，然后點(diǎn)擊“下一步”按鈕。共二十六頁

（4）．在接下來彈出的對(duì)話框中選擇“編輯我的計(jì)算機(jī)……”單選按鈕，單擊“您將把……”編輯框后的文件夾圖標(biāo)，在打開的選擇根文件夾對(duì)話框中選擇站點(diǎn)文件夾，然后單擊“選擇”按鈕。

（5）．回到“mysite的站點(diǎn)定義為”對(duì)話框，單擊“下一步(yībù)”按鈕，由于現(xiàn)在只是在本地編寫和調(diào)試網(wǎng)頁，故不需要連接到遠(yuǎn)程服務(wù)器，在“您如何……”下拉列表中選擇“無”。

（6）．單擊“下一步”按鈕，系統(tǒng)會(huì)顯示所設(shè)置參數(shù)的總結(jié)，單擊“完成”按鈕，便完成了站點(diǎn)的創(chuàng)建。

（7）．選擇“窗口>文件”菜單，打開“文件”面板可以看到“文件”面板中顯示了新創(chuàng)建的站點(diǎn)，如圖所示。共二十六頁共二十六頁

（4）參照重命名網(wǎng)頁文檔的方法，將文件夾重命名為“flash”，以存放網(wǎng)站中的動(dòng)畫文件。

（5）要?jiǎng)h除網(wǎng)頁文檔或文件夾，可以右擊文檔或文件夾，然后在彈出的快捷菜單中選擇“編輯>刪除”選項(xiàng)，也可在選中文檔后，直接按【Delete】鍵刪除。

（6）除上述操作(cāozuò)外，在“文件”面板中還可以非常方便地打開文檔。雙擊“文件”面板中的網(wǎng)頁文檔，可在文檔編輯窗口中打開該文檔。

（7）要重命名現(xiàn)有的網(wǎng)頁文檔或文件夾，可首先選中文檔或文件夾，然后單擊文檔名或文件夾名（或按【F12】鍵），接著