Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「[1001]XOOPS網站門面專業設計」目錄
MarkDown
1. 認識HTML、CSS
2. HTML基礎
3. 表格、圖片與版型
4. 連結、列表與組圖
4-1 上課範例
5. 認識HTML5
5-1 上課範例
6. 套用CSS
6-1 上課練習
7. CSS於區塊的應用
7-1 上課範例:index4.html
7-2 上課範例:style2.css
8. 表格、清單、超連結
8-1 上課範例:index4.html
8-2 上課範例:style2.css
9. CSS的位置控制
9-1 上課範例:index4.html
9-2 上課範例:style2.css
10-1 上課範例:index.html
10-2 上課範例:style.css
11. XOOPS佈景
11-1 需改造網站
12. 將網頁轉為樣板
12-1 上課範例:theme.html
12-2 上課範例:style.css
13. 整修、測試佈景
13-1 block.html
13-2 block_center.html
13-3 style.css
14. 線上修改樣板
14-1 上課範例:theme.html
14-2 上課範例:block_right.html
14-3 上課範例:style.css
14-4 上課範例:block.html
15. 實用CSS技巧
16. 樣板整合
16-1 上課範例:theme.html
16-2 上課範例:style.css
16-3 上課範例:block_right.html
16-4 上課範例:loginhtml
17. XOOPS佈景速成
18. 認識CSS Sprites
18-1 範例一:左半的圖
18-2 範例二:右半邊的圖
18-3 範例三:滑鼠移過切換(IE6相容版)
18-4 範例四:框出裡面的選項
18-5 範例五:完整版
2. HTML基礎
\[1001\]XOOPS網站門面專業設計 ===================== [](http://www.tad0616.net/uploads/tad_book3/file/1001/01.pdf) ### **一、關於講義** 1. 請安裝Dropbox(雲端磁碟機),日後一旦發布講義,您的電腦會馬上收到。若講義網站連不上時,您都可以隨時在您自己的電腦找到上課資料。 2. 您可從這裡下載Dropbox:
,如此,講義可用空間會更大。 3. 您也可以直接連上
只要有網路,都可直接下載教材。 4. 未來講義將不再列出實體紙張,講義及相關教材會盡量於星期三送到各位電腦中,同時也會發表到Tad教材網。 ### **二、關於本課程** 1. 本課程是系列課程中的第二個學程,也是未來幾個學程的基本功夫部份。 2. 上課歡迎卯起來走動,互相交流,有任何不懂之部份,請儘管舉手或開口發問。 3. 課程分為三大主軸:HTML、CSS(含影像處理)、XOOPS佈景設計 ### **三、關於HTML** 1. 非程式,只是一種寬鬆的標籤語法,寫錯也不會怎樣,為網頁的最基礎。 2. 開發佈景、寫程式,都會用到HTML,因此,不建議依賴所見即所得軟體。 ### **四、關於CSS** 1. 用來控制網頁元件的外觀,也是屬於一種語法,而非程式。 2. CSS可以直接寫在HTML檔中,甚至是HTML標籤中,也可以獨立一個檔。 ### **五、關於XOOPS佈景** 1. XOOPS的佈景有其專屬寫法,大致流程為先做好一個普通的HTML網頁,然後,套上XOOPS的專屬標籤,這樣就變成了一個樣板,所有的樣板集合起來,就成了XOOPS佈景。 2. 佈景開發重點在於了解XOOPS的樣板結構及原理,因為XOOPS的樣板分成三大部份:主樣板、區塊樣板、模組樣板...等,尤其XOOPS2.5之後又加入了不少新功能,所以,這部份盡可能的去了解它的結構以及作用範圍,如此,日後才能隨心所欲的想改哪裡就改哪裡。 ### **六、關於編輯器** 1. 本次課程使用的預設編輯器為PSPad(
)或者MadEdit。這兩套都是執行快速,功能強大的免費軟體,而且都具有中文界面。當然您也可以使用自己熟悉的編輯軟體來操作。 2. CSS編輯器則推薦使用TopStyle Lite 3.x,除了可和PSPad做完美結合外,其使用上也相當簡單。在win7中若PSPad無法連結TopStyle,請解壓TopStyle\_reg.zip並執行TopStyle\_registration.reg即可。 ### **七、關於瀏覽器** 1. 瀏覽器以FireFox為主,建議安裝web developer及FireBug套件,將對本次課程有相當大之幫助。請從「工具→附加元件」來安裝。 2. Google瀏覽器亦有web developer(請裝中文版)及FireBug套件,但功能較簡易。請從「工具→擴充功能」來安裝。 ### **八、關於伺服器** 1. HTML及CSS部份,並不需要任何伺服器,只要有瀏覽器就可以執行。 2. XOOPS架設則需放到網頁伺服器中,同時也需要資料庫伺服器來儲存資料。期中會開帳號給學員,若想在家或離線練習,可安裝XAMPP Lite(1.7.3版相容性最好) ### **九、關於講師** 吳弘凱(Tad)任職於台南教網,Email為
或
(發問請多利用Email)
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
151
人線上 (
72
人在瀏覽
線上書籍
)
會員: 0
訪客: 151
更多…