標籤彙整:CSS排版

網頁設計教學系列-快速產生CSS版型程式碼下載(primarycss)

DOUBLE冠之前分享不少的DIV+CSS的部分,主要讓比較初學者可以快速上手,知道如何排DIV+CSS的部分,不過今天要介紹一個懶人方式,那就是可以快速產生不管是兩欄式,或者是三欄式,可以產生HTML原始碼和CSS部分,這樣就可以快速來製作網頁,一起來看看!

繼續閱讀

網頁設計教學系列-做出在兩個不同解析度所呈現出來的效果!

今天要分享的東西,可能從標題看不太出來在講什麼樣的意思,這邊今天要講的,就是網頁設計的爸爸和小孩,也就是父區塊和子區塊,有時候在1024X768看到的是子區塊,在1366X768看見的是父區塊和子區塊的結合,這樣做的好處就是不會在不同解析度下,所呈現出來的感覺不會差太多,讓我們來看看今天的教學!

繼續閱讀

網頁設計教學系列-用HTML5語法做基本的排版

最近自己本身在學HTML5語法,所以會開始分享一些HTML5設計的語法教學,也順邊透過這樣的方式來跟大家討論,今天要分享的東西跟之前DIV排版很像,但這次是用HTML5語法來做排版,因為HTML5語法是語意標籤,也就是只要看網頁原始碼大概就知道網頁架構,一起來看看今天的教學!

繼續閱讀

網頁設計教學系列-兩款好用的CSS3產生器幫你快速上手CSS3

今天要講的東西,是最近比較流行的CSS3,平常我們會說做一個網頁是透過HTML+CSS來完成,但CSS的部分,它有分成CSS1、CSS2、以及最近流行的CSS3,不過大家也一直很好奇CSS3到底是什麼,所以今天要講兩個網站,可以幫大家快速上手一些CSS3語法,讓你在使用CSS3上面可以更加得心應手!

繼續閱讀

網頁設計教學系列-CSS+DIV排版-2

今天再度要來分享CSS排版系列,現在CSS+DIV的排版是一定要學會的基本功,這樣你才能靈活用在像是之後HTML5語法上面,或者是WORDPRESS等等,因此這裡的文章都會從一些基本的教起,如果有什麼樣的問題,歡迎大家來提問,這樣大家才會一起進步,話不多說,趕快來看今天的教學吧!

繼續閱讀

網頁設計教學系列-CSS+DIV排版-1

今天要分享的東西,也是網頁設計很基本的排版設計,以WORDPRESS來看,就是一塊header+content+sidebar+footer的一種排版方式居多,所以今天這裡要先介紹基本類似的兩欄式排版方式,先從基礎的學起,以後在用其它東西時,會比較得心應手,話不多說,馬上開始今天的排版教學!

繼續閱讀