前面我們有了導覽列加上banner區塊!接下來的排版就可以很快速地套用我們之前所學,display:flex完成剩下的排版,讓我們繼續看下去吧! 我們這裡先為昨...
前面的幾篇文章已經讓我們可以完成一個屬於你的網頁!包括從頁首、網頁內容、頁尾、排版,這些所教的工具如果都學起來融會貫通後。就可以完成一個有質感的網頁了! <...
我們能夠做完一個網頁後,接下來我們可以讓這個網頁有更多的動態、趣味性,今天要介紹的動畫效果transition就可以幫助我們達成這個效果,我們來看怎麼使用吧!...
昨天介紹完了transition動畫,今天要介紹Animation動畫,兩者有甚麼區別呢? Animation動畫可以控制的細節更多,而且不需要觸發條件,可以直...
今天我們要來介紹Bootsrap,那這是甚麼呢 ?他是一種框架(frame),在他所制定的規則裡,能快速讓使用者開發出網頁, 首先我們先到Bootstrap的網...
昨天我們利用Bootstrap的框架做了一個三欄的版面,而今天我們就是要利用Bootstrap不同的套件,去快速完成一個網頁,讓我們繼續看下去吧!記得要先把基本...
今天要接觸我們的Javascript,讓網頁更多動畫,互動性,不是一個只有圖片跟文字的死板網頁,而JQuery是甚麼呢?就是存放了許多Javascipt的函示庫...
JQuery的應用有非常多種,概念就是當觸發條件達成時,我要做些甚麼,例如:滑鼠單擊一下,隱藏的選單跑出來,或是滾動網頁到下方時,蓋板廣告跑出來。都是JQuer...
昨天介紹了JQuery點擊隱藏的用法,今天要做一些稍為的延伸,建立一個蓋板廣告後,點擊旁邊蓋板逛告消失,這在我們網頁中也是非常的常見,就讓我們看下去怎麼做吧!...
這次要來介紹JQuery的第二種方式,透過控制CSS的狀態去做到網頁所需的效果,而在JQuery的網頁裡也有範本讓我們參考怎麼去實踐,接下來就讓我們看看能做到那...