目前分類:(´・ω・`)輕鬆學css網頁設計 (10)

瀏覽方式: 標題列表 簡短摘要

image

在教大家使用bootstrap之前,先來介紹bootstrap到底是什麼

簡單來說,bootstrap就是一個寫好的框架,所謂框架就是在bootstrap的官網上會有一串他已經幫妳寫好的程式碼,換句話說就是半成品的程式碼,你只要複製貼上到你的網頁中去,就可以達到跟bootstrap官網上示範的部分一樣的效果,當然還是有些部分需要修改的

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

0366-01.jpg

最近有點不知道要寫什麼了,不然就來寫CSS吧~XD

首先,網頁是用很多個區塊包起來的,而CSS則是為網頁的每個區塊做美工,在CSS檔案中,你要針對哪個區塊做調整就要有對應的名稱

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

想要修改CSS,首先,你得先找到CSS的檔案位置

因為各種類網站用的系統不太一樣,所以CSS檔案存放的地方也不同,這裡拿痞客邦來示範

不過CSS語法都是一樣的,這篇教學也適用於大部分的網站

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

image

一般來說,架設網站用的通常都是外面買的雲端主機,將網站放在自家的電腦還要看網路頻寬之類有的沒有的,在自己的主機上架站通常是公司行號有專門的部門負責自己的網站維護

不過,在自家電腦上架網站拿來測試自己開發的網站是不錯的選擇,起碼速度要比在雲端上快多惹

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

 

image

今天要介紹的是用主要來開發後端的php使用的開發軟體--MAMP

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

image

(一張毫無關聯的孔雀魚)

今天來給各位介紹css中一個非常好用的語法--hover

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

對剛入門網頁設計的人來說,一款簡單易上手的編輯工具是很重要的,而市面上能寫網頁的工具那麼多,哪一款會比較適合新手呢?

現在要寫網頁主要的工具比較主流的不外乎就是 DreamweaverVisual Studio  這兩款大家應該比較有聽過

其中Dreamweaver主要是寫css和html,也就是網頁的美編排版部分,對於資料庫就沒有那麼好用了,而且正版Dreamweaver還要付費才能使用

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

上次提到過padding(內距)的使用方法這次我們來講margin(外距)

margin,中文叫"外距",同樣是每個區塊都自動會有的屬性,預設是0,寫法格式和padding(內距)一模一樣

margin是用來設定當前區塊距離更外層區塊的距離,外距屬性並不會算做區塊的一部分,外距就只是單純的區塊與區塊之間的距離而已,如果使用haver之類的屬性不會把margin所設定的區域納入進去

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

每個網頁是由許多的區塊組成的,而每個區塊由外到內都固定有margin,border,padding,這三種屬性,最裡面的才是內容

而padding內距屬性,用途就是設定與包在裡面的小區塊的距離

這樣講不太清楚,下面我們來詳細解釋解釋

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()

image

本文是CSS上面基本的幾個語法匯總,方便像我這種沒在背語法的人查詢

~~~分割線醬被拖走了Σ(*゚д゚ノ)ノ~~~

文章標籤

星夢月影 發表在 痞客邦 留言(0) 人氣()