DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML入門知識 >> 2.1 網站開發工具
2.1 網站開發工具
編輯:HTML入門知識     

一、網站開發工具簡介

根據個人經歷,比較好的網頁開發工具有Visual Studio、Dreamweaver和Subline Text。

Microsoft Visual Studio(簡稱VS)是微軟公司的開發工具包系列產品,是目前最流行的Windows平台應用程序的集成開發環境(IDE)。所謂的集成開發環境,就是指用於提供程序開發環境的應用程序,一般包括代碼編輯器、編譯器、調試器和圖形用戶界面工具。這麼復雜,誰看得懂呀?哎,簡單來說,Visual Studio是一個很多用途的開發工具,它可以用來開發功能很強大的網站。這下懂了嗎?

相對於Dreamweaver,Viusal Studio看起來是一個“龐然大物”,挺復雜的。為什麼非要選擇Viusal Studio作為本教程的開發工具呢?這些都是為了後續課程的需要,如果我們剛剛開始就選擇Dreamweaver作為開發工具,很多同學就跑去借一本Dreamweaver的書去學了,Dreamweaver的那種傳統的使用界面操作的開發方式,已經被摒棄很久了,但是不知道為毛還有那麼多人出版。本人當初剛剛接觸網頁開發的時候,也深受其害,當時跟著一個視頻在學著第一步點擊那裡,第二步點擊那裡……點點點,全部是用鼠標來點,點到我頭都暈了。

大家不要覺得Dreamweaver的用鼠標操作的方式來制作網頁很簡單方便,學了一段時間,你會發現你學到的不是知識,而是學到了制作網頁的過程中應該點哪裡!還有,當你用Dreamweaver鼠標操作的方式來制作網頁時,你會發現,弊端何其多呼!特別是冗余代碼一堆一堆,讓制作出來的網站在後期難以維護。

當然,Dreamweaver還是挺不錯的一個開發工具,並非反對大家使用Dreamweaver,而是反對大家使用Dreamweaver界面操作的方式來制作網頁。對於剛剛接觸網頁開發的新手來說,可以使用Dreamweaver作為開發工具,不過本人強烈建議你一定要用代碼去寫網頁,別用鼠標點擊的方式去制作網頁。還有我可以很清楚地告訴你,現在大部分網站都不是鼠標操作去制作網頁的,而是編寫代碼去制作網頁。哪怕人家用Dreamweaver開發,都不會采用鼠標點擊的方式。

之所以選擇Visual Studio,還有一個原因就是Visual Studio不僅可以開發靜態網頁,還非常利於開發動態網頁。在開發動態網頁上面,可以說,Visual Studio比Dreamweaver更勝一籌。前面我們說過,靜態網頁一般是沒有交互性的,用戶能做的也僅僅是浏覽網頁。而在動態網頁中,作為用戶,我們可以參與評論交流、上傳文件等各種與服務器交互的服務。一句話,靜態網頁你只能遠觀而不能亵玩,但是動態網頁你能遠觀近看,還能亵玩!

僅僅學習制作靜態網頁,一般都不會做出什麼好網站,我想大多數讀者都是抱著“我要做一個屬於我自己的好網站”的心態來參與本課程的吧。那就好好學習使用Visual Studio開發吧。通過Visual Studio,你既能編寫網頁,又為你後期的課程打下基礎,何樂而不為呢?對於Visual Studio的後端開發,我們在即將上架的ASP.NET入門教程中會詳細為大家介紹,大家現在只需要會基本操作就可以滿足HTML的學習了,不需要深究。

此外說明一下,制作動態網頁不僅僅只有Visual Studio可以制作(基於ASP.NET),還有Eclipse(基於JSP)。只是本課程以及後續課程都是用Visual Studio罷了。

如果僅僅是開發前端的話,不一定要使用Visual Studio,Dreamweaver、Hbuilder等開發工具也是非常不錯的,對於這些軟件和資源,大家可以到 論壇的資源分享區找找看。

二、 學習網的在線工具

在 學習網中,我們開發一套挺不錯的在線工具。工具怎樣,還是看大家用得好不好。 學習網的在線工具簡單易用,大家摸索一下就知道怎麼操作了,在這裡不跟大家累贅地說明,希望大家喜歡這些在線工具!

工具下載

Visual Studio 2010簡體中文(免費版)

Dreamweaver CS5簡體中文版

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved