401261152 的部落格

[S14_WebFund] Post #2 資工二甲 401261152 石聖銓

時光匆匆 歲月如梭 轉眼又到了期末

這學期上了這堂課感覺稍微搞懂了網站的架構

從前端到後端 從設計到技術

現在才知道要作出一個版型好的網頁 要寫多少CSS

 

這堂課跟以前上過的課差很多 

這堂課上課大概就是稍微提示一下PHP HTML CSS的特色

更詳細的就要自己去學習

其他課就自學的部分就少很多

 

codecademy跟w3school都是很好的自學資源

出了學校之後自學能力就會很重要

畢竟不能出了新技術就回學校

 

這堂課讓我更清楚資工系再學些什麼 

至少我確定我不會想去當前端工程師

[S14_WebFund] Lab5 資工二甲 401261152 石聖銓

先在這個頁面輸入姓名跟年齡

然後接下來的頁面會顯示出 資料庫裡面 所存的姓名跟年齡

 

心得:

這次主要學習的方式是透過w3school 裡面的基本語法教學都很齊全

這次作業主要分成三個部分

先尋找免費主機

然後連接資料庫

做出頁面

免費主機是用獅子的虛擬主機

資料庫他裡面有內建 使用者名稱 跟密碼也都是一開始就設定好了

host的位置也有給

只需要用php的語法連過去就好了

不過我現在還是不太知道php要怎麼除錯 沒有編譯器錯誤可以看

丟到網路上也不會顯示錯誤 直接就顯示不出來

連接完資料庫之後

先做一個post清單傳到下一個php頁面執行

把讀取到的name跟age存到資料庫

在讀取整個table出來

做到這邊有發現一個問題是

[S14_WebFund] Lab4 資工二甲 401261152 石聖銓

 

PHP用起來其實就跟普通的程式語言差不多

 

他宣告變數比較寬鬆 只需要$符號就可以宣告

 

讓我學習的比較多的是foreach迴圈 

 

這種for迴圈用起來很方便 不必另外設計很多變數

 

array可以自訂KEY也是種很新的概念

 

唯一比較在意的地方就是codecademy的php練習常常不太能過

 

明明沒打錯 但是只要硬隔開一行他就算你對 有點麻煩

[S14_WebFund] Lab3 資工二甲 401261152 石聖銓

第一部分

 

 

其實jQuery感覺就是一個功能強大的函式庫

 

他把我們經常需要處理的event做成簡單的function方便使用

 

我覺得要使用好jQuery需要有夠多的經驗和熟悉度

 

才能想到有哪些function能夠使用

 

感覺有點像是在使用工具的感覺

 

 

第二部分

 

 

http://stone07050.wix.com/401261152#!blank/c1wf7

 

[S14_WebFund] Lab2 資工二甲 401261152 石聖銓

 

HTML真的是很單純的語言

只要把東西用標籤框起來就可以了

沒有太複雜的規定

我覺得HTML/CSS有一個很好的地方就是

把設計跟內容分開

設計就放在CSS文件裡面

內容放在HTML

我覺得這是很實際的做法

不過這也讓我發現 想要做好一個網頁最重要的可能不是你的程式寫作能力

而是你的設計美感 在這種呈現給使用者看的東西面前

程式能力或許不是第一要件

 

 

http://stone07050.wix.com/401261152

Wix真的是很方便的網頁設計工具

不需要任何程式寫作

只需要憑直覺來操作 看到的東西就是實際成品

[S14_OS] Post #1 資工二甲 401261152 石聖銓

雖然是堂必修課 但是跟以前上過的必修課差很多

以前都是坐在教室上課 回家複習 考試這樣

現在多了很多事情

上課前要先預習 上課用討論的方式

感覺是很先進的教學方式

不過適不適合台灣學生 大概還要花更長的時間測試

 

以前我一職搞不懂硬體跟軟體到底是怎麼處理的

希望我修完這堂作業系統能更加清楚

[S14_WebFund] Post #1 資工二甲 401261152 石聖銓

上了這幾周的課讓我知道了一些以前都搞不清楚的東西

瀏覽器就像編譯器一樣,能夠把html程式碼轉成網頁,

我以前總是以為開網站,只是把網站開出來而已,原來後面

做了這麼多的事情,送去GET、POST,然後取得網頁,然後

再把取得的網頁暫存在我們的電腦。

 

我也是第一次知道codecademy這個網站,他把程式碼的學習

做得很簡單易懂,html程式碼的教學也非常詳細,

相信我在未來也會經常的使用這個網站。

 

梅興老師的課讓我有了許多新的嘗試,教學方式也比較新奇,

使用的工具程式也很多,不只是關於理論也有很多實作的部分。

[S14_WebFund] Lab1 資工二甲 石聖銓

1.wireshark

 

安裝好wireshark之後

開啟之後 搜尋HTTP 看到很多GET跟一些POST

我去網路搜尋之後 知道了其實GET跟POST是很相似的東西

只是GET不能在內部傳送資料過去

而POST可以在內部傳送資料過去 而不用寫在網址列那邊

從這邊我了解到 平常網站登入應該是使用POST來傳送帳號資料過去

我在Filter那邊打上http.request.method == "POST"

用來過濾HTTP中的POST

於是我決定用陪伴我長大的伊莉論壇嘗試看看

一試不得了

 

上面紅色部分就是我的帳號密碼

現在大部分知名網站都會加密 但是還是有少數不會

伊莉論壇雖然也是知名網站 但是他的防護措施讓人感到汗顏

 

2.HTTP analysis

我的瀏覽器是使用Opera Next

他的分析工具開啟方式是右鍵檢查元件

[S14-WebFund] HW0 資工二甲 石聖銓

我是資工二甲的石聖銓

 

自我介紹:

我興趣是 讀書 聽音樂 玩遊戲

我最近1~2年比較喜歡讀哲學類的書

哲學類的書總是能帶給我不同的思想

而且我覺得在台灣這種奇怪的國家裡 

要有自己的思考方式才不會被潮流 媒體給影響

音樂我比較常聽日本的

像是東京事變 坂本真綾 色情塗鴉的歌我都很喜歡

遊戲方面

我比較喜歡 有創新性 和 故事性的

像是上古捲軸系列

 

修課動機:

從國中開始我每天都會使用網路超過10小時 所以我想知道他的運作原理

 

修課期許:

希望能熟習各種網路語法及架構

頁面