Ⅰ 如何搭建web環境
一、安裝JDK
1、下載得到jdk-6u35-windows-i586.exe，大概70M，直接雙擊運行安裝，一路next就可以，默認是安裝到系統盤下面的
Program
Files，我這里裝在C:\Java下面，注意安裝完jdk之後會自動運行安裝jre，這時的安裝路徑最好和jdk一樣，方便管理，我的都是在C:
\Java下面。
2、環境變數配置：右擊「我的電腦」，點擊「屬性」；選擇「高級」選項卡，點擊「環境變數」；
在「系統變數」中，設置3項屬性，JAVA_HOME,PATH,CLASSPATH(大小寫無所謂),若已存在則點擊「編輯」，不存在則點擊「新建」；
一般 PATH都是已經存在的。
3、配置如下：
JAVA_HOME
C:\Java\jdk1.6.0_35CLASSPATH.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
Path%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
二、安裝tomcat
1、下載apache-tomcat-6.0.35.exe，大概7M，我這是安裝包的（壓縮包的直接解壓即可），雙擊運行一路next即可安裝完畢，其中也可以配置一下安裝路徑，我這保持默認路徑，埠也是默認8080。
三、eclipse安裝與配置
1、下載eclipse-jee-juno-win32.zip，大概220M，直接解壓，我解壓到C:\eclipse；
2、下載Tomcat插件tomcatPluginV33.zip（一定要下eclipse對應版本的插件），大概330K，解壓都得到com.sysdeo.eclipse.tomcat_3.3.0文件夾；
3、將com.sysdeo.eclipse.tomcat_3.3.0文件夾拷貝到eclipse目錄下的plugins插件文件夾內
4、運行eclipse，設置workspace，我設置在C:\workspace，運行eclipse後工具欄上會出現Tomcat工具條，如沒有則檢查前面步驟
5、接著進行eclipse配置，先是jre，一般此項已經配置好的
四、Mysql安裝與配置
1、下載mysql-5.5.27-win32.msi，大概30M，直接運行安裝，一路Next即可，其中需要留意網路埠一般保持默認3306，字元編碼一般設為UTF-8，千萬要記住你設置的root用戶密碼，沒有意外的話一般可以安裝成功；
2、下載navicat lite mysql.rar，大概8M，這是一個用來管理MySQL的圖形界面工具，直接安裝即可。
Ⅱ win8.1怎麼搭建web伺服器
方法/步驟
1
將滑鼠移動到桌面右下方，然後從彈出的擴展菜單中點擊「設置」按鈕，將在打開的擴展窗口中選擇「控制面板」項進入。
2
在打開的「控制面板」窗口中，依次點擊「程序」→「啟動或關閉Windows功能」。
3
接著在打開的「Windows窗口」功能窗口中，勾選「Web管理工具」下面所有地的選項，勾選「萬維網服務」下面的「應用程序開發」下所有選項。如圖所示，最後點擊「確定」按鈕，以便完成更新過程。
4
更新完成後，再次進入「控制面板」，點擊「系統和安全」→「管理工具」，並在打開的「管理工具」窗口中找到並雙擊「」進入。
5
在打開的「Internet（IIS）信息服務」窗口中，依次展開「PC」→「網站」→「Default Web Site」，然後切換到「內容視圖」模式，右擊「iisstart.htm」，從彈出的右鍵菜單中選擇「瀏覽」項。
6
如果此時能打開網頁，則表示IIS已安裝完成，Web伺服器就搭建成功啦。
END
測試WEB伺服器
1
右擊「Default Web Site」，從彈出的右鍵菜單中選擇「添加虛擬目錄」，並在彈出的窗口中指定別名和物理路徑。
2
接下來打開任意一款網頁編輯軟體，如「Dreamweaver」。打開Dreamweaver，點擊「站點」→「新建站點」項，然後進行如下圖所示的配置：
3
右擊「MyTest」站點，選擇「新建文件」項，然後創建一個名為「Test.asp」的文件。
4
接著編輯如下內容進行測試,右擊「Test.asp」文件，選擇「瀏覽」即可。
http://jingyan..com/article/adc8151344faadf723bf731f.html
Ⅲ web伺服器怎麼建立
設置一下iis,(IIS全稱為Internet Information Services，中文名字為互聯網信息服務。)把一個html文件放到對應的路徑下用ip打開就行了！
1.點擊「Windows」鍵進入「開始」菜單，點擊「所有應用」，在所有應用菜單里點擊「Windows系統」里的「控制面板」
2.在控制面板對話框里點擊「程序」
3.在程序面板裡面點擊「啟用或關閉windows功能」
4.在「Windows功能」對話框里選中「Internet Information Services」，在Internet Information Services功能展開選擇框里根據你的需要選擇你需要的功能就行了，比如我不知道需要哪些功能所以全部選中反正不會出錯就好了，只要選中這些功能就行了。並點擊「確定」按鈕。
5.Windows功能開始下載並安裝你要的功能的程序，直到出現「Windows已完成請求的更改」，點擊重啟電腦
6.打開瀏覽器輸入localhost能打開，就說明安裝成功。
然後，安裝成功後我還是一臉懵逼。這他媽在哪裡放文件！
不急！
7.接下來我們要打開IIS管理器。桌面上右鍵點擊此電腦，管理。即可進入計算機管理（我是window10 所以我一般需要找什麼直接在左下角的搜索框里輸入就行！簡單省事！）在服務和應用程序里有IIS管理器，點擊 進入IIS管理器。
8.我們可以看到中間部分有很多圖標，找到ASP，點擊。
9.這一步是配置asp應用程序，找到啟用父路徑，選為True。
10.到這里IIS環境已經搭建好了，在瀏覽器里輸入localhost就可以看到iis的主頁了。想要添加網站程序可以點右側的高級設置，將物理路徑改成你的網站程序就能訪問了。
11.記得在電腦上打開的ip只能在電腦上看！如果要用手機看！要在同一個區域網下！並且是cmd裡面用ipconfig查詢的ip才能訪問！
Ⅳ 如何用html5構建移動端的webapp
H5e教育html5開發為您解答：
移動web在當今的發展速度是一日千里，作為移動領域的門外漢，在這段時間的接觸後，發現前端開發這一塊做一個小小的總結。
1.四大瀏覽器內核
1.Trident (IE瀏覽器) :因為在早期IE佔有大量的市場份額，所以以前有很多網頁是根據這個Trident的標准來編寫的，但是實際上這個內核對真正的網頁標准支持不是很好，同時存在許多安全Bug。
2.Gecko:( FireFox )優點就是功能強大、豐富，可以支持很多復雜網頁效果和瀏覽器擴展介面，缺點是消耗很多的資源，比如內存。
3.Webkit: ( Chrome/ Safari / UC )優點就是Webkit擁有清晰的源碼結構、極快的渲染速度，缺點是對網頁代碼的兼容性較低，會使一些編寫不標準的網頁無法正確顯示。
4.Presto: ( 歐朋 ) Presto內核被稱為公認的瀏覽網頁速度最快的內核，同時也是處理JS腳本最兼容的內核，能在Windows、Mac及Linux操作系統下完美運行。
移動端開發主要對象是手持設備，其中絕大部分是IOS和Android系統，基於Webkit內核，可使用Chrome瀏覽器調試即可。
2.手機瀏覽器
瀏覽器已經逐漸從傳統桌面轉向手機端，競爭也越來越激烈。目前國內市場主流的手機瀏覽器：UC、網路、歐朋、QQ、海豚、safari、Chrome，這些瀏覽器都是基於webkit內核的，兼容性方面不存在問題，同時對html5和css3的支持很好，所以，大膽地應用html5和css3技術吧。
在開始編寫webapp時，前端工程師使用HTML5，而放棄HTML4，因為HTML5可以實現一些HTML4中無法實現的豐富的WEB應用程序 的體驗，可以減少開發者很多的工作量，當然了你決定使用HTML5前，一定要對此非常熟悉，要知道HTML5的新標簽的作用。比如定義一塊內容或文章區域 可使用section標簽，定義導航條或選項卡可以直接使用nav標簽等等。
3.終端解析度
手機解析度比PC解析度要龐雜得多，各種解析度有木有？大小差距那麼大有木有？這在一定程度上給頁面製作帶來了不小的麻煩。所以針對這樣的因素，必須有充分的考慮。考慮到瀏覽器自適應，需要設計和製作完成各種不同的方法。
1) 市場上主流手機生產商的產品解析度。經過調研發現，目前主流的手機解析度為：480*800像素、320*480像素，而1280*720像素（720P）會是接下來的趨勢。這些都是很粗略的統計，要有精確的數據需要花費不少的精力，那是數據分析人員的工作。
2) 項目目標群所持設備的解析度。項目目標群即用戶，用戶擁有什麼樣的手機解析度，從一定程度上來說比第一點來得更加重要，它決定著項目開發的方向。
4.響應式web開發
在編寫CSS時，我不建議前端工程師把容器（不管是外層容器還是內層）的寬度定死。為達到適配各種手持設備，我建議前端工程師使用自適應布局模式（支付 寶 採用了自適應布局模式），因為這樣做可以讓你的頁面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能夠正常的顯示，你無需再次考慮設備的解析度。
響應式web開發不是一項開創性的技術變革，簡單地說，響應式web設計採用了媒體查詢、流式布局、液態圖片三項技術，把它們組合在一起來製作頁面，使得頁面不只在傳統桌面，在平板電腦和手機上，各種不同的解析度都能夠完美顯示。而要做到這點，我覺得不難，請繼續往下：
1) 准備工作：
a) 插件安裝：window resize。您可以通過下載安裝谷歌瀏覽器插件，安裝成功後，當您調整瀏覽器窗口時，在瀏覽器右下角會有灰度提示當前窗口和類似於手機視圖的大小提示。
b) 編輯器安裝：Hbulder或Webstorm
c) 弄清視圖和屏幕的區別。視圖是瀏覽器的內容顯示區域，屏幕是設備的物理顯示區域。比如視圖寬度我們一般用width表示，而屏幕寬度是用device-width來表示。相信做過手機頁面的童鞋都經常見過這段代碼：
<meta name="viewport" content="width=device-width,initial-scale=1.0">
其中width=device-width就是說把頁面寬度設置成和屏幕寬度一樣。
d) 響應式設計創意網站收集 。這里有很多響應式Web設計的網站，供您參考和學習。
2) 征途ING：
e) 響應式web設計之媒體查詢：
為了減少http請求，我想在css樣式表裡進行媒體查詢會是個不錯的選擇，而不是在頁面head部分使用link進行載入。樣式表裡的媒體查詢格式為：
@media screen and (max-width:960px){}
大括弧內部書寫樣式。該語句相當於判斷語句，有兩個條件，一個是視口寬度最大不超過960px，screen代表顯示屏，這兩個條件都具備了，就調用大括弧內的樣式。
f) 響應式web設計之流式布局：
流式布局以百分比進行布局。最重要是時刻關注元素的父級層，所有的元素都是以父級層為基準。流式布局的應用是為了和媒體查詢完美地結合，形成平滑的布局變 化跳轉效果。一般而言，media里的樣式多以width、padding、margin、font-size、line-height這些為主。
g) 響應式web設計之液態圖片：
要實現液態圖片，只需加入如下代碼：img{max-width:100%;}
web移動頭部書寫
1、首先我們來看看webkit內核中的一些私有的meta標簽，這些meta標簽在開發webapp時起到非常重要的作用
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
這個meta標簽表示：強制讓文檔的寬度與設備的寬度保持1:1，並且文檔最大的寬度比例是1.0，且不允許用戶點擊屏幕放大瀏覽；
<meta content="yes」 name=" apple-mobile-web-app-capable" />
meta標簽是iphone設備中的safari私有meta標簽，它表示：允許全屏模式瀏覽；
<meta content="black" name=" apple-mobile-web-app-status-bar-style" />
meta標簽也是iphone的私有標簽，它指定的iphone中safari頂端的狀態條的樣式；
<meta content="telephone=no" name="format-detection" />
meta標簽表示：告訴設備忽略將頁面中的數字識別為電話號碼
Ⅳ 移動端web應該如何去編寫
開Chrome開發者工具，有一個設備模式，就是左上角小手機的按鈕，點一下，有彩蛋。
2.一般來說，介於不同手機的不同dpr沒法用px做單位，會用到rem，小姐姐rem有么有興趣了解一下，另外有一個淘寶的flexible（好像是叫這個吧？），小姐姐有沒有興趣了解一下？
3.關於meta標簽的設備定義，看一下吧，不需要背和手寫，看到了知道就好，寫代碼為數不多的允許CtrlC CtrlV的地方，這種算一個。另外由於除了不同設備，很多操作系統版本不同也會導致不同的兼容性，主要是樣式問題，Chrome無法完全模擬，最好有真機調試，連本地區域網方位對應埠ip在手機直接看，如果是用node啟服務，可以用個browser-snyc同步電腦手機視圖。沒有真機就用各種模擬器，這個要收集了。
Ⅵ 如何從搭建一個web或者移動端伺服器
首先需要購買伺服器（正睿、戴爾等），申請網路（外網IP），然後購買域名（指向伺服器地址），之後安裝應用軟體即可。
Ⅶ 如何在windows系統中搭建web伺服器
1、將滑鼠移動到桌面右下方，然後從彈出的擴展菜單中點擊「設置」按鈕，將在打開的擴展窗口中選擇「控制面板」項進入。
2、在打開的「控制面板」窗口中，依次點擊「程序」→「啟動或關閉Windows功能」。
3、接著在打開的「Windows窗口」功能窗口中，勾選「Web管理工具」下面所有地的選項，勾選「萬維網服務」下面的「應用程序開發」下所有選項。如圖所示，最後點擊「確定」按鈕，以便完成更新過程。
Ⅷ WEB伺服器環境怎麼搭建
果要用IIS搭建WEB伺服器的話，先做准備工作：下載好IIS6 for2003或者准備好2003安裝盤，再繼續下面的工作：
第一步：默認情況下IIS6是沒有安裝在Windows2003系統中的，所以我們需要手動安裝這個組件，通過任務欄的「開始->程序->管理工具->配置您的伺服器向導」來啟動安裝步驟。
第二步：出現歡迎使用「配置您的伺服器向導」提示後點「下一步」按鈕。
第三步：系統會給出准備安裝各類組件所需要的所有準備工作，我們繼續點「下一步」按鈕。
第四步：系統自動搜索已在本機安裝了的系統服務組件。
第五步：搜索完畢會在「伺服器角色」窗口顯示已在本機安裝的系統服務以及沒有安裝的服務，區別在於「已配置」處用「是」和「否」進行區分。讀者可以看到「應用程序伺服器（IIS，ASP.NET）」組件是沒有安裝的，我們需要安裝他.
第六步：點「下一步」按鈕後會出現應用程序伺服器選項，在這里會讓我們選擇是否安裝IIS相關的其他工具，包括frontpage server extension以及asp.net。如果我們想安裝可以在前面打勾。點「下一步」繼續
第七步：系統將顯示出整個IIS組件的大概過程列表。
第八步：接著開始安裝並配置IIS程序。
第九步：系統將自動調用安裝程序進行安裝，建立文件列表。
第十步：在安裝過程中會彈出提示要求插入標為windows server 2003的安裝光碟到光碟機中。這是因為默認情況IIS組件的程序與文件是存儲在windows 2003光碟中的，所以需要我們插入光碟。
第十一步：點「取消」，瀏覽選擇剛才下載的IIS文件夾
第十二步：等待大概5分鍾所有系統就完成了IIS6組件的安裝工作，會彈出此伺服器現在是一台應用程序伺服器的提示。我們點「完成」按鈕完成全部安裝工作。
第十三步：安裝完後我們在「管理您的伺服器」窗口中就會發現「應用程序伺服器」已經出現在該界面中了。我們也可以通過「開始->程序->管理工具」中找到「Internet 信息服務(IIS)管理器程序」的蹤影了。
第十四步：雖然我們安裝完IIS組件，但還有一些必要的工作要做。因為這些操作是必須的，如果不設置這些參數在日後使用中會出現莫名其妙的錯誤，所以筆者也將這些設置放在安裝IIS的操作中了。我們通過「開始->程序->管理工具->Internet 信息服務(IIS)管理器程序」啟動IIS程序。
Ⅸ 如何學習web開發環境搭建和腳手架
Web前端的學習路線
第一階段：
HTML+CSS:
HTML進階、CSS進階、div+css布局、HTML+css整站開發、
JavaScript基礎：
Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效：
常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵：
正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、
jQuery：基礎使用
懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段：HTML5和移動Web開發
Html5：
HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas.
CSS3:
CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:
響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發：
跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段：HTTP服務和AJAX編程
WEB伺服器基礎：
伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎：
PHP基礎語法、使用PHP處理簡單的GET或者POST請求、
AJAX上篇：
Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇：
JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段：面向對象進階
面向對象終極篇：
從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵：
繼承性、多態性、封裝性、介面。
設計模式：
面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段：封裝一個屬於自己的框架
框架封裝基礎：
事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級：
運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充：
JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段：模塊化組件開發
面向組件編程：
面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程：
AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。
第七階段：主流的流行框架
Web開發工作流：
Git/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架：
Angular.js、Backbone.js、Knockout/Ember。
常用庫：
React.js、Vue.js、Zepto.js。
第八階段：HTML5原生移動應用開發
Cordova：
WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。
Ionic：
Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。
React Native：
React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。
HTML5+：
HTML5+中國產業、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5+開發和部署。
第九階段： Node.js全棧開發：
快速入門：
Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。
核心模塊和對象：
全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO。
Web開發基礎：
HTTP協議，請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。
快速開發框架：
Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。
Node.js開發電子商務實戰：
需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車，訂單結算、在線客服即時通訊模塊。
Ⅹ 如何搭建一個web網站
首先域名 然後網站空間也就是虛擬主機
其次是網站程序，像你要建什麼站就需要什麼樣的網站程序
把網站程序放到空間上，然後域名解析空間，空間綁定域名 就可以完成一個WEB網站了