Ⅰ 如何用網頁製作輔助工具製作網頁
一、菜鳥級網頁製作軟體
如果你是一個網頁製作初學者,那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧!
①Microsoft FrontPage
如果你曾對Word很熟悉,那麼相信你用FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁,你能真正體會到「功能強大,簡單易用」的含義。頁面製作由FrontPage中的Editor完成,其工作窗口由3個標簽頁組成,分別是「所見即所得」的編輯頁,HTML代碼編輯頁和預覽頁。FrontPage帶有圖形和GIF動畫編輯器,支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。
FrontPage最強大之處是其站點管理功能。在更新伺服器上的站點時,不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁製作軟體中惟一既能在本地計算機上工作,又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。
②Netscape編輯器
Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網頁編輯器。如果你喜歡用Netscape瀏覽器上網,使用Netscape編輯器真是簡單方便!當你用Netscape瀏覽器顯示網頁時,單擊編輯按鈕,Netscape就會把網頁存儲在硬碟中,然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色,改變主頁作者、標題、背景顏色或圖像,定義描點,插入鏈接,定義文檔編碼,插入圖像,創建表格等,是不是與FrontPage 2000還有些像?但是,Netscape編輯器對復雜的網頁設計就顯得功能有限了,它連表單創建、多框架創建都不支持。
Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的,Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話,能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句,也可以彌補Netscape編輯器的一些不足。
③Adobe Pagemill
Pagemill功能不算強大,但使用起來很方便,適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像,那麼Adobe Pagemill的確是你的首選。
Pagemill另一大特色是有一個剪貼板,可以將任意多的文本、圖形、表格拖放到裡面,需要時再打開,很方便。
④Claris Home Page
如果使用Claris Home Page軟體,你可以在幾分鍾之內創建一個動態網頁。這是因為它有一個很好的創建和編輯Frame(框架)的工具,你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker資料庫,增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過於粗糙,對Image Map圖像的處理也不完全。
二、中級網頁製作軟體
如果你對網頁設計已經有了一定的基礎,對HTML語言又有一定的了解,那麼你可以選擇下面的幾種軟體來設計你的網頁,他們一定會為你的網頁添色不少。
①DreamWeaver
自製動態HTML動畫的網頁
DreamWeaver是一個很酷的網頁設計軟體,它包括可視化編輯、HTML代碼編輯的軟體包,並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它還能通過拖拽從頭到尾製作動態的HTML動畫,支持動態HTML(Dynamic HTML)的設計,使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。
DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換,HTML句法及結構不變。這樣,專業設計者可以在不改變原有編輯習慣的同時,充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計,這項設計使任何人都可以輕易擴展它的功能。
②Fireworks
第一款徹底為Web製作者們設計的軟體
Fireworks的來頭實在不小,它的出現使Web作圖發生了革命性的變化。Fireworks是專為網路圖像設計而開發,內建豐富的支持網路出版功能,比如Fireworks能夠自動切圖、生成滑鼠動態感應的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網路圖像生成器(Export功能)。它增強了與dreamweaver的聯系,可以直接生成dreamweaver的Libaray甚至能夠導出為配合CSS式樣的網頁及圖片!
③Flash
讓你的網頁動起來
Flash是用在互聯網上動態的、可互動的shockwave。它的優點是體積小,可邊下載邊播放,這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫,還可在網頁中加入聲音。這樣你就能生成多媒體的圖形和界面,而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進行編程,但用其內置的語句並結合JavaScripe,您也可做出互動性很強的主頁來。有人曾經說過:下個世紀的網路設計人不會用FLASH,必將被淘汰出局!我相信這句話沒錯!
④HotDog Professional
製作要加入多種復雜技術的網頁
HotDog是較早基於代碼的網頁設計工具,其最具特色的是提供了許多向導工具,能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee,並能在預覽模式中以正常速度觀看。這點非常難得,因為即使首創這種標簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠遠超過其他產品,它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。
HotDog是個功能強大的軟體,對於那些希望在網頁中加入CSS、Java、RealVideo等復雜技術的高級設計者,是個很好的選擇。
⑤HomeSite
製作可完全控制頁面進程的網頁
Allaire的HomeSite是一個小巧而全能的HTML代碼編輯器,有豐富的幫助功能,支持CGI和CSS等等,並且可以直接編輯perl程序。HomeSite工作界面繁簡由人,根據習慣,可以將其設置成像Notepad那樣簡單的編輯窗口,也可以在復雜的界面下工作。
HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你製作的頁面的進程,HomeSite是你最佳選擇。不過對於生手過於復雜。
⑥HotMetal Pro
製作具有強大數據嵌入能力的網頁
HotMetal既提供「所見即所得」圖形製作方式,又提供代碼編輯方式,是個令各層次設計者都不至於失望的軟體。但是初學者需要熟知HTML,才能得心應手地使用這個軟體。HotMetal具有強大的數據嵌入能力,利用它的數據插入向導,可以把外部的Access、Word、Excel以及其他ODBC數據提出來,放入頁面中。而且HotMetal能夠把它們自動轉換為HTML格式,是不是很棒?此外它還能轉換很多老格式的文檔(如WordStar等),並能在轉換過程中把這些文檔里的圖片自動轉換為GIF格式。
HotMetal為用戶提供了「太多」的工具,而且它還可以用網狀圖或樹狀圖表現整個站點文檔的鏈接狀況。
三、高級網頁製作軟體
①Microsoft Visual Studio
該系列的版本有:2003、2005、2008和未來的版本;
適合開發動態的aspx網頁,同時,還能製作無刷新網站、webservice功能等,僅適合高級用戶。
②Jbuilder
不論是各種版本,均適合使用其開發出JSP網頁,僅適合高級用戶。
③記事本
別以為記事本功能非常少,軟體很簡單;但是,如何想使用它來製作網頁,也僅適合高級用戶;因為在其內容,沒有任何可視化的操作可直接製作網頁,而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態腳本,方能製作出網頁來。
Ⅱ 各位web開發員平時都用到什麼輔助工具
開發一個優秀的網站並非易事,一個面面俱到並且美觀的網站,即使對於經驗豐富的Web開發者而言也是項艱巨的任務。在那之前您必須認識到當前的趨勢及標准,並確定如何將這些都納入您的設計之中。
幸運的是,現在有很多免費的工具可供使用,以幫助您提高效率,使得工作更有效率。以下這20個實用WEB輔助開發設計工具對於開發者而言無疑都會從中受益。
Typetester
Typetester是在線比較不同的文字和文字屬性在給定的文本里顯示效果的應用。其主要作用是使網頁設計師的生活更輕松,快速方便的比較不同的字體視覺。
pForm
使用這款免費易用的工具在幾秒鍾內創建php表單。如果你需要更多的功能,你可以注意他的父項目MachForm或者更棒的替代品wufoo和formspring(這兩個版本提供有限的免費和付費高級版)。
ColourLovers
為色彩愛好者而建立的國際型站點。你能搜索網站的調色板,使用在項目上或者創建新的可被評價的調色板。對靈感或者設計理念的批判很有好。
Firebug
Firebug 與Firefox集成,將大量豐富的網頁開發工具引到你指邊。瀏覽的時候,你就可以實時在任何的網頁上進行編輯,調試,和檢測css,html和JavaScript。這可能是一個最為廣泛使用的Web開發工具了。如果你沒有他,立刻去下一個去。
HTML Entity Character Lookup
假如你需要知道如何在你的網頁上顯示商標符號,那麼這款工具恰恰可以幫助你。HTML實體查詢搜索HTML實體匹配的搜索特性建立在字元看起來怎樣 的基礎上的,例如,字母「 C 」將匹配&;和¢實體,因為他們看起來差不多。這確實是你需要嘗試了解他是怎樣有用的工具。(MAC用戶也可以作為儀錶板部件使用)。
960 Grid System
960網格系統是為了簡化Web開發流程,提供常用尺寸,基於寬度960px。這里兩個變種,12和16列,可單獨使用也可以協作使用。全面賞析此框架
Em Calculator
Em Calculator是一個小JavaScript工具,它可以讓您輸入一個像素大小並顯示相應的EM值。這個工具非常易於使用和便捷的快速參考。
Browser Shots
您可以在約100名不同的瀏覽器的4個不同的平台中查看您網站,以確定最終的跨瀏覽器的支持。鑒於目前存在的許多不同類型的配置,重要的是要確保您的網站看起來更好,更可能的支持更多的平台。
Icon Finder
Iconfinder為Web設計者和開發者運用簡單有效的方式提供高質量的圖標。你只需要在搜索框中鍵入一個關鍵字,Iconfinder將會給你帶來美麗的圖標,你可以自由的使用。
WhatTheFont
假如你想之你最喜歡的blog使用的什麼字體,這個工具能幫到你。僅需要上傳一張字體的圖片,此工具就可以盡可能的匹配正確的字體。如果你寧可相信一個真正的人,WhatTheFont論壇的資源是一個很好選擇。
MeasureIt
很棒的Firefox插件,繪出一把尺子獲得任何內容網頁上像素的寬度和高度。
ColorZilla
你可以使用ColorZilla獲取瀏覽器上任何一點的顏色。快速校對顏色粘帖到另一個程序中,你可以放大你正在查看的網頁大小,測量網頁上任意兩點間的距離。
Pingdom
Pingdom載入完整的HTML網頁,包括所有的對象(圖像,CSS,JavaScripts,rss,Flash和幀/框架) 。它模仿是在頁面在Web瀏覽器中載入的方式,然後使用很不錯的視覺時間條顯示每個元素的家寨時間。這可能對嘗試調高網閘你的效率十分的有用。
Test Everything
大體的測試網站所有東西。100個不同的校驗器和測試,所有都舒適的在一個應用程序中。節省網站開發測試階段的大量的時間。
CSS Sprite Generator
Sprites可以通過減少HTTP請求數提高網站速度,因此變得越來越受歡迎。使用他們,需要更大的遠見和規劃,從而增加了使用他們的難度。這個 令人驚奇的工具允許上傳圖片壓縮包,然後將它們合並為一個sprite,一旦sprite被創建,它會創建一份你需要使用sprite的CSS,免費完整 下載使用。
Web Developer Toolbar
一個非常有的Firefox插件,提供了很多web開發人員日常基礎工具,快速驗證XHTML或檢查HTTP頭信息。
Domainr
有很多工具可以告訴你某個域名是不是注冊了。Domainr除了幫助查詢你需要的,而且還嘗試建立更值得使用的名字。Domainr幫助您探測整個 域名空間,超出了無處不在的和擁擠的.com, .net 與.org的限制。藉助jish.nu,burri.to和del.icio.us的靈感,當你想不到獨特的域名的時候這個工具就可以派上了用場了。
Font Burner
Font Burner是免費在線工具,可以搜多超過1000種字體。一旦你找到喜歡的字體,該工具會提供一小段代碼,讓你在自己的網站上免費使用字體。不論用戶是否安裝此字體,字體都將在每部電腦上顯示。如果你想知道自己到底喜歡哪款字體,請參考:史上最漂亮的100種字體
Smush.It
Smush.It是一個簡潔的非失真圖像優化應用工具,幫助你壓縮圖片。
Ⅲ 製作網頁游戲輔助,需要什麼技術,需要學哪些
你可以先去【繪學霸】網站找「游戲設計/游戲製作」板塊的【免費】視頻教程-【點擊進入】完整入門到精通視頻教程列表: www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=307&zdhhr-11y04r-624812942149371804
想要系統的學習可以考慮報一個網路直播課,推薦CGWANG的網路課。老師講得細,上完還可以回看,還有同類型錄播課可以免費學(贈送終身VIP)。
自製能力相對較弱的話,建議還是去好點的培訓機構,實力和規模在國內排名前幾的大機構,推薦行業龍頭:王氏教育。
王氏教育全國直營校區面授課程試聽【復制後面鏈接在瀏覽器也可打開】: www.huixueba.com.cn/school/3dmodel?type=2&zdhhr-11y04r-624812942149371804
在「游戲設計/游戲製作」領域的培訓機構里,【王氏教育】是國內的老大,且沒有加盟分校,都是總部直營的連鎖校區。跟很多其它同類型大機構不一樣的是:王氏教育每個校區都是實體面授,老師是手把手教,而且有專門的班主任從早盯到晚,爆肝式的學習模式,提升會很快,特別適合基礎差的學生。
大家可以先把【繪學霸】APP下載到自己手機,方便碎片時間學習——繪學霸APP下載: www.huixueba.com.cn/Scripts/download.html
Ⅳ 請問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是一款免費、開源的分布式版本控制系統,可以高效的管理大小項目的各個版本,可以幫助開發團隊避免混亂。
Ⅳ 什麼是WEB瀏覽器插件
插件是指會隨著IE瀏覽器的啟動自動執行的程序,根據插件在瀏覽器中的載入位置,可以分為工具條(Toolbar)、瀏覽器輔助(BHO)、搜索掛接(URL SEARCHHOOK)、下載ActiveX(ACTIVEX)。
因為插件由不同的發行商進行插件開發發行,其技術水平也良莠不齊,插件程序很可能與其它運行中的程序發生沖突,從而導致諸如各種頁面錯誤,運行時間錯誤等等現象,阻塞了正常瀏覽。
IE瀏覽器常見的插件例如:Flash插件、RealPlayer插件、MMS插件、MIDI五線譜插件、ActiveX插件等等;再比如Winamp的DFX,也是插件。還有很多程序員都進行新插件開發。
1.什麼是插件?
插件是指會隨著IE瀏覽器的啟動自動執行的程序。
2.插件會從什麼位置載入到IE瀏覽器中?
根據插件在瀏覽器中的載入位置,可以分為工具條(Toolbar)、瀏覽器輔助(BHO)、搜索掛接(URL SEARCHHOOK)、下載ActiveX(ACTIVEX)。
3.惡意插件有什麼特徵?
有些插件程序能夠幫助用戶更方便瀏覽網際網路或調用上網輔助功能,也有部分程序被人稱為廣告軟體(Adware)或間諜軟體(Spyware)。此類惡意插件程序監視用戶的上網行為,並把所記錄的數據報告給插件程序的創建者,以達到投放廣告,盜取游戲或銀行帳號密碼等非法目的.
組件和插件的區別是,插件是屬於程序介面的程序,組件在ASP中就是控制項、對象,ASP/IIS的標准安裝提供了11個可安裝組件。ASP的FSO組件,插件開發編程的朋友都如雷貫耳吧,它就是最常用的Scripting.FileSystemObject對象。 插件是一種遵循一定規范的應用程序介面編寫出來的程序。很多軟體都有插件,插件有無數種。例如在IE中,安裝相關的插件後,WEB瀏覽器能夠直接調用插件程序,用於處理特定類型的文件。
Ⅵ web前端開發常用工具有哪些
常用的web前端開發工具web前端開發工具有哪些:
1、Bootstrap
Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合,它使用了最新的瀏覽器技術,給你的 Web 開發提供了時尚的版式,表單,buttons,表格,網格系統等等。
2、Foundation
Foundation 是一個易用、強大而且靈活的框架,用於構建基於任何設備上的 Web 應用。提供多種 Web 上的 UI 組件,如表單、按鈕、Tabs 等。
3、Cloud9 IDE
Cloud9 IDE 是一個基於 Node.JS 構建的 JavaScript 程序開發 Web IDE。它擁有一個非常快的文本編輯器,支持為 JS,HTML,CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器,可以在IDE 中啟動、暫停和停止。
4、Notepad++
Notepad++ 是一款非常有特色的編輯器,是開源軟體,可以免費使用。我們開發人員都是必備的。支持的語言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
5、Visual Studio Code
Visual Studio Code 是一個運行於 OS X,Windows 和 Linux 之上的,針對於編寫現代 web 和雲應用的跨平台編輯器。
6、GIMP
GIMP 是 GNU 圖像處理程序(GNU Image Manipulation Program)的縮寫。包括幾乎所有圖象處理所需的功能,號稱 Linux 下的 PhotoShop。GIMP 在 Linux系統推出時就風靡了繪圖愛好者圈。
7、SecureHeaders
SecureHeaders 是 Twitter 送給 Web 開發者的一份大禮,作為一款 Web 安全開發工具,Secureheaders 能夠自動實施安全相關的 header 規則,包括內容安全政策(CSP),防止 XSS、HSTS 等攻擊,防止火綿羊(Firesheep)攻擊以及 XFO 點擊劫持等。
8、Fontello
Fontello 是個圖標字體生成器。這個工具允許用戶把這些圖標 web 字體放到自己的項目中。主要特性如下:縮小字形集合,減小字體大小;合並一些字體標記到單個文件中;訪問大量專業級的開源圖標。
Ⅶ 現在思科華為的設備都有WEB界面還有必要學習命令嗎
很有必要的,web操作一般都是中低端設備才有的。高端設備是沒有的。 再有就是web實現的特性沒有cli的多。 建議還是將cli做為主要的,web輔助。
Ⅷ Web前端開發需要哪些工具
前端開發中需要掌握最基礎的技能就是HTML、CSS,JavaScript。前端的開發中,在頁面的布局時, HTML將元素進行定義,CSS對展示的元素進行定位,再通過JavaScript實現相應的效果和交互,在進行開發前,需要對這些概念弄清楚,才能進行合理的開發。
在網頁建設的過程中,為了避免代碼的繁瑣雜亂,更高效快速地完成任務,就會使用到一些有代碼高亮提示和語法提示等便捷功能的前端開發工具。
1,Dreamweaver:中文名「夢想編織者」。是集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。它可以使用所見即所得的介面,亦有HTML編輯的功能,藉助經過簡化的智能編碼引擎,輕松地創建、編碼和管理動態網站。訪問代碼提示,即可快速了解 HTML、CSS 和其他Web 標准。 使用視覺輔助功能減少錯誤並提高網站開發速度。
2,Sublime:Sublime Text 是一個代碼編輯器,也是HTML和散文先進的文本編輯器。Sublime Text 的主要功能包括:拼寫檢查,書簽,完整的 Python API , Goto 功能,即時項目切換,多選擇,多窗口等等。
3,HBuilder:是DCloud,推出的一款支持HTML5的Web開發IDE。 HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。
有了工具,接下來還得靠我們人來操作。你必須熟悉三種語言,把這些概念弄明白,才能開發出好的作品。
Ⅸ Web伺服器、Web容器、Servlet容器、web伺服器輔助應用 這幾個的區別,關系
可能在開始的時候,都會被這些概念搞的暈頭轉向,最好的方式是不要太注重概念性的問題,
Web伺服器,是我們Web應用的容器,Servlet容器,字面意思就是管理我們Servelt類的容器,如Tomcat他是servlet容器,同時又是Web伺服器,因此我們可以將servlet的程序(web應用)部署在tomcat內,Web伺服器的概念 = Web容器,這里還會有應用伺服器 EJB容器的概念, 應用伺服器功能要強於Web伺服器,如JBOSS WEBLogic WEBSphere 等商業伺服器.
Ⅹ 什麼是web1.0什麼是web2.0有什麼區別
是互聯網的讀者,你也應該是互聯網的作者;
你不該只是在互聯網上沖浪,你本身就是波浪製造者。Web 2.0 之於Web 1.0 ,如同分布式計算之於集中式計算,網格之於大型主機。
WEB2.0概念詮釋
Web2.0,是相對Web1.0(2003年以前的互聯網模式)的新的一類互聯網應用的統稱,是一次從核心內容到外部應用的革命。由Web1.0單純通過網路瀏覽器瀏覽html網頁模式向內容更豐富、聯系性更強、工具性更強的Web2.0互聯網模式的發展已經成為互聯網新的發展趨勢。
Web1.0到Web2.0的轉變,具體的說,從模式上是單純的「讀」向「寫」、「共同建設」發展;由被動地接收互聯網信息向主動創造互聯網信息邁進!從基本構成單元上,是由「網頁」向「發表/記錄的信息」發展;從工具上,是由互聯網瀏覽器向各類瀏覽器、rss閱讀器等內容發展;運行機制上,由「Client Server」向「Web Services」轉變;作者由程序員等專業人士向全部普通用戶發展;應用上由初級的「滑稽」的應用向全面大量應用發展。
總之,Web2.0是以 Flickr、Craigslist、Linkedin、Tribes、Ryze、 Friendster、Del.icio.us、43Things.com等網站為代表,以Blog、TAG、SNS、RSS、wiki等應用為核心,依據六度分隔、xml、ajax等新理論和技術實現的互聯網新一代模式。
應用:
1、 Blog(from wiki)
歷史:
Blog一詞本起源於 weblog,意思是網上日誌。1997年由 Jorn Barger所提出。在1998年, infosift 的編輯Jesse J. Garrett (http://www.jjg.net),將一些類似blog的網站收集起來,寄給Cameron Barrett。 Cameron隨後將名單發布在CamWorld網站上,許多人亦陸續將blog的URL給Cameron,慢慢的,一個新的網路社區儼然成型。1999年,Brigitte Eaton (http://www.eatonweb.com)成立一個weblog 目錄,收集她所知道的blog站。1999年,Peter Merholz (http://www.peterme.com)首次使用縮略詞「blog」,成為今天常用的術語。但是,blog 真正開始快速發展的轉折點,是在1999年6月,當時Pitas開始提供免費的weblog服務,緊接著8月,Pyra lab推出了現在的blogger.com。blogger.com 提供了簡單易學的說明,以及能通過FTP直接將blog發表在個人網站上的功能,這帶給使用者很大的方便。目前已經有了很多Blog託管服務商(BSP),業內人士對其盈利前景,持謹慎樂觀態度。
Blog的特點
Blog是個人或群體以時間順序所作的一種記錄,並且不斷更新。blog之間的交流主要是通過回溯引用(TrackBack)和回響/留言/評論(comment)的方式來進行的。blog的操作管理用語,也借鑒了大量檔案管理用語。一個blog亦可被視為一個檔案(archives),或是卷宗(fonds)。與傳統檔案不同的是,blog的寫作者(blogger),既是這份檔案的創作人(creator),也是其檔案管理人(archivist)。
Blog大量採用了RSS(Really Simple Syndication或者Rich Site Summary或者RDF Site Summary)技術,所有的RSS文件都必須符合由W3C發布的XML 1.0規范。對讀者來說,可以通過RSS訂閱一個blog,確知該blog作者最近的更新。對Blog作者來說,RSS可以使自己發布的文章易於被計算機程序理解並摘要。
對知識管理和創造而言,blog提供了新的形態和途徑。對漢語為母語的人而言,blog寫作既接續了漢語筆記文學的優秀傳統,更充分鼓勵了個人表達。從交往形態考察,網志空間(blogosphere)設定了積極的讀者、作者、編者互動轉換關系,「言者互重,閱者相惜 」。
2、 Tag (from blogbus)
什麼是Tag?
Tag(標簽)是一種更為靈活、有趣的日誌分類方式,您可以為每篇日誌添加一個或多個Tag(標簽),然後您可以看到BlogBus上所有和您使用了相同Tag的日誌,並且由此和其他用戶產生更多的聯系和溝通。不僅如此,我們還通過與Technorati的合作,把您的Tag發送到全球Blog空間,和全世界的人們共同分享。
Tag體現了群體的力量,使得日誌之間的相關性和用戶之間的交互性大大增強,可以讓您看到一個更加多樣化的世界,一個關聯度更大的Blog空間,一個熱點實時播報的新聞台。Tag為您提供前所未有的網路新體驗……
當然,您也可以簡單地把一個Tag(標簽)理解為一個日誌分類,但是Tag和分類的不同之處也很明顯:
首先,分類是您在寫日誌之前就定好的,而Tag是在您寫完日誌之後再添加的;
其次,您可以同時為一篇日誌貼上好幾個Tag(標簽),方便自己隨時查找,而原先一篇日誌只能有一個分類;
再次,當您積累了一定數量的Tag之後,您可以看看自己在Blog中最經常寫的是哪些話題;
最後,您可以看到有哪些人和自己使用了一樣的Tag(標簽),進而找到和您志趣相投的Blogger。
舉一個例子,比如說:您寫了一篇到西湖旅遊的日誌,原來您都是把這一類的日誌放到自己的「驢行天下」分類下,但是有了Tag之後,您可以給這篇日誌同時加上「旅遊」、「杭州」、「西湖」、「驢行天下」等幾個Tag,當瀏覽者點擊其中任何一個Tag,他都可以看到您的這篇日誌。同時您自己也可以通過點擊這幾個Tag,看看究竟有誰最近也去了杭州旅遊,或許你們還可以交流一下旅遊心得,成為下一次出遊的夥伴呢!
3、 SNS
Social Network Service,社會性網路軟體,依據六度理論,以認識朋友的朋友為基礎,擴展自己的人脈。並且無限擴張自己的人脈,在需要的時候,可以隨時獲取一點,得到該人脈的幫助。
SNS網站,就是依據六度理論建立的網站,幫你運營朋友圈的朋友。
4、 RSS(from wiki)
RSS是一種用於共享新聞和其他Web內容的數據交換規范,起源於網景通訊公司的推"Push"技術,將訂戶訂閱的內容傳送給他們的通訊協同格式(Protocol)。RSS可以是以下三個解釋的其中一個:
Really Simple Syndication(真正簡單的整合)
RDF (Resource Description Framework) Site Summary
Rich Site Summary(豐富站點摘要)
但其實這三個解釋都是指同一種Syndication的技術。
目前RSS規范的主要版本有0.91、1.0和2.0。
0.91版和1.0版完全不同,風格不同,制定標準的人也不同。0.91版和2.0版一脈相承。1.0版更靠攏XML標准。
RSS目前廣泛用於blog、wiki和網上新聞頻道,世界多數知名新聞社網站都提供RSS訂閱支持。
5、 Wiki(from wiki)
Wiki一詞源自夏威夷語的「wee kee wee kee」,本是「快點快點」之意。在這里Wiki指的是一種超文本系統。這種超文本系統系支持那些面向社群的協作式寫作,同時也包括一組支持這種寫作的輔助工具。有人認為,Wiki系統屬於一種人類知識的網路系統,我們可以在Web的基礎上對Wiki文本進行瀏覽、創建、更改,而且這種創建、更改、及發布的代價遠比HTML文本小;與此同時Wiki系統還支持那些面向社群的協作式寫作,為協作式寫作提供了必要的幫助;最後,Wiki的寫作者自然構成了一個社群,Wiki系統為這個社群提供了簡單的交流工具。與其它超文本系統相比,Wiki有使用簡便且開放的優點,所以Wiki系統可以幫助我們在一個社群內共用某個領域的知識。
Wiki起源
1995年沃德?坎寧安(Ward Cunningham)為了方便模式社群的交流創建了全世界第一個wiki系統-WikiWikiWeb,並用它建立了波特蘭模式知識庫(Portland Pattern Repository)。在建立這個系統的過程中,沃德?坎寧安創造了Wiki的概念和名稱,並且實現了支持這些概念的服務系統。這個系統是最早的Wiki系統。從1996年至2000年間,波特蘭模式知識庫圍繞著面向社群的協作式寫作,不斷發展出一些支持這種寫作的輔助工具,從而使Wiki的概念不斷得到豐富。同時Wiki的概念也得到了傳播,出現了許多類似的網站和軟體系統。
Wiki的歷史不長,無論是Wiki概念本身,還是相關軟體系統的特性,都還在熱烈的討論中;所以怎樣的一個站點才能稱得上是一個Wiki系統還是有爭議的。與Wiki相關新近出現的技術還有blog,它們都降低了超文本寫作和發布的難度。這兩者都是同內容管理系統密切相關的。
Wiki的特點
使用方便
維護快捷:快速創建、存取、更改超文本頁面(這也是為什麼叫作 "wiki wiki" 的原因)。
格式簡單:用簡單的格式標記來取代 HTML 的復雜格式標記。(類似所見即所得的風格)
鏈接方便:通過簡單標記,直接以關鍵字名來建立鏈接(頁面、外部連接、圖像等)。
命名平易:關鍵字名就是頁面名稱,並且被置於一個單層、平直的名空間中。
可增長
可增長:頁面的鏈接目標可以尚未存在,通過點擊鏈接,我們可以創建這些頁面,從而使系統得以增長。
修訂歷史:記錄頁面的修訂歷史,頁面的各個版本都可以被獲取。
開放性
開放的:社群內的成員可以任意創建、修改、或刪除頁面。
可觀察:系統內頁面的變動可以被來訪者清楚觀察得到。
由於Wiki的自組織,可增長以及可觀察的特點,使Wiki本身也成為一個網路研究的對象。對Wiki的研究也許能夠讓人們對網路的認識更加深入
理論和技術:
1、 六度關系理論
目前流行的「六度分隔」理論是20世紀60年代由美國的心理學家米格蘭姆(Stanley Milgram)提出的,這個理論可以通俗地闡述為: 最多通過六個人你就能夠認識任何一個陌生人。「六度分隔」成為人際關繫世界中無可否認而又令人震驚的特徵,許多社會學上的深入研究也給出令人信服的證據,說明這一特徵不只是特例,在一般情形下也存在。 最近,美國哥倫比亞大學社會學系的瓦茨教授領導的EMAIL試驗也再次證明了這一人際關繫世界中驚人的規律。然而,在現實世界中,六十億人怎麼可能真的構成如此緊密的相互關聯呢?是互聯網使一切成為現實。
2、 Xml
XML即可擴展標記語言(eXtensible Markup Language)。標記是指計算機所能理解的信息符號,通過此種標記,計算機之間可以處理包含各種信息的文章等。如何定義這些標記,既可以選擇國際通用的標記語言,比如HTML,也可以使用象XML這樣由相關人士自由決定的標記語言,這就是語言的可擴展性。XML是從SGML中簡化修改出來的。它主要用到的有XML、XSL和XPath等。
3、 AJAX
Ajax並不是一種技術。它實際上是幾種已經在各自領域大行其道技術的強強結合。Ajax混合了:
* 基於XHTML/CSS
* 由DOM(Document Object Model)實現動態顯示與交互
* 通過XML和XSLT進行數據交換及處理
* 使用JavaScript整合上述技術
直觀一點的說Ajax能夠實現不刷新瀏覽器窗口(當然更不用安裝額外的插件)而滿足用戶的操作,現在一些看上去很Cool的網站,很多是用這項技術實現的,其中包括:orkut、Gmail、Google Group、Google Suggest、Google Maps、Flickr、A9.com等。2SIMPLE的Co-mment系統雖然沒有用到XML/XSLT,其理念已經暗合容Ajax,實現了不刷新網頁提供動態內給用戶。
現有的產品:
Wiki網路、Wallop 、yahoo360 、openbc 、 cyworld 、43things 、 flickr、 del.icio.us、 cragslist 、glob 、客齊集、 friendster 、 linkin 、UU通 、 優友 、 天際網 、愛米網 、linkist 、新浪點點通、skype、億友、cyworld
現在說說web2.0的具體應用。
歷史很重要。對一個技術的學習也應當從歷史出發,通過其在時間形成歷史的流變,得以知曉現狀,甚至能夠預知未來。
那Web 1.0是什麼呢?
他們說,記得靜態HTML的WWW時代么?
(那個時代的WWW應用、人們的Web體驗、對社會的影響如何?)
那麼動態HTML和靜態HTML下的Web相比,是多少版本?1.5?對了,他們是真這么叫的。
(在效果和影響上,與1.0相比,擴展和加深多少?)
要呈現的數據存儲在資料庫中,通過Web服務端的程序,應用戶的請求,取出數據,加上事先設計的模板,動態的生成Html代碼,發送到用戶的瀏覽器那裡。
他是1.0系列,應為用戶在瀏覽器中所見和Web 1.0一樣,它有0.5的升級,因為數據不是事先製作並發布,而是動態生成,和用戶的需要交互生成。
那好,在加0.5,到Web 2.0,變化是在哪裡呢?
(看到了正在崛起的和改變的,會繼續朝著什麼方向改變互聯網和社會呢?)
更新:關於各個版本的差別,看看亞馬遜的例子。
事情沒有那麼幸運,Web 2.0並不是一個具體的事物,而是一個階段,是促成這個階段的各種技術和相關的產品服務的一個稱呼。所以,我們無法說,Web 2.0是什麼,但是可以說,那些是Web 2.0。
WikiPedia的Web 2.0條目下列出了這些條件:
* CSS 和語義相關的 XHTML 標記
* AJAX 技術
* Syndication of data in RSS/ATOM
* Aggregation of RSS/ATOM data
* 簡潔而有意義的 URLs
* 支持發布為 weblog
* RESTian (preferred) 或者 XML Webservice APIs
* 一些社會性網路元素
必須具備的要素有:
* 網站應該能夠讓用戶把數據在網站系統內外倒騰。
* 用戶在網站系統內擁有自己的數據
* 完全基於Web,所有的功能都能透過瀏覽器完成。
(以上內容引用自英文版維基網路)
雖然這只是一家之言,不過,對於其中談到的幾個要素,大家還是公認的。
- 基於RSS/ATOM/RDF/FOAF等XML數據的同步、聚合和遷移。
數據不再和頁面和網站混粘在一起,它獨立了,它跟著用戶走。這是Web 2.0的很重要特徵。這也是為什麼Blog是Web 2.0的代表的原因。在網志上,常主角的是相互獨立的一則則的網志。
獨立,然後有物理表現。現在,就能讓他們活躍起來。透過對XML數據的處理,這些內容能被自由的組合,被各種應用程序,不論是Web程序還是桌面程序等呈現和處理。
(更新:參看商業周刊的All Your Info in One Place)
當然,最重要的是背後的人。
- 社會性因素。
內容跟著人走,內容又能夠被用戶自由的組合,也就是說,用戶能夠自由的藉助內容媒介,創建起一個個的社群,發生各種社會性的(網路)行為。
此外還有標簽以及建立在開放標簽系統之上的Folksonomy。
- 第三個公認的因素是開放API,這個技術性稍強些,得另花時間研習,可以先看看例子:amazon、flickr、google map等。
(Web 2.0是個大筐,裝了好多東西)
從Web應用的產品/服務生產者角度來說,該如何創建Web 2.0的產品呢?
重要的是要抓住這么幾點,一個是微內容(這里有定義),一個是用戶個體。除了這兩個最基本的之外,還可以考慮社群內的分享以及提供API。
微內容:英文是microcontent。用戶所生產的任何數據都算是微內容,比如一則網志,評論,圖片,收藏的書簽,喜好的音樂列表、想要做的事情,想要去的地方、新的朋友等等。這些微內容,充斥著我們的生活、工作和學習,它的數量、重要性,還有我們對它的依賴,並不亞於那些道貌岸然、西裝革履的正統文章、論文、書籍。
對微內容的重新發現和利用,是互聯網所開創的平等、***、自由風氣的自然衍生,也是互聯網相關技術消減信息管理成本之後的一個成果。
我們每天都生產眾多的微內容,也消費著同樣多的微內容。對於Web 2.0來說,如何幫助用戶管理、維護、存儲、分享、轉移微內容,就成了關鍵。
用戶個體。對於Web 1.0的典型產品/服務來說,用戶沒有具體的面貌、個性,它只是一個模糊的群體的代名詞而已。但是對於Web2.0的產品和服務來說,用戶是個實實在在的人。Web 2.0所服務的,是具體的人,而不是一個如同幽靈般的概念。並且,這個人的具體性,會因為服務本身而不斷地充實起來。
如何為這個具體的個體服務,是Web 2.0設計的起點。
因此,一類可以被稱作Web 2.0的產品/服務將是這樣:
服務於用戶個體的微內容的收集、創建、發布、管理、分享、合作、維護等的平台。
這是表。
里呢,恐怕就設計到好些人提到的,微內容的XML表現;微內容的聚合;微內容的遷移;社會性關系的維護;界面的易用性等等。
其質,是否就是開源、參與、個人價值、草根、合作等等?
Web2.0是許多方面起頭並進又相互牽連的一個新的階