① 可以用於公司培訓的軟體有哪些
企業開展培訓的目的主要是加強企業員工工作能力,提高素質,但目前企業如果選用線下培訓,會耗費大量時間,人力物力成本,例如場地費用,講師授課費用,以及不同地區員工參加培訓產生的出差費用,線上培訓能夠很大程度上減少企業在培訓上面的支出成本。
以我們平台舉例,主要功能有以下
課程培訓,只需添加設計好的課件,例如視音頻,和文檔等,設置好課程學時和通過條件即可發布課程
課後練習,創建章節練習,將培訓知識點重點放進練習中,學員即可參加培訓後進行知識點鞏固
考試考核,可適用於公司崗位考核,以及技能考核等,可選擇隨機試卷抽題,防止作弊
子管理員,在企業員工和部門較多情況,一個人管理所有部門人員以及不同崗位試題會有點麻煩,可添加子管理員,給定相應的許可權,可獨立分工,互相不會受到干擾
統計分析,所有的考試練習以及課程培訓,系統會進行報表統計,數據清晰一目瞭然。
② 現在有哪些比較好的網路培訓平台
今天整理了幾個國內外體驗較好的線上學習平台,供大家學習交流時參考使用。
1、Coursera
國斯坦福大學兩名計算機科學教授創辦,截止2014年共有600餘門課程。因為13年與網易達成視頻託管協議,所以在訪問速度和播放流暢度上都完勝其他國外產品,同時也是國外在線教育產品中對中文支持最好的產品之一,許多課程都有提供中英文字幕。除了「微型專業」和認證的課程證書外,其餘大部分資源都是免費。
2、EdX
麻省理工和哈佛大學聯手創建的大規模開放在線課堂平台(非盈利性網站),除了國外課程,也與國內頂尖高校北大清華等有聯合上線課程,前不久上新的毛概課程就是清華提供的。目前課程總數超過500門,基本採用「Freemium」的模式,只有希望獲得課程的認證資格證書的用戶需要交納費用,其他均免費。有一個問題是EDX的課程教學視頻依託於YouTube,打開姿勢不正確的話就看不到課程了。
3、Udacity
同樣源於斯坦福大學的課程供應商三巨頭之三, 不過U家的課程偏向移動應用開發、數據挖掘、軟體工程等IT理工類實用技能課程。因為是盈利性網站,裡面課程趨向收費,或者參與考試認證需要收費。雖然課程數量不如上面兩家,但Udacity提供了一個就業匹配計劃,裡麵包括Goole、Facebook、Twitter等諸多矽谷公司在內,這些公司為提供獎學金或工作職位
4、網易公開課
前面說到的Coursera和網易達成視頻託管協議,還有一分鍾內容就是在網易公開課上設立了Coursera專區,除了不能申請課程證書外,課程內容與Coursera沒有差異。在Coursera之外,上面還有TED、可汗學院、國內外高校公共課免費資源。因為網站上沒有廣告,站內內容完全免費,這個網站絕對擔得起「良心」兩字。
5、時代光華
時代光華是行業領先的線上學習平台,以elearning平台網上學習平台服務為主業,業務涵蓋內容:在線學習平台、課件軟體、學習系統、在線考試系統、移動學習、企業培訓管理公開課、管理課程、企業培訓、企業內訓等。多年來,積累了大量在線學習專用的內容資源、專業技術、運營服務經驗及成功案例。
③ 學游戲開發用哪個軟體最好
你可以先去【繪學霸】網站找「游戲設計/游戲製作」板塊的【免費】視頻教程-【點擊進入】完整入門到精通視頻教程列表: www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=307&zdhhr-11y04r-586660587966020165
想要系統的學習可以考慮報一個網路直播課,推薦CGWANG的網路課。老師講得細,上完還可以回看,還有同類型錄播課可以免費學(贈送終身VIP)。
自製能力相對較弱的話,建議還是去好點的培訓機構,實力和規模在國內排名前幾的大機構,推薦行業龍頭:王氏教育。
王氏教育全國直營校區面授課程試聽【復制後面鏈接在瀏覽器也可打開】: www.huixueba.com.cn/school/3dmodel?type=2&zdhhr-11y04r-586660587966020165
在「游戲設計/游戲製作」領域的培訓機構里,【王氏教育】是國內的老大,且沒有加盟分校,都是總部直營的連鎖校區。跟很多其它同類型大機構不一樣的是:王氏教育每個校區都是實體面授,老師是手把手教,而且有專門的班主任從早盯到晚,爆肝式的學習模式,提升會很快,特別適合基礎差的學生。
大家可以先把【繪學霸】APP下載到自己手機,方便碎片時間學習——繪學霸APP下載: www.huixueba.com.cn/Scripts/download.html
④ 學web前端開發需要用哪些軟體
web前端開發除了PS、DW之外,還有一些常用的前端開發工具,以下僅列出前端工程師常用的兩款:
1、WebStorm:WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。
個人經驗:WebStorm優點是代碼提示、高亮等等,支持很多框架。非常適合項目開發。缺點是啟動稍慢。
2、Sublime Text3:Sublime Text 是一個代碼編輯器,也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來,它最初被設計為一個具有豐富擴展功能的Vim。
個人經驗:Sublime Text3通過安裝不同的插件可以完美支持各種語言。相對於webstrom,它的啟動速度非常快,常用於修改單個文件的錯誤或者調試。
⑤ 學習網頁設計需要學習哪些軟體
你好。網站設計用的軟體有:網站管理與網員編輯軟體目前用於網站管理與網頁設計的軟體主要有Dreamweaver與FrontPage。這兩個軟體都具有完善的網站管理、上傳內容等功能,其特點如下。◆Dreamweaver:網頁製作軟體三劍客之一,該軟體是現在使用最多的網頁編輯工具,它支持DHTML動態網頁、Flash動畫和插件,能實現很多用FrontPage無法實現的功能,如動態按鈕、下拉菜單等。另外,它還可以用來作為動態網站的開發平台。◆FrontPage:該軟體是目前最簡單、最容易上手,且功能強大的主頁製作利器,特別適合初學網頁設計的讀者使用。一般來說,如果您會用Word,就會用FrontPage。不過,FrontPage也有不少缺點:首先是兼容性不好,利用FrontPage做出來的網頁往往不能用Netscape瀏覽器正常顯示;其次,生成的垃圾代碼多;此外,FrontPage對動態網頁支持不好,不支持Flash,顯得有點落伍了。如前所述,目前大部分網頁都是利用HTML編寫的。因此,如果您希望成為網頁設計高手,最好系統學習一下該語言。要使用HTML編寫網頁,可以在Dreamweaver的代碼視圖中編寫,也可以宜接使用Windows附帶的記事本程序或HomeSite、HTMLedPro和WebEditPro等文本編輯工具進行編寫。(二)網頁設計輔助軟體要設計好網頁,除了需要Dreamweaver、FrontPage等軟體外,梁納虛還會用到Fireworks、Flash和Photoshop等軟體,這些軟體的主要功能與特點如下。◆Fireworks:網頁製作軟體三劍客之一。該軟體主要用於製作網頁圖像、標志、GIF動畫、圖像按鈕與導航欄等。Flash:網頁製作軟體三劍客之—。該軟體主要用於製作矢量動畫,如廣告、網站篇頭動畫、動畫短片和MTV等。此外,利用該軟體還可以製作交互性很強的游戲、網頁和課件等。◆Photoshop:該軟體是Adobe公司出品的一個優秀而且功能強大的圖形圖像處理軟體,起初它的應用領域主要是平面設計而不是網頁設計,但是它所具有的強大功能完全涵蓋了網頁設計所涉及到的各種需求(除了多媒體)。此外,比較常見的圖像處理與動畫製作軟體還有CorelDRAW(優秀的矢量繪圖軟體)、FreeHand(優秀的矢量繪圖軟體,也可用來製作網頁圖像)、GIFAnimator(GIF動畫製作軟體)、Cool3D(特效字動畫製作軟體)和SwiSHmax(小巧卻十分強大的動面製作工具,支持導出swf格式)等。提示:選用什麼樣的網頁設計輔助軟體需要根據實際情況來決定,書中建議初學者使用Fireworks,這樣可以很快上手,從而達到節省時間和精力的目的。此外,了解平面設計知識、具有一定平面設計能力的讀者可以使用PhotoshoP,從而發揮出Photoshop的強大優勢,設計出更為優秀的作品。(三)常用網站程序設計語言如果網站中包含動態網頁,由於動態網頁通常都是用HTML和其他語言組合編寫,或者完全由其他語言編寫的,因此,讀者除了需要學習一些常用的網頁設計軟體外,還應掌握一些常用的網站程序設計語言。下面是一些與動態網頁設計相關的語言,其特點如下。◆JavaScript和VBscript腳本語言:它們都以小程序段的形式出現,也都是解釋性的腳本語言,我們可以直接在HTML中插入JavaScript扭和茄歲VBScript腳本。JavaScript和VBscript的最大特點是能夠方便地操縱網頁上的元素,並與瀏覽器交互。通過JavaScript和VBScript,網頁可以直接處理訪問考的請求,而不用在客戶機與伺服器之間來回傳遞數據。注意,這兩種語言都是在瀏覽器中運行的,由於他們對內容的解釋與伺服器無關,所以他們主要用來配合下面的語言完成特定的工作。◆Java:一橡燃種面向對象的編程語言,主要用於網路應用程序的開發。傳統的軟體往往都與具體的實現環境有關,換個環境就需要做一番改動,既耗時又費力,而Java語言能與執行碼(二進制碼)兼容,從而使所開發的軟體能不加修改地運行在不同環境的系統中,只要所用的系統能提供Java語言解釋器即可,目前Java技術主要用於伺服器(EJB)的程序開發。◆GGI:英文為CommonGatewayInterface,通用網關介面。其擴展名為.cgi.GGI可以是任何運行在Web伺服器上的程序。GGI主要用於響應瀏覽器的輸入請求,並根據請求執行相應操作(如查詢資料庫、計算數值或調用其他程序),然後將操作結果返回到覽器。用戶可用任何編程語言編寫GGl(如UNIXShell、Perl等),只要該語言能夠在Web伺服器上運行即可。GGI是早期網站的主要開發工具,但是由於GGI本身存在很多缺陷,因此正在被下面的幾種語言逐步替代。◆ASP:是ActiveServerPage(動態伺服器主頁)的縮寫,其擴展名為.asp。它是微軟(Microsoft)推出的網站程序開發語言。它實際上是HTML與VB的結合,可用來創建動態、互動式Web伺服器端應用程序。其中可包括HTML標簽、文本和腳本命令,可調用ActiveX組件來執行任務,例如連接到資料庫或進行商務計算。瀏覽器從Web伺服器上請求.asp文件時,ASP腳本開始運行,並將生成的HTML頁傳送給瀏覽器。由於腳本在伺服器上而不是在客戶端運行,所以不必擔心瀏覽器能否處理腳本。ASP具有簡單、易學和易維護的特點,但是由於它的響應延遲較大,安全性較低,主要用於小型企業網站和個人網站。◆ASP.net:是由微軟開發的一種基於。NET技術的網站開發語言,其擴展名為.as。它不是ASP的簡單升級,而是執行效率較高,響應延遲較小,安全性較高,因此主要用於大中型網站項目的開發,但是它只能工作在Windows系列的操作系統上。◆PHP:是英文HypertextPreprocessor(超級文本預處理語言)的縮寫,擴展名是.php。PHP四與ASP頗為相似,其文件都是在伺服器端執行的,語言的風格類似於C語言。PHP的執行效率比完全生成HTML標簽的GGI要高許多,而且支持幾乎所有流行的資料庫以及操作系統,它的特點類似於ASP.net,主要用於大中型網站項目的開發。◆JSP:是英文JavaServerPages的縮寫,是由SunMicrosystems公司倡導、許多公司參與一起制定的一種動態網頁技術標准。它在HTML代碼中,插入JSP標簽(tag)及Java程序片段(Scriptlet),構成JSP頁面,其擴展名為.jsp,當客戶端請求JSP文件時,Web伺服器執行該JSP文件,然後以HTML的格式返回給客戶。JSP是構建在Servlet之上的高層次的動態網頁標准,它具有與平台無關、響應運度快、執行效率高和安全性高等特點,它與PHD同樣支持幾乎所有流行的資料庫以及操作系統,目前主要用於大中型網站項目的開發。提示:選用什麼樣的語言需要依據實際開發的項目來決定,如果僅僅是開發小型網站,那麼使用ASP就足夠了,因為ASP比其他語言更容易學習和維護,而且總體成本較低。如果您對網站開發語言比較感興趣,可以參看其他相關書籍。DreamweaverMX2004可以自動生成包含HTML標簽和簡單JavaScript程序的網頁,因此,要製作靜態網頁或簡單的動態網頁,使用Dreamweaver就完全可以了。但是要製作復雜的動態網頁,就必須掌握相關的編程語言和簡單的資料庫知識。
⑥ 網頁開發軟體有哪些
網頁製作的軟體都有哪些
網頁製作的軟體通常比較實用的就是網頁三劍客
PS 、DW 和FL這個三個軟體,組合使用就就完美了。
網頁設計軟體都有哪些?
一、網頁設計入門: 如果你是一個網頁設計初學者,那麼讓下面幾種軟體打開你的網頁設計之窗吧! 一Microsoft FrontPage 如果你對Word很熟悉,那麼用FrontPage進行網頁設計就沒問題。FrontPage功能強大,簡單易用,是現有網頁設計軟體中惟一既能在本地計算機上工作,又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。 二Netscape編輯器 Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的,Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話,能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句,也可以彌補Netscape編輯器的一些不足。 ③Adobe Pagemill Pagemill功能不算強大,但使用起來很方便,適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像,那麼Adobe Pagemill的確是你的首選。 二、中級網頁製作軟體 一DreamWeaver DreamWeaver採用Roundtrip HTML技術,使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換,DreamWeaver最具挑戰性和生命力的是它的開放式設計,這項設計使任何人都可以輕易擴展它的功能。 二Fireworks 第一款徹底為Web製作者們設計的軟體 Fireworks是專為網路圖像設計而開發,內建豐富的支援網路出版功能,比如Fireworks能夠自動切圖、生成滑鼠動態感應的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網路圖像生成器(Export功能)。它增強了與dreamweaver的聯系,可以直接生成dreamweaver的Libaray甚至能夠導出為配合CSS式樣的網頁及圖片! ③Flash 讓你的網頁動起來 Flash是用在互聯網上動態的、可互動的shockwave。它的優點是體積小,可邊下載邊播放,這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫,還可在網頁中加入聲音。這樣你就能生成多媒體的圖形和界面,而使文件的體積卻很小。F矗ASH雖然不可以像一門語言一樣進行編程,但用其內置的語句並結合JavaScripe,您也可做出互動性很強的主頁來。有人曾經說過:下個世紀的網路設計人不會用FLASH,必將被淘汰出局!我相信這句話沒錯!
三、高級網頁製作軟體 一Microsoft Visual Studio 適合開發動態的aspx網頁,同時,還能製作無刷新網站、webservice功能等,僅適合高級用戶。 二Jbuilder 不論是各種版本,均適合使用其開發出JSP網頁,僅適合高級用戶。 ③記事本 記事本很簡單;但是,如何想使用它來製作網頁,也僅適合高級用戶;因為在其內容,沒有任何可視化的操作可直接製作網頁,而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態腳本,方能製作出網頁來。
html網頁開發常用軟體有哪些
一、Adobe Edge
目前還處於預覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時兼容移動設備和桌面電腦。Edge的一個重要功能是Web工具包界面,方便確保頁面在不同瀏覽器中的架構一致性,此外Edge還將整合TypeKit這樣的字體服務。
動畫和圖形可以添加到HTML元素中,程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套,還能實現互動功能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以兼容iOS和Android設備,也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作為一個Web設計軟體,提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid排版系統整合CSS樣式表功能,提供自適應版面的跨平台兼容性。開發者可以完全實現Web設計的可視化操作,無需為代碼所困。
用戶不但還能在Live View中預覽,還提供多屏幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10
ColdFusion是用來開發企業Web程序的伺服器端技術,通過Websockets、互動表單、視頻和地理標簽等HTML5技術創建富媒體用戶體驗。
四、Sencha Architect 2
在開發移動和桌面應用的工具中,Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用,並實時預覽。
五、Sencha Touch 2
Sencha Touch2是移動應用框架,也被看作是Sencha的HTML5平台。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平台的移動應用。
六、Dojo Foundation Maqetta
來自於IBM的一個項目,Dojo Foundation Maqetta是為桌面和移動設備開發HTML5應用的開源工具,支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板
七、微軟Visual Studio 2010 ServicePack 1
雖然一開始並不支持HTML5,但微軟在2011年三月發布的Visual Studio 2010 SP1中提供了IntelliSense,追加了針對HTML5的一些元素。
八、JetBrains WebStorm 4.0
作為擁有HTML編輯器的JavaScript集成開發環境,WebStorm4.0提供了開發web應用的HTML5樣板。開發者可以在創建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。
網站開發工具有哪些
你寫網頁是用什麼軟體呢?Dreamweaver?FrontPage?UltraEdit還是記事本?其實除了這類編寫HTML和程序碼的軟體以外,還有很多小巧而且免費的軟體,可以幫助你在寫網頁時更方便、寫的更好哦!尤其時在寫CSS、Javascript或Ajax的時候,這些都是不可或缺的軟體呢!也是小正正平常工作在使用的軟體,現在要介紹給你! 綜合開發工具 綜合的網站開發工具幾乎都是瀏覽器的插件,提供了許許多多的功能,例如: 開關CSS、開關Javascript、開關Cache:可以馬上看到你的網頁在瀏覽器中沒有CSS、沒有Javascript或沒有快取時的是長怎麼樣子。為什麼要看沒有CSS和Javascript的狀況呢?一切都是為了Accessibility啊! 檢視頁面中文件的DOM結構和指定范圍的原始碼。 檢視每個元素或DIV的ID、Class、目前的CSS樣式(包括繼承的樣式),也可以將元素或DIV的外框顯示出來。對於找出CSS和Javascript的問題十分有用。 檢驗HTML和CSS語法是否正確、符合W3C的標准。 因為這些工具是屬於瀏覽器的插件,所以有分為給IE和Firefox(縮寫為FF)所使用的版本,包括有: (IE) WebDeveloperExtension(FF) Firebug(FF) HTTP呼叫檢視工具 讓你可以很容易看到任何由瀏覽器所發出的HTTPRequest的一切細節,包括檔頭資訊、所傳遞的參數、檔案大小、傳輸速度和時間…等等。用來觀察Ajax呼叫的行為和除錯最方便了! HttpWatch(IE) Firebug(FF) 原始碼工具 其實大部分的綜合開發工具就已經有這樣的提供功能,讓你單獨檢視網頁中某個區域的原始碼,或是幫你檢查語法的正確性,另外也有單獨小巧的原始碼相關工具可以使用。想要滑鼠滑過去就立刻看到該范圍的原始碼嗎?而不需要在茫茫「碼「海中撈針。 InstantSource(IE,不是免費的) HTMLVALIDATOR(FF) 圖形相關工具 除了用Photoshop、Fireworks這類標準的大型軟體來切圖以外,對於平常一些簡單的工作,殺機焉用牛刀呢? ColorCop:可以吸取畫面上任何地方的顏 *** 碼。 MeasureIt(FF):測量畫面上的像素距離,例如想知道行距、邊界要設為多少像素時,就靠他了。 ScreenCalipers:這是另一套用來測量畫面上像素距離的小軟體。 SplitBrowser(FF):將Firefox同一個瀏覽器視窗分為上下或左右兩半,讓你可以在同一個畫面上同時看到兩個或多個不同的網頁內容,互相做比對,而不需要在多個視窗中切換來切換去。 IETab(FF):雖然是叫做IETab,但這可是Firefox的插件。讓你在Firefox的瀏覽器視窗中開啟IE,神奇吧! MWSnap:免費的螢幕抓圖軟體,用來切圖也很方便,只要用秀圖軟體將原始網頁設計的整張圖打開、顯示在螢幕上,就可以用螢幕抓圖軟體,擷取出某個范圍的圖形了。 HyperSnap:另一套好用的螢幕抓圖軟體,但不是免費的。 Picasa:Google的免費秀圖、圖片管理軟體。 AdobeLabs』Kuler:Adobe提供配色參考的網站,想不出要用什麼顏色時,不妨去看一看找尋靈感吧!
麻煩採納,謝謝!
可以製作網頁的軟體有哪些?
可以製作網頁的軟體有哪些,解答如下
最簡單的網頁製作軟體:其實我們完全可以利用辦公軟體來設計網頁,只要網頁內容不太復雜或只涉及靜態網頁部分時,我們只需要利用辦公軟體即可快速生成網頁。具體做法,首先設計好頁面,然後另存為網頁格式即可。
步驟閱讀.2Microsoft FrontPage,是一款輕量級靜態網頁製作軟體,特別適合新手開發靜態網站的需要,目前該應用很少用於製作網頁。
步驟閱讀.3Dreamweaver網頁製作軟體,該軟體已成為專業級網頁製作程序,支持HTML、CSS、PHP、JSP以及ASP等眾多腳本語言的語法著色顯示,同時提供了模板套用功能,支持一鍵式生成網頁框架功能。是初學者或專業級網站開發人員必備之選擇工具。
步驟閱讀.4CSS Design:一款適合對CSS對進調試的專業級應用,能夠對CSS語法進行著色,同時支持即時查看樣式功能,特別方便程序的調試以及效果的比對。
步驟閱讀.5Flas *** 製作軟體:動畫或動態圖片是網頁的重要組成部分,充分合理的使用Flash程序來設計網頁元素,往往可達到意想不到的效果。
步驟閱讀.6PS(Photoshop)圖像處理軟體:用於對網頁圖片進行潤色或特殊效果處理,是一款網頁製作必備之軟體。
網站製作軟體有哪些免費的!!
網站製作軟體。。。會代碼的話用記事本也能寫穿不會代碼的話,可以下載個
Adobe Dreamweaver 網頁設計軟體。
看網路詞條.
參考資料:ke./view/1319787
製作網頁一般用什麼軟體啊?
一、菜鳥級網頁製作軟體
網頁三劍客指的是:
1、dreamweawer 網頁設計製作工具
2、flash 動畫製作工具
3、photoshop 圖片處理工具
二、自助建站系統
助建站就是一套網站系統,專門給對網頁代碼或者通俗說不懂製作網站的人使用的一套系統,
企業站的用pageadmin、電子商城的用ECShop、論壇站的用discuz等
網站開發工具有哪些
你寫網頁是用什麼軟體呢?Dreamweaver?FrontPage? UltraEdit 還是記事本?其實除了這類編寫 HTML 和程序碼的軟體以外,還有很多小巧而且免費的軟體,可以幫助你在寫網頁時更方便、寫的更好哦!尤其時在寫 CSS、Javascript 或 Ajax 的時候,這些都是不可或缺的軟體呢!也是小正正平常工作在使用的軟體,現在要介紹給你!
綜合開發工具
綜合的網站開發工具幾乎都是瀏覽器的插件,提供了許許多多的功能,例如:
開關 CSS、開關 Javascript、開關 Cache:可以馬上看到你的網頁在瀏覽器中沒有 CSS、沒有 Javascript 或沒有快取時的是長怎麼樣子。為什麼要看沒有 CSS 和 Javascript 的狀況呢?一切都是為了 Accessibility 啊!
檢視頁面中文件的 DOM 結構和指定范圍的原始碼。
檢視每個元素或 DIV 的ID、Class、目前的CSS樣式(包括繼承的樣式),也可以將元素或 DIV 的外框顯示出來。對於找出 CSS 和 Javascript 的問題十分有用。
檢驗 HTML 和 CSS 語法是否正確、符合 W3C 的標准。
因為這些工具是屬於瀏覽器的插件,所以有分為給 IE 和 Firefox (縮寫為FF) 所使用的版本,包括有:
Internet Explorer Developer Toolbar (IE)
Web Developer Extension (FF)
Firebug (FF)
HTTP 呼叫檢視工具
讓你可以很容易看到任何由瀏覽器所發出的 HTTP Request 的一切細節,包括檔頭資訊、所傳遞的參數、檔案大小、傳輸速度和時間…等等。用來觀察 Ajax 呼叫的行為和除錯最方便了!
HttpWatch (IE)
Firebug (FF)
原始碼工具
其實大部分的綜合開發工具就已經有這樣的提供功能,讓你單獨檢視網頁中某個區域的原始碼,或是幫你檢查語法的正確性,另外也有單獨小巧的原始碼相關工具可以使用。想要滑鼠滑過去就立刻看到該范圍的原始碼嗎?而不需要在茫茫「碼「海中撈針。
Instant Source (IE, 不是免費的)
HTML VALIDATOR (FF)
圖形相關工具
除了用 Photoshop、Fireworks 這類標準的大型軟體來切圖以外,對於平常一些簡單的工作,殺機焉用牛刀呢?
Color Cop:可以吸取畫面上任何地方的顏 *** 碼。
MeasureIt (FF):測量畫面上的像素距離,例如想知道行距、邊界要設為多少像素時,就靠他了。
Screen Calipers:這是另一套用來測量畫面上像素距離的小軟績。
Split Browser (FF):將 Firefox 同一個瀏覽器視窗分為上下或左右兩半,讓你可以在同一個畫面上同時看到兩個或多個不同的網頁內容,互相做比對,而不需要在多個視窗中切換來切換去。
IE Tab (FF):雖然是叫做 IE Tab,但這可是 Firefox 的插件。讓你在 Firefox 的瀏覽器視窗中開啟 IE,神奇吧!
MWSnap:免費的螢幕抓圖軟體,用來切圖也很方便,只要用秀圖軟體將原始網頁設計的整張圖打開、顯示在螢幕上,就可以用螢幕抓圖軟體,擷取出某個范圍的圖形了。
HyperSnap:另一套好用的螢幕抓圖軟體,但不是免費的。
Picasa:Google 的免費秀圖、圖片管理軟體。
Adobe Labs』 Kuler:Adobe 提供配色參考的網站,想不出要用什麼顏色時,不......