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...
相較於前一篇用文字記憶法,這篇則是用原始碼做為比較,詳細列出一眼辯英雄的矛盾大對決! 從第5項實驗,我們成功證明了id確實強過class的效果! 但是這時我突...
或許你可能曾在FB或是Dcard的留言板上,看過諸如此類的奇怪文字: 因為大家都不知道怎麼辦到的,所以紛紛複製貼上,演變成大量洗版的詭異流行。 現在就來介...
想轉職當網頁工程師,你有聽過 freeCodeCamp 嗎? 轉職寫網頁? 每當朋友說想要轉職當工程師,我都會推薦直接去寫網頁,因為資源豐富啊!而且市場需求...
作為一名在資料行業打拚了兩年多的資料分析師,雖然目前收入還算ok,但每每想起房價,男兒三十還未立,內心就不免彷徨不已~ 兩年時間裡曾經換過一份工作,一直都是從事...
就在寫前一篇範例的時候,突然想起了這項也很重要的問題: 當我想在內容編寫程式碼的語法時,導致網頁誤以為那也是一段要執行的語法,該怎麼辦? 這時就需要請出HTM...
如果HTML是人,那CSS就決定了他的髮膚顏色,而JS則是這個人的行為。 其中,HTML負責確定網頁中有哪些內容。 CSS確定如何展現元素的外觀(比如:大小、...
第一個入門 JS 的實作學習目標 身爲 JS 剛入門的新手,把做出第一個 Todolist 當作第一個實作學習目標。一開始還不確定能利用哪些語法做出 Todol...
這是接續了前一篇推薦的教學網址,對其談到的斜槓稍作內容延伸。 這個符號 「/」就是斜槓,呈現上右下左。 而 「\」是反斜槓,呈現上左下右。 斜線的方向,有時...