專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)_第1頁
專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)_第2頁
專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)_第3頁
專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)_第4頁
專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)_第5頁
已閱讀5頁,還剩35頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

專題學(xué)習(xí)網(wǎng)站的

設(shè)計(jì)與開發(fā)主講人:黃紅濤Email:bcbgrand@設(shè)計(jì)篇網(wǎng)站建設(shè)的指導(dǎo)思想一網(wǎng)站瀏覽人群需求分析二同類比較、分析不足三制定設(shè)計(jì)草案四制作工具(Dreamweaver和FontPage)圖像處理軟件和優(yōu)化工具(Photoshop和Fireworks)學(xué)習(xí)數(shù)據(jù)庫軟件(Access和SQLServer)學(xué)習(xí)上傳軟件(LeapFtp)制作網(wǎng)頁需要那些知識(shí)網(wǎng)站工具設(shè)計(jì)原則網(wǎng)站分析網(wǎng)站類別網(wǎng)站色彩網(wǎng)站結(jié)構(gòu)網(wǎng)站特色網(wǎng)站設(shè)計(jì)技巧網(wǎng)站概述網(wǎng)站設(shè)計(jì)工具(Photoshop、Firework、FreeHand、CorelDraw)網(wǎng)站編輯工具(Dreamweaver、Fontpage、Golive)網(wǎng)站動(dòng)畫工具(Flash、ImageReady)網(wǎng)站開發(fā)工具(A、Asp、Php、Jsp、Xml)網(wǎng)站上傳工具(LeapFtp、CuteFtp、FlashFtp)網(wǎng)站工具內(nèi)容與形式統(tǒng)一主題鮮明風(fēng)格統(tǒng)一兼顧下載速度和美觀導(dǎo)航清晰欄目設(shè)置合理良好的兼容性經(jīng)常更新網(wǎng)站設(shè)計(jì)原則首先了解瀏覽者需求表現(xiàn)形式、標(biāo)準(zhǔn)色彩、版面結(jié)構(gòu)、樣式表等分析瀏覽者需求整體創(chuàng)意階段 設(shè)計(jì)方案,分為主頁、一級(jí)頁面、二級(jí)頁面以及三級(jí)頁面,主要是主頁的設(shè)計(jì),包括了網(wǎng)站的風(fēng)格、需求以及網(wǎng)站的中心思想和重點(diǎn)內(nèi)容。具體的實(shí)施階段網(wǎng)站分析從功能上分可以分為(靜態(tài)和動(dòng)態(tài))無論是動(dòng)態(tài)還是靜態(tài):都可以安裝行業(yè)來分網(wǎng)站的類別,比如:企業(yè)、商業(yè)、娛樂、酒店、購物、家具、個(gè)人等靜態(tài):是指不需要進(jìn)行數(shù)據(jù)交換的網(wǎng)頁,一般做宣傳用動(dòng)態(tài):不僅是發(fā)布數(shù)據(jù)(宣傳),更主要的是采集和處理數(shù)據(jù)網(wǎng)站類別常見的網(wǎng)站色彩模式RGB(紅、綠、藍(lán))CMYK(青色、洋紅、黃、黑)HSB(色相、飽和度、亮度)網(wǎng)站色彩圖形分矢量和位圖一般有(bmp/jpg/gif/png/tif/eps/pcx/swf)常用的有(jpg/gif/swf)技巧:(色彩單一的圖片最好是gif)網(wǎng)站的圖片不要超過30k,不會(huì)瀏覽速度。視頻和音頻——最流行的音、視頻格式有兩種:AVI、RM網(wǎng)站的元素樹狀連接結(jié)構(gòu)類似Dos的目錄結(jié)構(gòu),首頁連接指向一級(jí)頁面,一級(jí)頁面指向二級(jí)頁面。優(yōu)點(diǎn):條理清晰,訪問者知道自己的位置,不會(huì)“迷”路缺點(diǎn):瀏覽效率低,必須要一級(jí)一級(jí)的訪問網(wǎng)站結(jié)構(gòu)星形鏈接結(jié)構(gòu)類似網(wǎng)絡(luò)服務(wù)器的鏈接,每個(gè)頁面相互之間都建立有鏈接。優(yōu)點(diǎn):隨時(shí)可以到達(dá)自己喜歡的頁面缺點(diǎn):鏈接太多,容易使瀏覽者“迷”路建議:兩種方法結(jié)合使用,比如:首頁和一級(jí)頁面用星形鏈接結(jié)構(gòu),一級(jí)以下的各級(jí)頁面用樹狀鏈接結(jié)構(gòu)網(wǎng)站結(jié)構(gòu)網(wǎng)站設(shè)計(jì)的分辨率:800*600或者1024*768網(wǎng)站的視覺造型將造型按視覺效應(yīng)、視覺力學(xué)和精神力學(xué)等原則組成的,具備美好的形態(tài)的造型。直觀設(shè)計(jì)——指用所見即所得的方式直接在文檔頁面中添加文本、圖形及其他對象,并設(shè)置它們的屬性,所得到的效果與在Web瀏覽器中所瀏覽到的效果相似。代碼設(shè)計(jì)——指通過使用HTML語言編寫代碼來生成網(wǎng)頁,通過各種標(biāo)記描述不同的內(nèi)容,說明段落、標(biāo)題、圖像及字體等在瀏覽器中的顯示效果。:網(wǎng)頁的設(shè)計(jì)方法End安裝介紹無論手工書寫代碼還是偏愛在可視化的編輯環(huán)境界面Dreamweaver篇Dreamweaver8的工作區(qū)布局包括設(shè)計(jì)器和編碼器兩種,在【工作區(qū)設(shè)置】對話框中單擊相應(yīng)的單選按鈕即可選擇該工作區(qū)。認(rèn)識(shí)Dreamweaver8的工作區(qū)標(biāo)題欄——位于Dreamweaver8界面最上部,其中顯示程序名稱和當(dāng)前編輯的文件名稱。最左側(cè)為控制按鈕;最右側(cè)為最小化、最大化/還原和關(guān)閉按鈕。菜單欄——包括10個(gè)菜單項(xiàng),使用這些菜單命令基本上可以實(shí)現(xiàn)程序的所有功能。工具欄——包括【插入】、【樣式呈現(xiàn)】、【文檔】和【標(biāo)準(zhǔn)】4個(gè)工具欄,可通過選擇【查看】|【工具欄】子菜單中的相應(yīng)命令來顯示或隱藏它們。

