網(wǎng)站設(shè)計(jì)與建設(shè)-網(wǎng)站開發(fā)設(shè)計(jì)工具

與建設(shè)sign

andnts網(wǎng)站設(shè)計(jì)

Website

dedevelopme第三部分

網(wǎng)站設(shè)計(jì)技術(shù)第18章

網(wǎng)站開發(fā)設(shè)計(jì)工具18.1網(wǎng)站開發(fā)設(shè)計(jì)方法■手工編寫HTML■現(xiàn)在已有很多工具可以幫助開發(fā)者輕松設(shè)計(jì)網(wǎng)站,·使用設(shè)計(jì)工具對(duì)HTML、CSS、DHTML,Javascript和JavaApplets等進(jìn)行可視化設(shè)計(jì),可以大大提高設(shè)計(jì)速度和效率,并且可以大量減少頁(yè)面布局和測(cè)試的時(shí)間,■理想的網(wǎng)站開發(fā)設(shè)計(jì)方法應(yīng)該是大量使用設(shè)計(jì)工具再加上少量的手工編碼。。2．網(wǎng)站設(shè)計(jì)工具優(yōu)點(diǎn)■①節(jié)省時(shí)間■②易用性:不需要深入了解HTML也可以使用可視化工具，依靠下拉菜單和使用鼠標(biāo)，非常容易設(shè)計(jì)HTML、CSS、DHTML、Javascript或JavaApplets?！觫勖嫦蛟O(shè)計(jì):WYSIWYG?！觫芴嵘俣?網(wǎng)站設(shè)計(jì)者不需要學(xué)習(xí)并記住不同的程序語(yǔ)言以及規(guī)則3．網(wǎng)站設(shè)計(jì)工具缺點(diǎn)■①缺乏控制:需要借助選項(xiàng)菜單■②非一致性:·各種設(shè)計(jì)工具創(chuàng)建的HTML代碼不完全一致。■③缺乏功能:·網(wǎng)站設(shè)計(jì)工具能提供服務(wù)擴(kuò)展，但是需要服務(wù)器方面的支持，而設(shè)計(jì)工具以附件形式提供服務(wù)器擴(kuò)展或者根本就不提供。如果沒(méi)包括這類功能，網(wǎng)站開發(fā)者必須使用另外的擴(kuò)展程序來(lái)完善站點(diǎn)?！觫懿唤y(tǒng)一性:·每個(gè)設(shè)計(jì)工具有其特有的工作環(huán)境，如果要使用另一種設(shè)計(jì)工具，就必須學(xué)習(xí)使用不同的環(huán)境?！鯠reamWeaver、■FrontPage、■IBMRAD.■IBMPortal、■BeaWeblogicWorkshop、■BeaWeblogicPortal、■eclipse■AdobeGoLive■NetObjectsFusionv10■NamoWebEditor■HotDogPageWiz等。18.3知名網(wǎng)站開發(fā)設(shè)計(jì)工具1.AdobeDreamweaverCS3■(hhttttpp::////wwwwww..aaddoobbee..ccoomm..ccnn))■基于Mac和Windows系統(tǒng)?！鯠reamweaver是從新手到專業(yè)人員的非常好的選擇■支持代碼編輯，還可以代碼窗口和可視化窗口同時(shí)展現(xiàn)，■利用對(duì)領(lǐng)先Web開發(fā)技術(shù)(包括HTML、XHTML、CSS、XML、Javascript、Ajax、PHP、AdobeColdFusion、ASP、ASP.NET和JSP)的支持?！鍪褂肵SL或適合于Ajax的Spry(活潑的)框架，快速集成XML內(nèi)容?！鯢LV支持無(wú)需任何Flash知識(shí)，7.Eclipse■(hhttttpp::////wwwwww..eecclliippssee..oorrgg//))■一種基于Java的可擴(kuò)展開源開發(fā)平臺(tái)·它只是一個(gè)框架和一組服務(wù)，用于通過(guò)插件組件構(gòu)建開發(fā)環(huán)境?！clipse附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括為人熟知的Java開發(fā)工具（JavaDevelopmentTools，JDT）?！鯡clipse當(dāng)作Java集成開發(fā)環(huán)境（IDE）來(lái)使用■Eclipse還包括插件開發(fā)環(huán)境（Plug-inDevelopmentEnvironment，PDE■基于Eclipse的應(yīng)用程序的一個(gè)突出例子是IBM?Rational?ApplicationDeveloper(RAD)，它構(gòu)成了IBMJava開發(fā)工具系列的基礎(chǔ)。1．HTML文本編輯器優(yōu)點(diǎn):■①完全控制HTML■②速度提升:使用一個(gè)HTML文本編輯器創(chuàng)建網(wǎng)站比純手工編碼要快的多，?！觫鄱嗾Z(yǔ)言支持:許多HTML文本編輯器支持其他語(yǔ)言和技術(shù)，例如Javascript、PHP、ASP、JSP、Perl、Java和CSS等。設(shè)計(jì)者能夠使用一個(gè)而不是很多工具來(lái)設(shè)計(jì)動(dòng)態(tài)網(wǎng)站。2．HTML文本編輯器缺點(diǎn):■①頁(yè)面布局和設(shè)計(jì):一些HTML編輯器沒(méi)有像WYSIWYG編輯器那樣能讓網(wǎng)站設(shè)計(jì)人員直接看到所創(chuàng)建頁(yè)面的設(shè)計(jì)視圖。設(shè)計(jì)者必須保存他們的頁(yè)面并直接在瀏覽器中查看，使設(shè)計(jì)進(jìn)程緩慢。■②具備HTML知識(shí)18.4HTML文本編輯器特點(diǎn)18.5知名HTML文本編輯器■①M(fèi)acromediaHomeSite:·基于Windows，·其方便的鼠標(biāo)右鍵功能菜單和強(qiáng)大的多文件查找替換功能，使用戶可以在整個(gè)目錄下替換所有文件中指定的一段文字?！に材軇?chuàng)建Javascript彈出窗口，動(dòng)態(tài)可擴(kuò)充輪廓和頁(yè)面轉(zhuǎn)變?！ttp://wwwwww..aaddoobbee..ccoomm..ccnn?！觫趀WebEditor:·實(shí)現(xiàn)許多桌面編輯軟件（如:Word）所具有的強(qiáng)大可視編輯功能，·不需要在計(jì)算機(jī)上安裝任何的客戶端軟件?！ぞ哂泻軓?qiáng)的后臺(tái)管理功能，能夠?qū)庉嬈鞫喾N功能進(jìn)行各種有效的自定義?！?features.asp■③FCKeditor:·開源·在線網(wǎng)頁(yè)編輯的功能，功能強(qiáng)大，支持多種瀏覽器，無(wú)平臺(tái)限制，可以和多種WEB語(yǔ)言融合，多語(yǔ)言支持，操作簡(jiǎn)單?！?■④FlexSite:·基于Windows·可以進(jìn)行分屏,一邊編寫代碼,一邊查看效果?！ぁ觫軭otDogProfessional:·基于Win