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

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

primarycss

  • 網站名稱:primarycss
  • 網址:按這裡

第一步 我們先來到網址的地方,我們就可以看到很多版型可以產生CSS部分和HTML部分,

第二步 我們這邊隨便點一個進去,就出現3欄+banner的切版版型,這邊我們再按Download Primary,

第三步 就會出現CSS部分,這邊CSS它有多寫的,之後下載後可以把它用掉,回上一頁按Download html那個選項,

第四步 就會出現HTML的部分,在把它複製到<body>裡面去,

最後,我把它下載下來,整個從做一個網頁,讓它IE9看一下,就跟剛剛一模一樣,這邊有很多版型程式碼可以下載,對做網頁的應該是很方便,趕快來用看看吧!

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>