在教大家使用bootstrap之前,先來介紹bootstrap到底是什麼
簡單來說,bootstrap就是一個寫好的框架,所謂框架就是在bootstrap的官網上會有一串他已經幫妳寫好的程式碼,換句話說就是半成品的程式碼,你只要複製貼上到你的網頁中去,就可以達到跟bootstrap官網上示範的部分一樣的效果,當然還是有些部分需要修改的
在教大家使用bootstrap之前,先來介紹bootstrap到底是什麼
簡單來說,bootstrap就是一個寫好的框架,所謂框架就是在bootstrap的官網上會有一串他已經幫妳寫好的程式碼,換句話說就是半成品的程式碼,你只要複製貼上到你的網頁中去,就可以達到跟bootstrap官網上示範的部分一樣的效果,當然還是有些部分需要修改的
想要修改CSS,首先,你得先找到CSS的檔案位置
因為各種類網站用的系統不太一樣,所以CSS檔案存放的地方也不同,這裡拿痞客邦來示範
不過CSS語法都是一樣的,這篇教學也適用於大部分的網站
一般來說,架設網站用的通常都是外面買的雲端主機,將網站放在自家的電腦還要看網路頻寬之類有的沒有的,在自己的主機上架站通常是公司行號有專門的部門負責自己的網站維護
不過,在自家電腦上架網站拿來測試自己開發的網站是不錯的選擇,起碼速度要比在雲端上快多惹
對剛入門網頁設計的人來說,一款簡單易上手的編輯工具是很重要的,而市面上能寫網頁的工具那麼多,哪一款會比較適合新手呢?
現在要寫網頁主要的工具比較主流的不外乎就是 Dreamweaver 和 Visual Studio 這兩款大家應該比較有聽過
其中Dreamweaver主要是寫css和html,也就是網頁的美編排版部分,對於資料庫就沒有那麼好用了,而且正版Dreamweaver還要付費才能使用
上次提到過padding(內距)的使用方法這次我們來講margin(外距)
margin,中文叫"外距",同樣是每個區塊都自動會有的屬性,預設是0,寫法格式和padding(內距)一模一樣
margin是用來設定當前區塊距離更外層區塊的距離,外距屬性並不會算做區塊的一部分,外距就只是單純的區塊與區塊之間的距離而已,如果使用haver之類的屬性不會把margin所設定的區域納入進去
每個網頁是由許多的區塊組成的,而每個區塊由外到內都固定有margin,border,padding,這三種屬性,最裡面的才是內容
而padding內距屬性,用途就是設定與包在裡面的小區塊的距離
這樣講不太清楚,下面我們來詳細解釋解釋