1. 網站開發過程中常用的工具有哪些
製作網頁的基本軟體離不開HTML,但是如果真的要用其完成全部的網路課程開發是不現實的,因為既不方便效率又低,常用的方法是選擇一種工具軟體,只是在必要的時候對工具軟體生成的HTML文件進行編輯,這樣可以使開發工作變得簡單又輕松。
但網頁製作工具只是對其中各種類型的媒體進行了集成,媒體的編輯還需要各種類型的媒體工具軟體。
一. Microsoft公司的FrontPage
應用開發工具可大大提高編制網路課件的效率. 目前,國際上比較流行的Web頁製作軟體大致可以分為兩類:代碼型和所見即所得型.代碼型的製作軟體要編程,對於初學者來說想要立即上手比較困難. Microsoft公司的FrontPage就不同了,它作為一種所見即所得型的代表軟體,可以使使用者的工作效率得以很大提高. FrontPage 2000 是Office 2000 家族的一員,沿襲著Office 的風格.所以會用 Word 的人很容易學會FrontPage.
二. Macromedia 公司的Dreamweaver
Dreamweaver是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具,利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁.
Dreamweaver的特點
· 可視化的專業網頁編輯器
· 友好的工作界面
· 網站管理功能
· 強大的多媒體處理功能
· 提供行為等控制項來進行動畫處理和產生互動式響應
· 和Macromedia公司其他軟體(Fireworks, Flash)的完美協作
Dreamweaver可以很好地控制HTML原代碼,而不會產生垃圾代碼. Dreamweaver有一個很神奇的工具-層.層的嵌套、層的可見性、層的重疊,與時間線相配合可以作出許多動態效果,使網頁變得多姿多彩,生動活潑.
行為Behaviors是Dreamweaver中很有特色的功能,在網頁中使用可以產生互動的效果,增強網頁的交互性.如Dreamweaver中有一個行為叫 Drag layer (拖動層),用它可以設計出拼圖游戲等.將標准答案拖到正確的位置上.與JavaScript調用結合在一起實現一定的功能,如彈出一個窗口,判斷對與錯.
用Dreamweaver的擴展程序CourseBulider,可以很方便地創建互動式課件。如選擇題、填空題、拖放題、計時器等。利用Dreamweaver的模板功能、重復部件庫可以大大提高網路課件的製作效率。
Flash和Fireworks都實現了與Dreamweaver的無縫集成,可以在Dreamweaver中方便地插入Flash動畫和Fireworks生成的圖像.
最新版本Macromedia Dreamweaver MX,更好支持對Web 站點、Web 頁和 Web 應用程序進行設計、編碼和開發。無論您喜歡直接編寫 HTML 代碼的駕馭感還是偏愛在可視化編輯環境中工作,Dreamweaver MX都會為您提供幫助良多的工具,豐富您的 Web 創作體驗。
利用 Dreamweaver MX中的可視化編輯功能,您可以快速地創建頁面而無需編寫任何代碼。不過,如果您更喜歡用手工直接編碼,Dreamweaver MX還包括許多與編碼相關的工具和功能。並且,藉助 Dreamweaver MX,您還可以使用伺服器語言(例如 ASP、ASP.NET、ColdFusion 標記語言 (CFML)、JSP 和 PHP)生成支持動態資料庫的 Web 應用程序。
您可以查看所有站點元素或資源並將它們從易於使用的面板直接拖到文檔中。您可以在 Macromedia Fireworks 中創建和編輯圖像,然後將它們直接導入 Dreamweaver,或者直接在 Dreamweaver 中添加 Macromedia Flash 對象,從而優化您的開發工作流程。
Dreamweaver MX還包括多種與編碼相關的工具和功能,其中包括代碼視圖中的代碼編輯工具(如代碼加色和標簽完成);有關 HTML、CSS、JavaScript、CFML、ASP 和 JSP 的參考資料以及一個 JavaScript 調試器。Macromedia MX的可自由導入導出 HTML 技術可導入您手工編碼的 HTML 文檔而不會重新設置代碼的格式,您可以隨後用您首選的格式設置樣式來重新設置代碼的格式。
Dreamweaver MX現在包含並擴展了 Macromedia UltraDev 中的所有功能,以幫助您使用 ASP、ASP.Net、ColdFusion 標記語言 (CFML)、JSP 和 PHP 等伺服器語言來生成由動態資料庫支持的 Web 應用程序。
Dreamweaver MX可以完全自定義。您可以創建您自己的對象和命令,修改鍵盤快捷方式,甚至編寫 JavaScript 代碼,用新的行為、屬性檢查器和站點報告來擴展Dreamweaver 的功能。
三.網頁製作工具的綜合運用
Microsoft公司的FrontPage 和Macromedia公司的Dreamweaver是使用最多的HTML網頁製作工具。它們都支持多種媒體類型,可以通過ActiveX定義介面,與腳本編程語言JavaScript和VBScript配合,創建動態交互的Web教學系統。特別值得指出的是,Macromedia的Dreamweaver以及Flash和Fireworks一起被人們稱作網頁製作三劍客,三者的有機結合,可以說是目前使用方便、功能強大的網站管理及HTML頁面製作工具。
可以用Macromedia的Fireworks設計圖形並使網頁圖形最優化。Fireworks使用一整套的點陣圖及矢量工具來創建、編輯並且動態生成網路圖形,並可以輸出到Dreamweaver及其他的HTML代碼編輯軟體中。通過在Dreamweaver或Flash中直接對Fireworks進行調用、編輯圖形來實現流暢的工作流程。
Macromedia的Flash是製作動畫及矢量圖形的工具軟體。用它製作的動畫是窄帶動畫,適合於網路傳輸的Web界面,許多在線觀眾都是通過Flash Player觀看用Flash 製作的內容。
四.Java開發工具
應選擇可移植性好的開發工具。如JDK。
雖然Java程序的可移植性好,但其也依賴於使用的開發工具,如果使用了一些編程工具自己提供的擴展功能,則可能會降低可移植性。
五.資料庫的選擇
最好選擇能跨平台使用的資料庫,如Oracle等。
2. 請問web開發工具都有哪些
1.Web應用框架
這些軟體是專門設計來幫助網站開發,並使創建網站的Web開發的過程變得更容易。該軟體完全支持Web服務,Web資源和Web
API。這些框架會自動執行與Web開發中的常見活動相關聯的一些進程,從而使Web開發人員的工作變得更加容易。可用的Web開發框架包括ASP.NET,JavaEE,WebObjects,web2py,OpenACS等。
2.協作工具
對於遠程工作的團隊,需要時刻保持聯系和協作。為了提高開發效率,幫助開發者在同一個項目上工作的流程簡化開發流程,以實現團隊的設定目標,市場上出現了很多協作工具,如Slack,Trello,Asana,Jira等。
3.本地開發環境
一個快速的本地開發環境,可以推出取決於操作系統或您正在使用的計算機。有各種各樣的免費軟體,軟體Apache,MySQL和其他打包在一起。這是在本地計算機上最快的一種測試方式,為了方便使用,有些程序還出了攜帶型版本。本地開發環境包括MAMP,LARAGAN,XAMPP和Vagrant等。
4.前端框架
前端框架基本上是一些文件和文件夾,如HTML,CSS和JavaScript等。前端框架通常包含有有準備好的組件,大多數組件都是可以進行修改和調整的,開發人員可以根據自己的開發需求來選擇使用,目前最常見的前端框架是Bootstrap。
5.圖標
圖標對於Web開發人員,尤其是前端開發人員非常重要,它們是Web開發的重要組成部分。上圖中的圖標都可以應用於你的項目,且這其中大部分是免費的。
6.網站速度測試工具
網站速度是決定一個網站是否成功的重要因素。現在的用戶越來越挑剔,大家往往更傾向於載入速度快的網站,對於載入速度慢的網站,大家幾乎是零容忍。另外,SEO做得好的話,可能會帶來更高的轉化率和更好的用戶體驗。Web開發人員可以使用工具來測試他們的網站速度,以確保他們的網站能夠擁有較短的載入時間。
7.文本對比檢查
Diff checkers 可以幫助您比較文件之間的差異,然後合並更改,幫助我們更直觀的看見文本之間的差異。
8.資料庫
資料庫基本上是已經存儲信息的集合,可以進行信息的檢索,管理甚至更新。Web開發人員常用的資料庫有MySQL,MariaDB,MongoDB,Redis等。
9.Web開發通訊
為什麼選擇通訊訂閱,因為開發人員可以利用這些工具節省時間和精,通過這些工具選擇最佳的Web開發和性能主題,而不必自己動手。
10.任務批處理工具/包管理器
任務批處理工具有助於自動化工作流程。例如,你創建了一個任務,可以通過JavaScript編寫的工具來自動化工作流程。除此之外,還可以新建和組合任務,使用任務管理器縮短開發時間,加快開發速率。
另一方面,包管理器也是很重要的,它可以跟蹤所有軟體,確保這些軟體都更新至最新版本,擁有最強的功能。這些工具包括:Grunt,Gulp,npm等。
11.文本和代碼編輯器
文本和代碼編輯器不僅能夠為開發者帶來良好的代碼體驗,而且能夠大大節約網站開發的時間。比較常用的編輯器有Atom,Notepad++,Vim等。之前,筆者也發過程序員票選最佳的代碼編輯器,感興趣的朋友可以戳進去看一下。
12.靈感
對於很多工種來說,靈感都是極為重要的,但是靈感是可遇不可求的,所以一旦有了靈感就必須及時記錄下來。除了我們自己的靈感迸現,我們也可以從別人的作品中提煉出新的靈感。常見的記錄靈感的工具有CodePen
和Dribble。
13.編程語言
每個Web開發工具都有一種編程語言。編程語言被設計為開發人員或程序員和計算機之間的橋梁,並幫助程序員創建我們每天使用的程序。比較流行的編程語言包括PHP,NodeJS,Python,Ruby等。
14.代碼共享/實驗工具
基本上編程這個工作是一個團隊合作,團隊之間要保持親密無間的協作關系,互相檢查對方的代碼有助於更有效的進行程序編寫。代碼共享是現在程序員都在使用的一種方式,常見的有Slack。
15.Git 託管
Git是一款免費、開源的分布式版本控制系統,可以高效的管理大小項目的各個版本,可以幫助開發團隊避免混亂。