新手學習網站技術的建議--誠心請教

各位神人大家好, 小弟不才, 想跳入學習有關互動式網站技術的坑, 但不知如何下手
可否請各位Mobile01的神人給我些建議, 先當我完全沒有基礎, 請各位幫忙給些建議
1. 學習的方向 (ASP/PHP/JSP or ......), 請先看下面範例
2. 自學或上課的建議

有關學習的方向, 我以下面網站為範例, 我希望能有幾個功能
blog/統計圖/比價/分類 等等, 統計圖與上傳圖文編輯的功能特別重要

第一個範例網站 手機王
手機王網站的畫面
手機王網站的畫面

第二個範例網站 電子出線上出版
這個LuLu 可以線上出版書籍, 透過選擇封面/紙張等互動功能完成 blog出版, 有些還可以將Blog的圖文上傳做邊修
LuLu線上出版的畫面

新手學習網站技術的建議--誠心請教
台灣有類似的網站是HYPO and 聯合線上「UDN 個人出版」、黑米數位的「Tint Tint點點印」,

數位出版的範例網站, 我是想學習他所用在後端 讓User上傳資料做邊修的功能, 及按照步驟Step by Step的互動選擇功能

這兩個範例網站所應用的技術 是我想要學習的, 不知道各位神人可否給些建議
感恩感恩
影像 wrote:
1. 學習的方向 (ASP/PHP/JSP or ......), 請先看下面範例
2. 自學或上課的建議


既然初學 那後面的範例其實也不用看...

因為跳太快了

就算今天叫 Mobile01的網站設計者 去做那兩個網站

做是做得出來 但也並不是輕鬆或是不會遇到任何障礙

所以初學者 可以有個"方向" 跟 "目標"

但是初期所需要的能力 暫時跟這些目標是無關的

首要大概就是兩個部分

一個是頁面呈現的部分

要先學習基礎的HTML與法 CSS排版等等

二則是程式語法運算的部分

程式又分為客戶端 跟 伺服器端

一開始要先搞懂 哪些程式是 伺服器上處理的 哪些是客戶端處理的

至於語言技術 HTML是基礎 也最簡單 不需要任何概念就能上手
(因為主要只是一個標籤語言而已)

客戶端的話 JavaScript 必備 如果不想花太多時間搞JS 可以試試Jquery套件

伺服器端的話則是 PHP 個人覺得最方便

因為PHP + Apache + Mysql 可以輕鬆在任何平台上架設

而且相對的開放資源也多 很多範例可以找 幾乎95%都是Open Souce



學習上的建議

先看懂HTML架構 => 學習PHP+Mysql(含架設) => JavaSctipt (AJAX技術) => 網頁美工

大致上是這樣的順序 基本上 只要前兩關過了 就已經有辦法製作互動網頁

只是互動的程度 跟 使用者的便利性 會比較差
(這個要實際接觸才有感覺 php只能在伺服器端處理資料 因此存在些許限制)

之後才是搭配AJAX來做到比較即時的動態互動 或是其他的效果


書籍的話 因為很久沒看新書了 暫時沒能推薦

PHP本身官方網站就有提供語法書文件 是非常好的電子工具書
(查語法跟範例 必備文件)
http://www.php.net/download-docs.php

然後google也是很好的老師 由於php多半是OpenSouce

所以相當多的範例可以參考

以上壓根沒提到任何跟範例網站有關的內容

因為單就 "運作原理" 其實不外乎就是 透過JavaScript 在客戶端做出互動功能

然後傳訊息給伺服器端的PHP去存取資料

只要基本的流程語法能懂 要套出這些網站的"雛形" 並不困難

至於要做得好 做的有效率 使用便利 這多半靠的就是經驗了

附帶一提 因為網頁要傳給 "瀏覽器" 來顯示

而且客戶端的Javasctipt 也是透過 "瀏覽器" 來運作

所以這部分的程式碼 大概80%都能輕易偷窺偷學
(檢視網站原始碼就能看到了)
กิิิิิิิิิิิิิิิิิิิิ ก้้้้้้้้้้้้้้้้้้้้ ก็็็็็็็็็็็็็็็็็็็็
jQuery 上手應該還需要看的懂程式

