《網(wǎng)頁設(shè)計(jì)與制作》課件-項(xiàng)目一 任務(wù)二 制作學(xué)校簡介 知識準(zhǔn)備_第1頁
《網(wǎng)頁設(shè)計(jì)與制作》課件-項(xiàng)目一 任務(wù)二 制作學(xué)校簡介 知識準(zhǔn)備_第2頁
《網(wǎng)頁設(shè)計(jì)與制作》課件-項(xiàng)目一 任務(wù)二 制作學(xué)校簡介 知識準(zhǔn)備_第3頁
《網(wǎng)頁設(shè)計(jì)與制作》課件-項(xiàng)目一 任務(wù)二 制作學(xué)校簡介 知識準(zhǔn)備_第4頁
《網(wǎng)頁設(shè)計(jì)與制作》課件-項(xiàng)目一 任務(wù)二 制作學(xué)校簡介 知識準(zhǔn)備_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

Dreamweaver網(wǎng)頁制作基礎(chǔ)教程項(xiàng)目一

制作“簡介”

任務(wù)二制作“學(xué)校簡介”任務(wù)描述在進(jìn)行網(wǎng)站設(shè)計(jì)時(shí)，一個(gè)網(wǎng)站中的網(wǎng)頁、圖片及網(wǎng)站內(nèi)的其他資源會(huì)很多，這些零散的資源如果僅利用系統(tǒng)的資源管理器來管理會(huì)比較零亂。在Dreamweaver中可以利用站點(diǎn)的模式來進(jìn)行管理。因此，在對一個(gè)網(wǎng)站進(jìn)行修改或設(shè)計(jì)時(shí)，首先需要建立站點(diǎn)。要求網(wǎng)站設(shè)計(jì)人員建立一個(gè)方便育才學(xué)校網(wǎng)站進(jìn)行修改的站點(diǎn)。工作過程 步驟1：建立站點(diǎn)選擇菜單“站點(diǎn)”→“新建站點(diǎn)”選項(xiàng)，如圖1.3.1所示。設(shè)定站點(diǎn)的名稱，如yucai，單擊“下一步”按鈕，如圖1.3.2所示。為了便于對網(wǎng)站中大量文件進(jìn)行管理，在Dreamweaver中提供了建立站點(diǎn)的方式。在站點(diǎn)中可以方便管理網(wǎng)站中的靜態(tài)頁面、動(dòng)態(tài)頁面及相關(guān)的其他資源。圖1.3.1［站點(diǎn)］菜單圖1.3.2站點(diǎn)定義1選擇［否，我不想使用服務(wù)器技術(shù)］→“下一步”按鈕，如圖1.3.3所示。圖1.3.3站點(diǎn)定義2設(shè)定“編輯本地副本，完成后再上傳到服務(wù)器”并設(shè)定文件存儲(chǔ)目錄，如圖1.3.4所示，單擊“下一步”按鈕。圖1.3.4選擇目錄設(shè)定遠(yuǎn)程服務(wù)器連接方式，如圖1.3.5所示，單擊“下一步”按鈕。圖1.3.5遠(yuǎn)程服務(wù)器連接方式如果本地測試選擇不使用遠(yuǎn)程服務(wù)器，則選擇“否”單選鈕，如圖1.3.6所示。單擊“下一步”按鈕。最后單擊“完成”按鈕，完成站點(diǎn)的建立。在右側(cè)的文件面板上，可以查看到本站點(diǎn)中的所有文件和資源，如圖1.3.7所示。圖1.3.6調(diào)試方式圖1.3.7站點(diǎn)目錄結(jié)構(gòu)步驟2：文件的測試雙擊圖1.3.7中的“項(xiàng)目1/JianJie.html”，打開“個(gè)人簡介”的設(shè)計(jì)頁面。選擇文件工具欄上的“瀏覽調(diào)試按鈕”（或者按鍵盤上的“F12”鍵）。在IE或其他瀏覽器中查看最后的效果，如圖1.3.8所示。圖1.3.8網(wǎng)頁瀏覽效果注意地址欄的內(nèi)容知識拓展知識點(diǎn):網(wǎng)站的所有東西合起來，叫站點(diǎn)，這里包括一個(gè)網(wǎng)站的所有網(wǎng)頁、素材和它們之間的聯(lián)系（鏈接）。管理站點(diǎn)是Dreamweaver軟件的一大特色，也是它區(qū)別于其他網(wǎng)頁編輯軟件的一大亮點(diǎn)。（1）通過站點(diǎn)，可以使用Dreamweaver高級功能。例如，在新建頁面時(shí)可以使用Dreamweaver預(yù)載的模板，如頁面設(shè)計(jì)（CSS）、入門頁面、頁面設(shè)計(jì)（有輔助功能的）等。這些都是需要在Dreamweaver中建立站點(diǎn)后才能使用的。（2）建立站點(diǎn)，可以對站點(diǎn)里的網(wǎng)頁中斷掉的鏈接進(jìn)行檢查，即壞鏈檢查。（3）建立站點(diǎn)，可以生成站點(diǎn)報(bào)告，對站點(diǎn)中的文件形成預(yù)覽。（4）建立站點(diǎn)，并添加FTP信息，可以直接使用Dreamweaver將網(wǎng)頁上傳到服務(wù)器空間中。（5）建立站點(diǎn)，并建立本地測試環(huán)境，可以調(diào)試動(dòng)態(tài)腳本。（6）最關(guān)鍵的是建立站點(diǎn)后，可以形成清晰的站點(diǎn)組織結(jié)構(gòu)圖，對站點(diǎn)結(jié)構(gòu)了如指掌，方便增減站點(diǎn)文件夾及文件等。在Dreamweaver中建立的站點(diǎn)一般都是本地站點(diǎn)，站點(diǎn)的文件都存在本地計(jì)算機(jī)中，然后通過Dreamweaver站點(diǎn)管理提供的功能對這些文件跟蹤、維護(hù)鏈接、共享文件，以及將站點(diǎn)文件傳輸?shù)絎eb服務(wù)器中。關(guān)于Dreamweaver站點(diǎn)所需要介紹的內(nèi)容包括三部分：本地視圖、遠(yuǎn)程視圖和測試服務(wù)器。本地視圖是工作目錄，就是Dreamweaver的本地站點(diǎn)，通常就是自己計(jì)算機(jī)上的文件夾，用于存儲(chǔ)網(wǎng)頁文件等內(nèi)容。遠(yuǎn)程視圖是存儲(chǔ)文件的位置，這些文件用于測試、生產(chǎn)、協(xié)作和發(fā)布等，具體取決于測試的環(huán)境。Dreamweaver將此視圖稱為遠(yuǎn)程站點(diǎn)，遠(yuǎn)程視圖是運(yùn)行Web服務(wù)器的計(jì)算機(jī)上的某個(gè)文件夾，通常它是網(wǎng)絡(luò)中可被公開訪問的計(jì)算機(jī)（即服務(wù)器）。但如果是在本機(jī)調(diào)試，則它也是在本機(jī)的文件夾。動(dòng)態(tài)頁文件夾（“測試服務(wù)器”文件夾）是Dreamweaver用于處理動(dòng)態(tài)頁的文件夾。此文件夾與遠(yuǎn)程文件夾通常是同一個(gè)文件夾，一般應(yīng)用在網(wǎng)站后臺開發(fā)中。建立站點(diǎn)有兩種方法，一種是通過“站點(diǎn)定義向?qū)А痹O(shè)置Dreamweaver站點(diǎn)，另外一種是通過“站點(diǎn)定義”的“高級”設(shè)置新建站點(diǎn)。任務(wù)總結(jié)通過對站點(diǎn)的制作，掌握Dreamweaver中站點(diǎn)的概念。在Dreamweaver中進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，站點(diǎn)是一個(gè)最基本的，也是最經(jīng)常用到的資源管理方式。這是一個(gè)網(wǎng)站設(shè)計(jì)人員必須掌握的知識點(diǎn)。課后習(xí)題選擇題1．在Dreamweaver中，創(chuàng)建好了一個(gè)本地站點(diǎn)，要對站點(diǎn)進(jìn)行管理和維護(hù)，需執(zhí)行（）命令。 A．“文件”→“管理站點(diǎn)”

B．“站點(diǎn)”→“管理站點(diǎn)” C．“插入”→“管理站點(diǎn)”

D．“編輯”→“管理站點(diǎn)”2．目前在Internet上應(yīng)用最廣泛的服務(wù)是（）。 A．FTP服務(wù) B．WWW服務(wù) C．Telnet服務(wù) D．Gopher服務(wù)3．網(wǎng)頁的主體內(nèi)容將寫在（）標(biāo)簽內(nèi)部。A．<Body> B．<Head>C．<Html> D．<p>4．在網(wǎng)頁設(shè)計(jì)中，（）是所有頁面中的重中之重，是一個(gè)網(wǎng)站的靈魂所在。A

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論