在昨天的內容中，我們已經了解了基本的 HTML 結構，今天我們來試著剖析網頁原始碼並找出我們需要的資料。 常見剖析 HTML 原始碼的方式有三種： 正則表示式...
今天要來寫一個滿版圖片，但不使用 img 的標籤，想呈現下方畫面 這次做法跟先前一個練習類似，但這次有一個地方有優化了一下，就是在這個地方增加下列屬性 .co...
本篇擷取重點： Request物件 Request物件的常用屬性及方法 一、Request物件 Request 物件是 ASP 的內建物件之一，我們可以使...
首先就來了解網路的運作吧！點圖看影片 How The Internet Works： HTML是什麼 超文本標記語言（英語：HyperText Markup...
我們在瀏覽器上實際看到的畫面，其實是瀏覽器在收到 HTML 後渲染出來的結果，之後寫爬蟲時也是幾乎都會根據 HTML 來找到我們要爬取的目標，所以必須對 HTM...
網路上有著各式各樣的網站，看似五花八門，但其實基本的頁面都是由 HTML 與 CSS 所構成，再加入程式語言來增加與使用者間的互動。這一篇，我要先來介紹一下 H...
左邊的欄位已經寫完了，這篇開始從右側欄位開始撰寫內容， 預計 header 會長這樣，左邊是一排選單，右邊有一個按鈕，給客戶做意見回饋用， 如下圖: 為了要讓...
前端當然要從 HTML 出發，今天就讓我們來聊聊 script tag 加上 async / defer 的功能及差異。 講古 我們知道，瀏覽器解析 HTML...
aside 終於進入最後一個部分，也就是播放器了，預計呈現樣式如下圖： 這次用了比較多技巧跟方式，慢慢的講解吧!! HTML 如下： <div clas...
本篇重點問題回顧: 列出重點希望各位可以好好的將影片回放複習喔，另外幾個重點問題中，Amos已經有影片的會直接附上連結給各位參考取用。 為何需要reset...
進入 aside 中間部分的編寫，想要寫成下方畫面 程式碼滿簡單的，跟前面的程式碼差不多，但這次加入了畫面優化跟效果， 先來看一下 HTML 程式碼 <...
CSS 是 Cascading Style Sheets 的縮寫，是一種 style sheet (樣式表) 語言，可將自訂的樣式 (例如：字體、顏色) 附加在...
這次要寫一個播放器的清單，在編寫之前，我先把 navbar 優化了一下，如下圖呈現的樣式， 但我還是沒有研究出來 search 要怎麼對齊在 navbar 的...
小弟平常喜歡聽音樂，台灣音樂串流平台的始祖 KKBOX，從一推出就使用至今，也看到 KKBOX 在台灣的音樂圈越來越具有代表性，並且還有自己的風雲榜演唱會，真是...
小弟熱愛音樂，前一週自己發想一個音樂主題的頁面網站，記錄各樣的網頁撰寫方式， 接下來這一週要向 KKBOX 致敬，撰寫內容如下 navbar 導覽列 左邊 s...
初級踩地雷是9X9地圖，如果網頁直接寫死，三個等級就要寫三頁。透過JavaScript來控制地圖大小，就可以將初、中、高地圖寫在同頁，甚至還可以讓玩家自訂地圖大...
終於來到第一個網頁的內容結尾，通常結尾會有一個表尾，我們俗稱 footer，用來做最後的資訊用，但我個人比較喜歡簡單的樣式，所以就來寫一簡單的 footer 吧...
windows經典小遊戲，CPE也有踩地雷10189 - Minesweeper，不過文字版玩起來不刺激。這次嘗試製作網頁版踩地雷，會用到Html、Css、JS...
一個網頁的產生，除了跟消費者介紹產品與提供資訊外，最重要的就是要提供下單服務啦!! 這次要寫的樣式如下 這次要用 ul li 的清單方式來寫一個產品下單的列表...
一個音樂網頁主視覺下方會有一個最新的資訊，就讓我們來寫一個三欄式的主要資訊吧!! 預計要寫如下方所示: 首先 HTML 的程式碼如下 <sect...
網站中最重要的主視覺大圖，大部分會落在 header 上，今天就來寫個 header 吧!! 預計會長這樣 HTML 的寫法很簡單，如下方 <div...
響應式網頁設計 響應式網頁設計（英語：Responsive web design，通常縮寫為 RWD），或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是...
現在網頁為了 RWD ，在 layout 的 navbar 跟 footer 都會固定，而網頁最上方都會有一個 navbar，裡面會有 logo 還有一些選項，...
從大學畢業以來，就一直在平面設計的領域中探索自己， 如何將自己所學變成可能回饋社會的力量， 雖然不多，但不斷的努力著透過設計可以讓台灣的視覺更好， 隨著智慧裝置...
一個網頁應用程式的生命週期可分為以下階段： 輸入網址或點擊超連結 瀏覽器向伺服器送出 request 伺服器回傳回應頁面（HTML, CSS, 和 JavaS...
有一些看似很基本的知識 例如 Heading < H1 > 至 < H6 > 有時不知是不是所有新手 都知道是什麼？ 在老一輩什麼都是...
誠徵網頁前端合作伙伴, 希望能夠長期合作者為佳, 至少網頁做一年以上吧, 最好是常在切版, 能夠做動畫之類的更好, 然後可以介接API, 希望是能夠前後端分離的...
重要的一天，記錄一些筆記: HTML ::after 解釋 在原本的元件後面增加內容。 []的運用 style{ .img img[alt]{ w...
用VS 2013 F5跑起來看,有相間的效果 但網頁放到IIS上時,就沒有了. 查到原因是因為IE瀏覽時預設值為版本7,這個功能要9 以上才支援. 所以就再...
這是第一次在這裡發文，這是一篇記錄自己在寫php的時候遇到的問題紀錄與找到的解決方法。 遇到的問題：按下按鈕之後要呼叫寫在同一頁的Javascript func...
Rex Chien
Tim Hsu
碼屋( MARK WU )
JinWen
Sherry
Gary
CSScoke
Titangene
來杯拿鐵
Mack Chan
yowlonglee