:::
所有書籍
「[1001]XOOPS網站門面專業設計」目錄
MarkDown
2. HTML基礎
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 範例五:完整版
4. 連結、列表與組圖
\[1001\]XOOPS網站門面專業設計 ===================== [![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/1001/03.pdf) ### 一、正確觀念 1. 版型不應該用Table來建立,而是應該用<div>這類的標籤來規劃版型。用表格會缺乏彈性,而且也不是新一代網站的正確作法,表格就應該拿來當作表格用。 2. 但若您不想花太多時間在喬位置,或者網站內容充滿變數,亦或是沒有打算利用CSS來換版型者,那麼,表格會是一個簡單省時的作法。 ### 二、表格標籤<table></table> 1. 屬性:對齊 align(left,center,right)、背景色 bgcolor、邊框border、內邊距cellpadding、欄間距cellspacing、外框模式frame(void, above, below,hsides, lhs, rhs, vsides, box, border)、內框模式rules(none, groups,rows, cols, all)、表格摘要summary、寬度width 2. frame不能在IE中正確顯示 、rules不能在IE,Chrome或Safari中正確顯示。 ### 三、橫列標籤<tr></tr> 1. 屬性:對齊 align(left, center, right, justify)、背景色 bgcolor、垂直對齊valign(top, middle, bottom, baseline) 2. <tr></tr>中至少要有一組<th></th>或<td></td> ### 四、儲存格標題<th></th>、儲存格內容<td></td> 1. 屬性:簡述abbr、對齊align(left, right, center, justify)、背景色 bgcolor、水平合併colspan 、高度 height、不斷行 nowrap、垂直合併rowspan、作用範圍scope(col, colgroup, row, rowgroup)、垂直對齊valign(top, middle, bottom,baseline)、寬度 width ### 五、表格標題<caption></caption> 1. 屬性:對齊 align(left, right, top, bottom) ### 六、圖片<img src="圖片" alt="說明"> 1. 屬性:對齊 align(top, bottom, middle, left, right)、邊框 border、高度height、高度height、水平間距 hspace、垂直間距 vspace、寬度width 2. 網頁圖片支援三種規格jpg(全彩、壓縮、相片)、png(全彩、透明)、gif(256色、透明背景、動畫) ### 七、相對路徑、絕對路徑 1. 相對路徑(相對於自身html檔)較常用,絕對路徑通常為:http://網址/圖檔.jpg ### 八、HTML的顏色碼 1. HTML顏色是用十六進位(00~FF)的紅、綠、藍(RGB)之組合而成的。 例如:#FF0000為紅色,#808080為灰色,#000000為黑色,#FFFFFF為白色 2. 也可以直接寫顏色名,例如:red、gray、black、white等。 ### 九、HTML長度單位 1. 長度不用寫單位,一般預設就是px(像素)。例如 <table width="640"> 2. 也可以用百分比表示,例如:<table width="100%"> ### 十、不錯的佈景網站 1. http://www.mezzoblue.com/zengarden/alldesigns/ 2. http://www.cssdrive.com/ 3. http://www.freecsstemplates.org/ 4. http://www.templateworld.com/free\_templates.html 5. http://www.oswd.org 6. http://www.oswt.co.uk/index.html
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
77
人線上 (
17
人在瀏覽
線上書籍
)
會員: 0
訪客: 77
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱(急救版)
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入