線上書籍

Home

[972]CSS打造XOOPS佈景

  1. CSS 是什麼?
    1. CSS是Cascading Style Sheets的縮寫,亦即「串接樣式表」之意。

    2. CSS是用來控制網頁外觀的。

  2. 為什麼要用CSS?
    1. 因為網頁的HTML控制外觀能力有限,所以靠CSS來補足其不足。

    2. 可達到內文和外觀分開的功能,亦可讓網頁結構更清楚、簡單。

  3. 要用CSS需要什麼工具?
    1. 什麼都不用,只要有個「純文字編輯器」即可,什麼作業系統或瀏覽器都無所謂。

    2. 功力夠的,可以用Windows的「計事本」;想要更方便些,可以用TopStyle lite ,免費的CSS編輯器。

  4. 學CSS需要什麼背景知識?
    1. 需要有網頁編輯的經驗,最好能夠熟悉HTML語法,因為CSS可以說是和HTML結合在一起的。

  5. BlueFish的優點
    1. 跨平台的中文自由軟體,Windows下或Linux下都可以免費安裝使用。

    2. 有完整的精靈畫面,可以快速產生原始碼,讓您眼見為憑,方便學習。

  6. BlueFish的設定,第一次安裝請進行以下設定
    1. 讓中文可以正常,字型請選擇「MingLiU 11」。

    2. 設定您的工作目錄(因為BlueFish的工作目錄似乎不是很正常...)
       

  7. BlueFish好用的熱鍵
    1. 「F3」:會自動判斷游標所在的語法,並叫出精靈對話框供您設定。

    2. 「Ctrl+>」:向右縮排。

    3. 「Ctrl+>」:向左縮排。

  8. HTML基礎認知
    1. 網頁其實只是由一堆HTML標籤所組成副檔名為.html的純文字檔。

    2. HTML是寫網頁的基本「語法」,而非程式語言。

    3. 網頁中的首頁,預設名稱為index.html,利用瀏覽器就可看見網頁效果。

    4. 學HTML不要死記,只要知道要做什麼效果,可以用什麼標籤,或者某標籤的用途為何,這樣就可以了!