上次有朋友跟我提到 extJS,

也是有不少套版, 說是比較容易上手

開版大大可以試看看

不過還是 jQuery 最多人用的樣子
學網頁,你必須要先學html,否則一切免談

再來,我建議你學PHP,因為它是現今應用較廣泛的一種網頁語言


那你學PHP,除了會用到html的基礎外,還會用到:
MySQL:作為資料庫(例如:會員帳戶資料、文章內容等等)
CSS:很多都是需要CSS來進行排版、美化的
JS:他的應用就是一些網頁的互動(例如:偵測滑鼠位置、視窗移動的動畫等等)
當然,你也最好要有一點修圖、製圖的基礎

我的建議是:
PHP > MySQL > CSS >JS


我提供一下我的經驗:
我從小四開始接觸架站,當初就是只知道去下載人家的源碼包,解壓上傳安裝而已
小五之後,開始接觸html,議開始什麼都不會,就去找一些人家的範例來看
說到這裡,我有一點要跟你建議
如果是初學者,寫網頁請你用記事本、Notepad++等等的軟體來寫
建議不要用那種幫你做網頁的軟體(例如:Adobe Dreamweaver),不然以後真的會看不懂源碼
回正題,一開始我是都到處Google,瞭解html的基礎架構
然後找簡單的範例來改

到了小六,我就開始接觸PHP,一開始也是來改別人的範例
但是你要先知道,因為html是靜態的,PHP是動態的,所以PHP會難好幾倍

現在我國二,因為課業問題,所以沒那麼多時間去研究,所以現在還是大多以改別人的源碼為主
加上寫一些簡單的PHP(例如公式計算等等)

因為我是從頭到尾靠Google,所以不是研究得很透徹,但是至少有個底

建議如果真的有心要學,建議議開始先Google,瞭解基礎,然後買書來看
如果要更進階,建議還是去電腦補習班上課

Ailio wrote:
先看懂HTML架構 => 學習PHP+Mysql(含架設) => JavaSctipt (AJAX技術) => 網頁美工


樂 ids93216 wrote:
那你學PHP,除了會用到html的基礎外,還會用到:
MySQL:作為資料庫(例如:會員帳戶資料、文章內容等等)
CSS:很多都是需要CSS來進行排版、美化的
JS:他的應用就是一些網頁的互動(例如:偵測滑鼠位置、視窗移動的動畫等等)
當然,你也最好要有一點修圖、製圖的基礎

我的建議是:PHP > MySQL > CSS >JS


謝謝各位, 原來小六就有這種功力, 神人,
基本上我是預計花5年時間學習這些技能, 作為我人生下個階段(退休)後的娛樂
因為把 "它" 當工作, 實在太累了, 不過我也是認真的

之前想要學習, 找了Google大神, 但資料太多無法收斂,
連基本的入門都不曉得要從何下手, 所以來請教各位, 感謝感謝!

我最近再看台大資工班好像有開課 課程內容
好像蠻符合各位說的方向, 看來可以去報名看看,

還有還有, 那JSP 又是啥, 是與ASP/PHP語言相同位階的程式語言嗎? 使用普及率高嗎?
這是我在網上查到的,

事實上,javascript 跟JSP..是完全不相同的東西. javascript是一種script language,是協助你控制視窗的"工具". 好比說,什麼時候要彈出一個錯誤訊息,或者檢視表單內容是否符合規定之類的. 但它的語法是JAVA 而JSP,則是一種WEB的程式語言.你可以在JSP做的網頁裡加上javascript ,好提升網頁的豐富性.

看了各位大大說明 好像不建議ASP, 比較建議PHP, 那上面這個我問的JSP 又如何?
再請各位大大解惑, 感恩感恩

影像 wrote:
謝謝各位, 原來小六...(恕刪)


