版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
中文版DreamweaverCS6
網(wǎng)頁制作案例教程江蘇大學(xué)出版社工程一網(wǎng)頁制作根底知識(shí)任務(wù)一了解網(wǎng)頁制作根底知識(shí)任務(wù)二創(chuàng)立“石市科干院”站點(diǎn)及歡送首頁任務(wù)一了解網(wǎng)頁制作根底知識(shí)任務(wù)描述隨著網(wǎng)絡(luò)的飛速開展,各類公司、企事業(yè)單位都相繼建立了自己的網(wǎng)站。本任務(wù)主要了解網(wǎng)頁制作根底知識(shí)并欣賞優(yōu)秀網(wǎng)站,從而為制作優(yōu)秀網(wǎng)頁打下堅(jiān)實(shí)的根底。一、網(wǎng)站開發(fā)根底1.InternetInternet,中文譯名為因特網(wǎng),又叫國(guó)際互聯(lián)網(wǎng),是由廣域網(wǎng)、城域網(wǎng)、局域網(wǎng)及單機(jī)按照一定通訊協(xié)議組成的國(guó)際計(jì)算機(jī)網(wǎng)絡(luò)。只要你的計(jì)算機(jī)連接到它的任何一個(gè)節(jié)點(diǎn)上,就意味著你可以通過網(wǎng)絡(luò)與遠(yuǎn)在千里之外同樣連入Internet的朋友相互發(fā)送郵件、共同完成一項(xiàng)工作或共同娛樂。2.TCP/IP協(xié)議TCP/IP〔TransmissionControlProtocol/InternetProtocol的簡(jiǎn)寫〕,中文譯名為傳輸控制協(xié)議/因特網(wǎng)互聯(lián)協(xié)議,又叫網(wǎng)絡(luò)通訊協(xié)議,是Internet最根本的協(xié)議,也是國(guó)際互聯(lián)網(wǎng)絡(luò)的根底。3.IP地址所謂IP地址,就是為連接在Internet上的主機(jī)分配的一個(gè)網(wǎng)絡(luò)地址。按照TCP/IP協(xié)議規(guī)定,IP地址用32位二進(jìn)制數(shù)〔也就是4個(gè)字節(jié)〕表示。4.域名由于IP地址在使用過程中難于記憶和書寫,一種與IP地址對(duì)應(yīng)的字符應(yīng)運(yùn)而生,這就是域名〔DomainName〕。每一個(gè)網(wǎng)站都有自己的域名,并且域名是獨(dú)一無二的。5.網(wǎng)址網(wǎng)址又叫URL,英文全稱是“UniformResourceLocator”,即統(tǒng)一資源定位符。它是網(wǎng)絡(luò)上通用的一種地址格式,用于標(biāo)識(shí)網(wǎng)頁文件在網(wǎng)絡(luò)中的位置。一個(gè)完整的網(wǎng)址由通信協(xié)議名稱、域名或IP地址、網(wǎng)頁在效勞器中的路徑和文件名4局部組成。6.瀏覽器瀏覽器是安裝在計(jì)算機(jī)上的一種軟件,通過它可以方便地看到Internet上提供的各種信息和效勞資源,瀏覽器種類很多,有IE、360、騰訊、搜狗、火狐等,目前國(guó)內(nèi)常用的有IE和搜狗。二、認(rèn)識(shí)網(wǎng)站和網(wǎng)頁網(wǎng)頁就是我們上網(wǎng)時(shí)在瀏覽器中翻開的一個(gè)個(gè)畫面,網(wǎng)站那么是一組相關(guān)網(wǎng)頁的集合。一個(gè)小型網(wǎng)站可能只包含幾個(gè)網(wǎng)頁,而一個(gè)大型網(wǎng)站那么可能包含成千上萬個(gè)網(wǎng)頁。1.主頁翻開某個(gè)網(wǎng)站時(shí)顯示的第一個(gè)網(wǎng)頁被稱為網(wǎng)站的主頁〔或首頁〕。一般來說,主頁是一個(gè)網(wǎng)站中最重要的網(wǎng)頁,也是訪問最頻繁的網(wǎng)頁。它是一個(gè)網(wǎng)站的標(biāo)志,表達(dá)了整個(gè)網(wǎng)站的制作風(fēng)格和性質(zhì),主頁上通常會(huì)有整個(gè)網(wǎng)站的導(dǎo)航目錄,所以主頁也是一個(gè)網(wǎng)站的起點(diǎn)或者說主目錄。網(wǎng)站的更新內(nèi)容一般都會(huì)在主頁上突出顯示。2.網(wǎng)站互聯(lián)網(wǎng)起源于美國(guó)國(guó)防部高級(jí)研究方案管理局建立的阿帕網(wǎng)。網(wǎng)站〔Website〕最初是指在因特網(wǎng)上,根據(jù)一定規(guī)那么,使用HTML等語言制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。3.網(wǎng)頁的構(gòu)成元素我們可以將網(wǎng)頁中的元素按功能分為站標(biāo)、導(dǎo)航條、廣告條、標(biāo)題欄和按鈕等。站標(biāo)導(dǎo)航條廣告條標(biāo)題欄〔1〕站標(biāo)站標(biāo)也叫Logo,是網(wǎng)站的標(biāo)志,也是網(wǎng)站特色和內(nèi)涵的集中表達(dá)。它一般會(huì)出現(xiàn)在網(wǎng)站的每一個(gè)頁面上,是網(wǎng)站給人的第一印象。網(wǎng)站的標(biāo)志就如同商標(biāo)一樣,其作用是使人看見它就能夠聯(lián)想到網(wǎng)站和企業(yè)。因此,網(wǎng)站Logo通常采用企業(yè)的Logo。〔2〕網(wǎng)站導(dǎo)航導(dǎo)航欄是一組鏈接到網(wǎng)站內(nèi)主要頁面的超鏈接組合,一般由多個(gè)按鈕或者多個(gè)文本超鏈接組成,通過單擊這些超鏈接可以輕松翻開網(wǎng)站中的各個(gè)頁面。常見的網(wǎng)站導(dǎo)航有橫排導(dǎo)航、豎排導(dǎo)航、下拉菜單式導(dǎo)航等?!?〕廣告條廣告條又稱Banner,其功能是宣傳網(wǎng)站或?yàn)槠渌唐纷鰪V告。在制作Banner時(shí),有以下幾點(diǎn)需要注意。Banner可以是靜態(tài)的,也可以是動(dòng)態(tài)的。Banner的體積不宜過大,盡量使用GIF格式圖片與動(dòng)畫或Flash動(dòng)畫。Banner中的文字不要太多,只要到達(dá)一定的提醒效果就可以。Banner中圖片的顏色不要太多,尤其是GIF格式的圖片或動(dòng)畫?!?〕標(biāo)題欄此處的標(biāo)題欄不是指整個(gè)網(wǎng)頁的標(biāo)題欄,而是網(wǎng)頁上各版塊的標(biāo)題欄,是各版塊內(nèi)容的概括。它使得網(wǎng)頁內(nèi)容的分類更清晰、明了,大大地方便了瀏覽者。4.網(wǎng)頁的本質(zhì)一般情況下,網(wǎng)頁中除了包含網(wǎng)頁文件〔擴(kuò)展名為.html,.asp等〕外,還要用到圖像文件〔擴(kuò)展名為.jpg,.png,.gif等〕、Flash動(dòng)畫文件〔擴(kuò)展名為.swf〕、腳本文件〔擴(kuò)展名為.js〕、樣式文件〔擴(kuò)展名為.css〕以及視頻文件〔擴(kuò)展名為.avi,.flv等〕等。在瀏覽器中選擇“文件”>“另存為”菜單,將網(wǎng)頁保存到磁盤中,便可看到網(wǎng)頁的組成文件。三、網(wǎng)頁配色根底知識(shí)1.色彩簡(jiǎn)介人們?nèi)庋鬯芸吹降乃蓄伾际怯杉t、黃、藍(lán)三種根本原色構(gòu)成的。根本原色也就是我們通常所說的三原色。原色,又稱為基色,是用于調(diào)配其他色彩的根本色;將原色以不同比例混合,可以產(chǎn)生其他新顏色。原色的色純度最高、最純潔、最鮮艷,可以調(diào)配出絕大多數(shù)色彩,而其他顏色不能調(diào)配出三原色。2.色彩特征從色彩的功能上來看,它具有以下根本特征?!?〕色彩的冷暖〔2〕色彩的輕重〔3〕色彩的軟硬〔4〕色彩的縮擴(kuò)3.網(wǎng)頁顏色的搭配設(shè)計(jì)網(wǎng)頁時(shí),可根據(jù)以下原那么確定網(wǎng)頁的背景色和主色調(diào),并進(jìn)行顏色搭配?!?〕網(wǎng)頁背景顏色最好選擇白色或黑色?!?〕可根據(jù)網(wǎng)站的性質(zhì)確定網(wǎng)頁的主色調(diào),并且該主色調(diào)應(yīng)貫穿于網(wǎng)站中的全部網(wǎng)頁。〔3〕設(shè)計(jì)網(wǎng)頁時(shí)恰當(dāng)利用同類色、鄰近色和比照色,可增強(qiáng)網(wǎng)頁的層次感、豐富網(wǎng)頁的色彩或突出某些重要內(nèi)容〔如導(dǎo)航條或版塊標(biāo)題〕。4.網(wǎng)站配色技巧無論是平面設(shè)計(jì),還是網(wǎng)頁設(shè)計(jì),色彩永遠(yuǎn)是最重要的一環(huán)。在選擇網(wǎng)頁色彩時(shí),可以遵循以下原那么。〔1〕首先選擇標(biāo)準(zhǔn)顏色。標(biāo)準(zhǔn)顏色是指能夠表達(dá)網(wǎng)站形象和延伸內(nèi)涵的顏色,主要用在網(wǎng)站標(biāo)志和主菜單上,給人一種整體統(tǒng)一的感覺?!?〕其他顏色。標(biāo)準(zhǔn)顏色定下來后,其他顏色也可以使用,但只能作為點(diǎn)綴和襯托,絕不能喧賓奪主。5.網(wǎng)站配色的幾點(diǎn)建議〔1〕盡量使用網(wǎng)頁平安色。〔2〕網(wǎng)頁背景顏色與文字比照度要高?!?〕盡量防止藍(lán)色與紅色,藍(lán)色與黃色,綠色/藍(lán)色與紅色這幾類顏色同時(shí)出現(xiàn)?!?〕盡量少用細(xì)小的字體或藍(lán)色表格?!?〕有些顏色本身是很枯燥的,比方灰色,但配合一些橙色或亮色就會(huì)產(chǎn)生完全不同的感覺,可以嘗試一下。〔6〕可以利用留白來平衡網(wǎng)站中的顏色刺激。〔7〕要始終保持整個(gè)網(wǎng)站顏色的統(tǒng)一性。四、網(wǎng)站開發(fā)流程網(wǎng)站開發(fā)流程是指從企業(yè)方案建設(shè)網(wǎng)站到網(wǎng)站建設(shè)完成的一套標(biāo)準(zhǔn)化運(yùn)作過程。簡(jiǎn)單來說,可以把網(wǎng)站開發(fā)流程歸納為以下三個(gè)階段:〔1〕規(guī)劃和準(zhǔn)備階段;〔2〕網(wǎng)頁設(shè)計(jì)與制作階段;〔3〕網(wǎng)站的發(fā)布、推廣和維護(hù)階段。五、網(wǎng)站管理與網(wǎng)頁制作相關(guān)軟件當(dāng)今時(shí)代,網(wǎng)絡(luò)成了最重要的媒體和資源寶庫。制作網(wǎng)頁可以選擇用HTML代碼,也可以選擇用軟件編輯,最好是兩者兼用。在制作網(wǎng)頁時(shí),除Dreamweaver外還需要用到Photoshop,F(xiàn)lash,F(xiàn)ireworks等輔助軟件。任務(wù)實(shí)施——欣賞優(yōu)秀網(wǎng)站欣賞幾個(gè)網(wǎng)站,并注意觀察其顏色搭配和布局方式。任務(wù)二創(chuàng)立“石市科干院”站點(diǎn)及歡送首頁任務(wù)描述首先熟悉一下DreamweaverCS6的工作環(huán)境,掌握利用DreamweaverCS6創(chuàng)立和管理網(wǎng)站站點(diǎn),以及創(chuàng)立、保存、翻開和關(guān)閉網(wǎng)頁文檔的操作,然后創(chuàng)立“石市科干院”網(wǎng)站站點(diǎn),并制作網(wǎng)站歡送首頁。一、DreamweaverCS6簡(jiǎn)介DreamweaverCS6是一個(gè)可視化網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理工具,即使沒有任何網(wǎng)頁制作根底,也能很輕松地利用它制作出漂亮的網(wǎng)頁,只要從菜單、面板中選擇選項(xiàng)就可以了。這免除了學(xué)習(xí)HTML語言的煩惱,也節(jié)省了很多編寫源代碼的時(shí)間。二、啟動(dòng)DreamweaverCS6啟動(dòng)DreamweaverCS6的操作很簡(jiǎn)單,和其他軟件根本一致。三、DreamweaverCS6工作環(huán)境簡(jiǎn)介DreamweaverCS6的工作界面由菜單欄、文檔標(biāo)簽欄、文檔工具欄、文檔編輯區(qū)、標(biāo)簽選擇器、“屬性”面板、“文件”面板組等組成。四、網(wǎng)站站點(diǎn)相關(guān)操作1.創(chuàng)立本地站點(diǎn)站點(diǎn)一般包括本地站點(diǎn)〔本地計(jì)算機(jī)上的一組文件〕和遠(yuǎn)程站點(diǎn)〔遠(yuǎn)程Web效勞器上的一組文件〕。本節(jié)以本地站點(diǎn)為例說明創(chuàng)立過程。2.翻開站點(diǎn)翻開站點(diǎn)的方法有兩種。方法1:在菜單欄中選擇“站點(diǎn)/管理站點(diǎn)”菜單命令,彈出“管理站點(diǎn)”對(duì)話框,選擇要翻開的站點(diǎn),單擊“完成”按鈕即可。方法2:在“文件”面板的“站點(diǎn)”下拉列表中選擇已創(chuàng)立的某個(gè)站點(diǎn)。3.編輯站點(diǎn)編輯站點(diǎn)的方法也有兩種。方法1:選擇“站點(diǎn)/管理站點(diǎn)”菜單命令,在“管理站點(diǎn)”對(duì)話框中雙擊要編輯的站點(diǎn)。方法2:在“文件”面板中選擇站點(diǎn)列表中的“管理站點(diǎn)”選項(xiàng),也可翻開“管理站點(diǎn)”對(duì)話框。4.復(fù)制站點(diǎn)首先在“管理站點(diǎn)”對(duì)話框中選擇要復(fù)制的站點(diǎn),單擊“復(fù)制當(dāng)前選定的站點(diǎn)”按鈕,在站點(diǎn)列表中即增加了一個(gè)新的站點(diǎn)。雙擊復(fù)制產(chǎn)生的站點(diǎn),可以對(duì)其進(jìn)行編輯操作,如改變站名、改變存儲(chǔ)位置等。5.刪除站點(diǎn)在“管理站點(diǎn)”對(duì)話框中單擊選中要?jiǎng)h除的站點(diǎn)名,單擊“刪除當(dāng)前選定的站點(diǎn)”按鈕,在彈出的對(duì)話框中單擊“是”按鈕確認(rèn)刪除,單擊“否”按鈕那么取消刪除。6.導(dǎo)入和導(dǎo)出站點(diǎn)在DreamweaverCS6中,可以將現(xiàn)有站點(diǎn)導(dǎo)出為一個(gè)站點(diǎn)文件,也可以將站點(diǎn)文件導(dǎo)入為一個(gè)站點(diǎn)。導(dǎo)入、導(dǎo)出的作用在于保存及恢復(fù)站點(diǎn)和本地文件的鏈接關(guān)系。五、網(wǎng)頁文檔根本操作1.新建網(wǎng)頁文檔和文件夾“文件”面板是管理網(wǎng)站的重要工具,通過它可以直觀地看到整個(gè)網(wǎng)站的結(jié)構(gòu),也可以快速創(chuàng)立網(wǎng)頁文檔和文件夾。2.翻開網(wǎng)頁文檔在Dreamweaver中翻開網(wǎng)頁文檔的方法有多種,下面分別介紹。方法1:?jiǎn)?dòng)Dreamweaver后,移動(dòng)鼠標(biāo)至歡送屏幕上的“翻開最近工程”文件列表,單擊“翻開”選項(xiàng),然后在“翻開”對(duì)話框中選擇要翻開的文檔。方法2:移動(dòng)鼠標(biāo)至菜單欄中的“文件”命令上單擊,然后在彈出的下拉菜單中選擇“翻開”命令。方法3:翻開“文件”面板后,移動(dòng)鼠標(biāo)至面板中的文件列表上,雙擊要翻開的文檔。3.保存網(wǎng)頁文檔制作網(wǎng)頁時(shí),應(yīng)及時(shí)將
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(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ǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二五年度儲(chǔ)煤場(chǎng)煤炭交易代理服務(wù)合同3篇
- 2025年度金融機(jī)構(gòu)外匯借款合同綠色金融創(chuàng)新實(shí)踐
- 二零二五年度碼頭租賃項(xiàng)目環(huán)保驗(yàn)收及服務(wù)合同4篇
- 二零二五年度錄音系統(tǒng)定制開發(fā)與實(shí)施合同3篇
- 2025年度蘋果水果產(chǎn)地直供直銷采購合同4篇
- 2025版木工模板租賃與園林景觀設(shè)計(jì)施工承包合同范本3篇
- 二零二五年度寵物醫(yī)院寵物食品研發(fā)與生產(chǎn)合作協(xié)議3篇
- 二零二五年度辦公家具銷售合同(含安裝)2篇
- 二零二五年度天使投資協(xié)議書:生物科技研發(fā)項(xiàng)目風(fēng)險(xiǎn)投資合同
- 二零二五年度商標(biāo)授權(quán)及商標(biāo)市場(chǎng)推廣合同范本2篇
- 2024-2030年中國(guó)招標(biāo)代理行業(yè)深度分析及發(fā)展前景與發(fā)展戰(zhàn)略研究報(bào)告
- 醫(yī)師定期考核 (公共衛(wèi)生)試題庫500題(含答案)
- 基因突變和基因重組(第1課時(shí))高一下學(xué)期生物人教版(2019)必修2
- 內(nèi)科學(xué)(醫(yī)學(xué)高級(jí)):風(fēng)濕性疾病試題及答案(強(qiáng)化練習(xí))
- 音樂劇好看智慧樹知到期末考試答案2024年
- 辦公設(shè)備(電腦、一體機(jī)、投影機(jī)等)采購 投標(biāo)方案(技術(shù)方案)
- 案卷評(píng)查培訓(xùn)課件模板
- 2024年江蘇省樣卷五年級(jí)數(shù)學(xué)上冊(cè)期末試卷及答案
- 人教版初中英語七八九全部單詞(打印版)
- 波浪理論要點(diǎn)圖解完美版
- 金融交易數(shù)據(jù)分析與風(fēng)險(xiǎn)評(píng)估項(xiàng)目環(huán)境敏感性分析
評(píng)論
0/150
提交評(píng)論