網頁前端工程專題：超簡單，跨平台的網頁伺服器架設教學 By 彭彭

[@蘇啟賢-i9y]

非常的簡短易於了解阿。 謝謝你。 網頁基礎似乎是全民必備的基礎知識了。

[@cwpeng-course]

嗯嗯嗯！

[@偉頡石]

非常實用的介紹 自學一陣子就 是還沒學會這個 超推

[@cwpeng-course]

很高興對你有幫助 :)

[@麥口]

謝謝介紹，很方便的server，不用每次都用Tomcat或jboss

[@cwpeng-course]

是阿 : )

[@Nian-Mo]

彭彭老師您好，現在的web server for chrom好像已經不能使用了 請問老是有其他替代方案嗎 -------------分隔線------------ 更:找到一樣的東西了!!! "Simple Web Server"

[@cwpeng-course]

讚讚，恭喜找到適合的替代方案 :)

[@張心玫-q7d]

能請問您用甚麼方式嗎?感恩

[@Nian-Mo]

@@張心玫-q7d 我是去microsoft store裝一個一樣的東西

[@lewingo28]

老師好， 現在沒有window -web server for chrome了，只有simple web server for chrome,那simple版找怀到自己的 URL，設定有不同，，，

[@cwpeng-course]

是的，這部影片有點久了，有些事情確實有變化，感謝你的回饋和分享 :)

[@陳嘉嘉-x4k]

彭彭老師 web sever for chrome不能在mac上用了 請問有替代品嗎?? 感謝老師解惑!!

[@cwpeng-course]

目前沒有類似的，如果你使用 VS Code 開發，可以試著找找看 VS Code 的擴充套件 Live Server。

[@全-l3z]

謝謝老師的教學.但我想請問,如果我想在網頁上做一個類似pokemon的介面(能和地圖互動之類的)的程式,那js有辦法寫出來嗎?還是一個網頁或者是app都不是只用單一程式能寫出來的? 還有就是雖然看老師的影片看到這裡了,但我還是不清楚我學會這些後,能獨力完成一個能上市的網頁或app嗎?不行的話那我能完成的只有大概能有幾%呢?

[@cwpeng-course]

你已經可以完成一個能上線的網頁了，問題只是你要做到什麼程度？建議你可以先以個人的履歷網頁為目標，這個一方面可以練習，一方面若做好了，拿去求職也很好用。 若是像 pokemon 這樣的程式，他們可能是數百個工程師一起做出來的，當然不會那麼簡單。 單一程式也可以很龐大喔，幾十萬行的程式碼，我們有時候也說是單一程式/軟體。

[@黃雅祺]

老師您好，請問您是使用Notepad++編輯網頁語法嗎? 想再進一步詢問，Notepad++在編輯程式時如何讓功能字隨著其特性變換顏色? 謝謝您

[@cwpeng-course]

這部影片是的，不過近年已經改用 VS Code，對於編輯器的詳細設定我可能比較幫不上忙嘍 ~

[@jangofreadman6569]

请问一下彭彭老师网页设计大概要学习到什么程度可就业，比如说要有能力架设自己的网站或者精通哪些软件什么的，就是想做一下大学图书馆网页维护的工读生，不知道自己要达到什么程度才行。

[@cwpeng-course]

第一要学会切版，并且提供几个作品证明，作品可以直接模仿线上已经在运作的网页。 第二学会 JavaScript，进一步完成需要动态互动的网页，并且提供几个作品证明。 大概是这样喽，重点在能拿出什么来证明你声称会的技能。

[@jangofreadman6569]

@@cwpeng-course 谢谢老师

[@RaySurfingDiary]

想問問，假如說如擃沒有chrome web store 這個應用程式的話，那應該怎麼架設伺服器呢??

[@cwpeng-course]

我這邊影片介紹的是最單純，最容易上手的。 有很多其他的軟體可以協助你架設伺服器，包括 IIS、Apache HTTP Server 或是 Node.js。 以下影片教學是使用 Node.js 架設伺服器，你可以參考看看： kzbin.info/www/bejne/iYq0hmOKiLKdj9k

[@Takeshihsu]

自學計畫 - 3 完成

[@張育嘉-q1k7t]

彭彭老師，請教一下 我在把Enter Port那邊要把8887改成80的時候 下面跑出紅字 "Enter a number between 1024 and 65535" 請問要怎麼解決

[@cwpeng-course]

用簡單的伺服器工具無法解決，往後可以試著去學習更專業的後端課程，自然會知道如何架設實際能上線的網站系統哦 ~

[@rabbittanyu]

請問一下 這個是不是只能做靜態網頁？ 而無法做動態的網頁？ 感謝你的回答

[@cwpeng-course]

是喔。

[@yangping0717]

不能是動態網頁，指的是js產生的動態無法跑嗎？

[@jobaliao]

我的系統是Win10，請教老師有無使用IIS幫Flask架站的經驗，我試過很多人的方法，在本機顯示都是錯誤500.0。還是有其他的軟體比較適合幫Flask架站? 像是uWSGI和Nginx

[@cwpeng-course]

我沒有使用過 IIS + Flask 的方式哦。Flask 本身就可以變成一個網站伺服器，要搭配 Nginx 也不錯 ~

[@jobaliao]

@@cwpeng-course OK 我再試試看

[@彭政淳]