設(shè)計(jì)器工作區(qū)布局文檔窗口——用于顯示當(dāng)前創(chuàng)建或編輯的文檔,有【代碼】、【設(shè)計(jì)】和【拆分】3種視圖模式。狀態(tài)欄——用于顯示當(dāng)前編輯的文檔的狀態(tài)。屬性檢查器——用于查看和更改當(dāng)前選定文本或其他對象的屬性。控制面板——主要包括【CSS】、【應(yīng)用程序】、【標(biāo)簽檢查器】、【文件】、【框架】、【歷史記錄】、【結(jié)果】、【時(shí)間軸】8個(gè)面板組。開發(fā)篇開發(fā)篇顯示/隱藏面板和工具欄。自定義工具欄。自由組合面板自定義工作區(qū)布局網(wǎng)站的規(guī)劃與設(shè)計(jì)網(wǎng)站的開發(fā)流程創(chuàng)建本地站點(diǎn)規(guī)劃站點(diǎn)網(wǎng)站的開發(fā)流程(1)定義站點(diǎn)(2)設(shè)置服務(wù)器(3)制作網(wǎng)站(4)測試網(wǎng)頁與調(diào)試網(wǎng)站(5)發(fā)布和維護(hù)網(wǎng)站創(chuàng)建本地站點(diǎn)

1.創(chuàng)建新站點(diǎn)基本方式在【管理站點(diǎn)】對話框中單擊【新建】按鈕,從彈出菜單中選擇【站點(diǎn)】命令,彈出【站點(diǎn)定義為】對話框,在【基本】選項(xiàng)卡中進(jìn)行設(shè)置。創(chuàng)建本地站點(diǎn)高級(jí)方式在【站點(diǎn)定義為】對話框中單擊【高級(jí)】標(biāo)簽,切換到【高級(jí)】選項(xiàng)卡,可進(jìn)行自定義的站點(diǎn)設(shè)置。創(chuàng)建本地站點(diǎn)

管理站點(diǎn) 導(dǎo)入和導(dǎo)出網(wǎng)站

上傳和獲取文件站點(diǎn)地圖創(chuàng)建和編輯網(wǎng)頁網(wǎng)頁的創(chuàng)建網(wǎng)頁的命名原則網(wǎng)頁的保存打開已有文檔修改網(wǎng)頁屬性

單擊【創(chuàng)建新項(xiàng)目】欄中的【HTML】鏈接。

網(wǎng)頁的命名原則文件名中只能包含小寫的英文字母、數(shù)字和下劃線。文件名不能以數(shù)字開頭。不能在文件名中使用空格、標(biāo)點(diǎn)符號(hào)或特殊字符。主頁的文件名稱通常設(shè)定為“index”。用盡量少的字符概括文件主旨,不要過于冗長。網(wǎng)頁的保存保存當(dāng)前網(wǎng)頁:選擇【文件】|【保存】命令,彈出【另存為】對話框,打開所需站點(diǎn)文件夾,在【文件夾】文本框中輸入網(wǎng)頁名稱,然后單擊【保存】按鈕。保存已創(chuàng)建的所有頁面:選擇【文件】|【保存全部】命令。打開已有文檔選擇【文件】|【打開】命令,彈出【打開】對話框,選擇所需的網(wǎng)頁文檔,單擊【打開】按鈕顯示【文件】面板,在面板左上方的【站點(diǎn)】下拉列表框中選擇保存網(wǎng)頁的站點(diǎn)、服務(wù)器或驅(qū)動(dòng)器,然后在文件和文件夾列表中雙擊所需網(wǎng)頁文檔的圖標(biāo)修改網(wǎng)頁屬性外觀屬性——指頁面中文本的字體、字樣、大小、顏色、背景顏色和背景圖像,以及頁面邊距的設(shè)置。鏈接屬性——指鏈接文本的字體、大小,鏈接文本的顏色,鼠標(biāo)指針指向鏈接文本時(shí)的顏色,已訪問過的鏈接文本的顏色,單擊鏈接文本時(shí)的顏色,

溫馨提示

  • 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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論