JSP,ASP(現在應該算Dot Net的Web Form 用C# 也能寫)PHP,還有早期很紅現在比較少人用的Perl

功能都是差不多的 主要就是 伺服器端的語言 負責接收訊息 運算後回傳訊息這類的工作

JSP是基於JAVA的 ASP當然就是走微軟的NetFramework 而PHP根Perl則是獨立的語言

會推薦PHP主要是因為 PHP的語法比較簡易 變數型態也比較開放 對初學者來說負擔比較小

也比較簡單使用,然後就跨平台而言PHP+Apache 是Windows,Linux都可以安裝的

JSP也是,而ASP必須使用MS的IIS


誰優誰劣其實就初學者來說 沒太大的關聯 好學易上手就可以了


至於Java 跟 JavaSctip 看起來都有JAVA

但是實際上兩者不是同家族的 甚至可以說沒啥關聯

除了語法有點像 但是要說語法 其實每種程式語言的結構語法都是大同小異

所以JavaSctip 就單純當成 "瀏覽器使用的程式語言" 看待就可以了

他的運作平台就是瀏覽器

至於客戶端跟伺服器端的分別 用最簡單白話的來說

我們看網頁 都是 接收完網頁就停了 網頁並不像看電影 每分每秒都一直在傳輸
(AJAX的應用 暫時忽略 這等基礎打穩在研究就可以 只是一種衍生用法)

所以伺服器端的程式 當使用者去連某網頁 或是 送出某筆資料 到達伺服器

伺服器運算完之後 丟回給使用者之後 就完全不關伺服器的事情了

所以常有人問 PHP能不能控制讀卡機、能不能控制WebCam 答案都是不行

因為跟PHP的關係就只有傳輸與接收而已 他不能干涉看網頁使用者的實體設備
(這中間其實算是牽扯資安 所以才有這些限制 不然連個網站電腦控制權就被拿走就太可怕了)

而我們在看網頁會發現 有的圖片會動, 某些地方按右鍵會跳東西出來之類的

就都是屬於瀏覽器端的應用了 所以這部分就是由JavaSctipt處理


PS. 以上講的都是"基本狀態" 但是其實還是有一些方式可以突破這些限制或是做更多的功能
這些就暫不討論了
กิิิิิิิิิิิิิิิิิิิิ ก้้้้้้้้้้้้้้้้้้้้ ก็็็็็็็็็็็็็็็็็็็็
影像 wrote:













謝謝各位, 原來小六就有這種功力, 神人,
基本上我是預計花5年時間學習這些技能, 作為我人生下個階段(退休)後的娛樂
因為把 "它" 當工作, 實在太累了, 不過我也是認真的

之前想要學習, 找了Google大神, 但資料太多無法收斂,
連基本的入門都不曉得要從何下手, 所以來請教各位, 感謝感謝!

我最近再看台大資工班好像有開課 課程內容
好像蠻符合各位說的方向, 看來可以去報名看看,

還有還有, 那JSP 又是啥, 是與ASP/PHP語言相同位階的程式語言嗎? 使用普及率高嗎?
這是我在網上查到的,

事實上,javascript 跟JSP..是完全不相同的東西. javascript是一種script language,是協助你控制視窗的"工具". 好比說,什麼時候要彈出一個錯誤訊息,或者檢視表單內容是否符合規定之類的. 但它的語法是JAVA 而JSP,則是一種WEB的程式語言.你可以在JSP做的網頁裡加上javascript ,好提升網頁的豐富性.

看了各位大大說明 好像不建議ASP, 比較建議PHP, 那上面這個我問的JSP 又如何?
再請各位大大解惑, 感恩感恩

...(恕刪)


簡單的幫你整理下

PHP:應用最廣的一種語言,包括01、Facebook、Google等等的大站都是PHP,而且網路資源很多,有問題Google大部分可以找到答案,而且PHP幾乎在任何系統都能跑

ASP:微軟自家的網頁語言,只能在Windows上跑,所以不建議。另外他是第二個主流的語言,Google也有蠻多資料的,微軟官網也有中文的教學資料庫

JSP:基於JAVA的一種語言,外面很少人用,但是他也是支援大部分系統,但是就是資源很少,會的人也不多,遇到問題Google可能資源比較少

CGI:不知道你有沒有聽過,他也是跨平台的,但是使用的人也不是很多(但是比JSP多),Google資源不多,但是還是不建議

所以普及率排起來是:
PHP>ASP>CGI>JSP,所以強烈建議你學PHP


另外說一下JSP和JS(javascript)的分別

JSP:是一種網頁語言,像是PHP那樣,可以把結果輸出成一個網頁

JS:是一種輔助用的功能,不能單獨運作,需要在網頁(如:html、PHP)下運作,主要是增加網頁和使用者的互動用的,使用很廣泛

所以JSP和JS是幾乎沒有任何關係的兩個東西


有錯麻煩樓下指正
我來講講軟體:

在 Windows 要運行 Apache + MySQL + PHP (俗稱 AMP 黃金組合)

推薦:XAMPP

下載 XAMPP portable (ZIP)那一個




XAMPP 是綠色軟體,不用安裝
解壓縮後,點 xampp-control.exe (控制台)



↑ 如圖:Start 按鈕,按下去,會顯示 Runing 執行中

Apache 網頁伺服器就架好了,就是這麼簡單

MySQL 也是,按下 Start 開始就架好了。

可以把 xampp-control.exe 建一個捷徑放在桌面,或其它地方,方便按。


預設的網站根目錄在:\xampp\htdocs

不過它裡面原先就有一些東西
建議在根目錄建一個 www 子目錄,放練習的 php 程式和 htm 網頁

MySQL 資料庫,就用 phpMyAdmin 去控制管理。


******************************************

XAMPP 雖然是綠色可攜軟體,可以很方便移動到別台電腦使用,但裡頭檔案數量高達 9千多個,直接拷貝或壓縮都很慢。



我個人是習慣把它封裝成一個 img 檔,在「掛載」成「虛擬磁碟機」使用。

如果使用 NTFS 壓縮,img 映像檔約 500MB 就夠了。

好處就是:要移動到別台電腦,或者要備份,只要拷貝那個 img 單一檔案就行了,拷貝 500MB 大小的一個檔案,不過是一瞬間的事情。比拷貝 9千多個檔案,快速很多。

關於如何 "封裝軟體",參考這篇:
http://www.mobile01.com/topicdetail.php?f=512&t=2444890


***************************************************


再來講講網頁知識:

目前最火紅的是 HTML5 + CSS3

建議朝這方面去學習

此外,建議了解一下何謂 W3C,會有很大幫助。


動態網頁
「伺服器端程式語言」的話,建議 PHP、JSP 兩種,去選擇一種

PHP 比較適合初學者,也是目前網路的主流。

主流就是:用的人多,可以問的人多,可以參考的原始碼範例多。遇到問題,可以解決的機率高。

JSP 的母語是 JAVA,沒先學 JAVA 是難以入門的,但 JAVA 的難度幾乎和 C++ 語言差不多。JSP 比較適合原先已經會 JAVA 的人想跨足網頁設計,或者堅持完全物件導向的人。

至於 ASP 用的人少,且對伺服器有嚴格限制,只能是 windows 伺服器,太過封閉不開放,已經漸漸落寞,有逐漸淘汰的趨勢,不建議去碰。


「客戶端程式語言」只有一種,就是 javascript 腳本語言。

這個 javascript 和 JAVA 沒有任何關係,只是名稱相似而已。

javascript 並不是網頁設計必須的,只是可以強化即時性的動態,可以留到最後再去學。

**************************************

介紹一些線上免費學習網站:

W3Cschool(簡體字)

這個網站可以一口氣學到 HTML、CSS、PHP、Javascript ...等等技術。

不過都只是最基礎的入門,若要深入,還是必須買書來看。

書的話,推薦 歐里萊 o'reilly 的 Head First 深入淺出 系列,很貴,不過內容很扎實,先進。且真的淺顯易懂,像在看漫畫書。或者也可以去市立國立圖書館借,用借的就不用買。


簡體字看不習慣的話,可使用有自動轉繁體功能的瀏覽器,比如 火狐 + 同文堂 附加元件。


一些不錯的技術性部落格:

前端觀察

前端開發

HTML5 中文網站

W3C-plus


素材:

免費素材網站介紹

圖標搜尋引擎(簡體)

圖標搜尋引擎(英文)

圖標素材網站

另一個圖標素材網站


fedora wrote :我來講講軟體:

在 Windows 要運行 Apache + MySQL + PHP (俗稱 AMP 黃金組合)

推薦:XAMPP

下載 XAMPP portable (ZIP)那一個




XAMPP 是綠色軟體,不用安裝
解壓縮後,點 xampp-control.exe (控制台)



↑ 如圖:Start 按鈕,按下去,會顯示 Runing 執行中

Apache 網頁伺服器就架好了,就是這麼簡單

MySQL 也是,按下 Start 開始就架好了。

可以把 xampp-control.exe 建一個捷徑放在桌面,或其它地方,方便按。


預設的網站根目錄在:\xampp\htdocs

不過它裡面原先就有一些東西
建議在根目錄建一個 www 子目錄,放練習的 php 程式和 htm 網頁

MySQL 資料庫,就用 phpMyAdmin 去控制管理。


******************************************

XAMPP 雖然是綠色可攜軟體,可以很方便移動到別台電腦使用,但裡頭檔案數量高達 9千多個,直接拷貝或壓縮都很慢。



我個人是習慣把它封裝成一個 img 檔,在「掛載」成「虛擬磁碟機」使用。

如果使用 NTFS 壓縮,img 映像檔約 500MB 就夠了。

好處就是:要移動到別台電腦,或者要備份,只要拷貝那個 img 單一檔案就行了,拷貝 500MB 大小的一個檔案,不過是一瞬間的事情。比拷貝 9千多個檔案,快速很多。

關於如何 "封裝軟體",參考這篇:
http://www.mobile01.com/topicdetail.php?f=512&t=2444890


***************************************************


再來講講網頁知識:

目前最火紅的是 HTML5 + CSS3

建議朝這方面去學習

此外,建議了解一下何謂 W3C,會有很大幫助。


動態網頁
「伺服器端程式語言」的話,建議 PHP、JSP 兩種,去選擇一種

PHP 比較適合初學者,也是目前網路的主流。

主流就是:用的人多,可以問的人多,可以參考的原始碼範例多。遇到問題,可以解決的機率高。

JSP 的母語是 JAVA,沒先學 JAVA 是難以入門的,但 JAVA 的難度幾乎和 C++ 語言差不多。JSP 比較適合原先已經會 JAVA 的人想跨足網頁設計,或者堅持完全物件導向的人。

至於 ASP 用的人少,且對伺服器有嚴格限制,只能是 windows 伺服器,太過封閉不開放,已經漸漸落寞,有逐漸淘汰的趨勢,不建議去碰。


「客戶端程式語言」只有一種,就是 javascript 腳本語言。

這個 javascript 和 JAVA 沒有任何關係,只是名稱相似而已。

javascript 並不是網頁設計必須的,只是可以強化即時性的動態,可以留到最後再去學。

**************************************

介紹一些線上免費學習網站:

W3Cschool(簡體字)

這個網站可以一口氣學到 HTML、CSS、PHP、Javascript ...等等技術。

不過都只是最基礎的入門,若要深入,還是必須買書來看。

書的話,推薦 歐里萊 o'reilly 的 Head First 深入淺出 系列,很貴,不過內容很扎實,先進。且真的淺顯易懂,像在看漫畫書。或者也可以去市立國立圖書館借,用借的就不用買。


簡體字看不習慣的話,可使用有自動轉繁體功能的瀏覽器,比如 火狐 + 同文堂 附加元件。


一些不錯的技術性部落格:

前端觀察

前端開發

HTML5 中文網站

W3C-plus


素材:

免費素材網站介紹

圖標搜尋引擎(簡體)

圖標搜尋引擎(英文)

圖標素材網站

另一個圖標素材網站


...(恕刪)


我個人是推AppServ啦,因為他在跑你沒感覺,也不會影響電腦使用

XAMPP檔案很大...

樂 ids93216 wrote:
學網頁,你必須要先學...(恕刪)


看不出來才國二而已
講話有條有理

小屁孩的分類不能只靠年紀啊
關閉廣告
文章分享
評分
評分
複製連結

今日熱門文章 網友點擊推薦!