請問一下彭彭老師～ 在Mac上 web server for chrome的enter port要在1024-65535之間，無法選擇80，請問是哪邊要更改？

[@cwpeng-course]

那個是系統本身限制的問題，本機測試可以直接選用 8080 之類的 port 無所謂哦。 之後要上線自然可以用 80 Port

[@itwgo5518]

@@cwpeng-course 老師好，本身也是在這個環節出現enter port只能在1024-65535之間(windows 10)，老師回覆是系統本身限制是指web server這個apps還是windows系統呢？

[@cwpeng-course]

@@itwgo5518 我剛剛確認了一下，應該是軟體本身有更新，可能沒辦法了。這個軟體本質上是測試開發用的，如果能理解教學中的內容，也不用太在意，實際上線時我們會去使用其他的伺服器工具。

[@yeayeacheng2387]

請問 Java 專題教學的 第4產品圖片放大….及 第6跳出式網頁.. ，二個專業教學視頻，會員也須再繳費才能觀看嗎？要付多少元？謝謝。

[@cwpeng-course]

這兩個影片是 KZbin 早期提供的單一付費影片功能，後來 KZbin 把這個功能拿掉了，影片也就沒辦法看了呦，不好意思 ~

[@elsa2700]

老師，我放在web server 相對應的資料夾中，但是圖片無法顯示，請問是少了哪個步驟，在請老師指教，謝謝

[@cwpeng-course]

要確認 img 標籤中的 src 路徑是否有正確寫到圖片的位置，檔案名稱是否有錯誤等等 ~

[@chrishsu4146]

老師您好，如果現在已用FLASK寫好一個網頁，但想把他轉成能跨平台(到時候網頁頁面不只一個用IOS系統登入，外觀也不會改變)。請問老師您知道有什麼方法嗎

[@cwpeng-course]

一般網頁的呈現就是透過 HTML 和 CSS，本來就是跨平台的介面，只要把前端的網頁寫好。任何裝置只要使用瀏覽器打入網址就能看到幾乎一樣的網頁嘍 ~

[@mr_yeti]

老師請問要怎麼讓網頁公開上網

[@cwpeng-course]

需要使用學習一些網頁上線的服務，最簡單的你可以搜尋 GitHub Pages 這個服務。

[@mr_yeti]

@@cwpeng-course 好的謝謝老師，我再研究

[@劉嘉良]

老師你好: 剛剛看了你的視頻後去操作, 發現我好想找不到你說的web server app(200 OK) 不知道是否已經下架了 也謝謝老師無私的教導

[@cwpeng-course]

有可能哦，很抱歉這部份我也無法控制 @@

[@guitar8093]

@@Steven-od8ni 多謝!! 正煩惱找不到

[@jonathanLess]

@@Steven-od8ni 愛你

[@呂錦川]

老師 我的windows 10 找不到web sever for chrome (200 ok!) 所以我沒有跟上伺服器架設 請問老師 我該如何補救才能跟上?

[@cwpeng-course]

那個應用程式可能已經沒辦法下載安裝了 ( 不好意思這是很久以前的影片 )。 你可以找找我關於 Node.js 的架站教學，或者使用 Visual Studio Code 編輯器中的擴充套件 live server。 可以達到一樣的效果。

[@Yixin2018]

要怎麼讓別人看到自己的網頁?

[@cwpeng-course]

通常會使用雲端的網站空間服務，把程式碼送到雲端 ( 線上 ) 的伺服器，才能夠分享給全世界的人。最簡單常見的服務例如 GitHub Pages ~

[@lightline7822]

老師，我自己測試連結可以，但我將連結貼給別人卻不能看，會出現網頁無法使用 原因如下:net::ERR_CONNECTION_REFUSED 請問是什麼原因呢?

[@cwpeng-course]

網路環境要架設好才能讓別人看到： 1. 電腦要有對外公開的 IP。 2. 防火牆要打開。 3. 伺服器軟體裡面應該有個選項可以讓你勾選，Access on Internet。 網路環境的部份如果不理解的話，你可能得先找找其他教學 ~

[@Yixin2018]

有辦法把網址前面的數字用掉嗎?

[@cwpeng-course]

使用預設的 80 Port，就可以在輸入網址的時候忽略不輸入。

[@yangping0717]

想請問老師：將網址貼到手機，顯示找不到網頁 ... ？

[@cwpeng-course]

正常的哦，那個網址是開發用的本機網址，只能從自己的電腦本身連線測試。

[@yangping0717]

謝謝老師

[@陳顥仁-e7m]

請問設定80port 之後別人可以連到我寫好的網頁嗎？

[@cwpeng-course]

還需要搭配網路環境的設定，簡單說就是你的電腦要有一個對外的 IP 位址。

[@東聖金]

老師~找不到欸，要用什麼代替阿

[@柳丁-f3s]

chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb/related

[@柳丁-f3s]

一樣的東西

[@東聖金]

@@柳丁-f3s 謝謝阿

[@cwpeng-course]

感謝 @咕咕咕修畢古巴 的分享 :)

[@jielzhu4223]

請問下老師，我把port改成80 就出現錯誤 這是為什麼

[@cwpeng-course]

1. 如果是伺服器啟動時出錯誤，可能是你的電腦裡有使用另外一個伺服器，已經佔用 port 80，要先關掉。 2. 如果啟動成功，連線的時候要用 80，127.0.0.1:80/