:::
所有書籍
「[1001]XOOPS網站門面專業設計」目錄
MarkDown
5. 認識HTML5
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 範例五：完整版
6. 套用CSS
\[1001\]XOOPS網站門面專業設計 ===================== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body bgcolor="#000000"> <table width="1000" align="center" border=0 cellpadding=8 cellspacing=0 summary="版型用" background="page.png" height=600> <tr valign="top"> <td colspan=2 align="center" height=150> <!--標題圖--> <a href="http://tad0616.net" target="\_blank"> <img src="title.png" alt="title.png, 7.0kB" title="Title" border="0" height="89" width="135"> </a> </td> </tr> <tr valign="top"> <td> <!--主內容外框開始--> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD><IMG SRC="images/pic\_1.png" WIDTH="30" BORDER="0" HEIGHT="30"></TD> <TD background="images/pic\_2.png"></TD> <TD><IMG SRC="images/pic\_3.png" WIDTH="30" BORDER="0" HEIGHT="30"></TD> </TR> <TR> <TD background="images/pic\_4.png"></TD> <TD background="images/pic\_5.gif"> <!--主內容開始--> <h1>一、HTML5現況</h1> <ol> <li>HTML5將於2014年發布正式版</li> <li>廣義論及HTML5時，實際指的是HTML、CSS和JavaScript在內的技術組合</li> <li>各瀏覽器HTML5支援程度：http://www.findmebyip.com/litmus/</li> <li>HTML5空白樣板：http://html5boilerplate.com/</li> </ol> <h1>二、HTML5和HTML4的差異</h1> <p>以下資料引用自：http://www.css88.com/archives/2796</p> <ol> <li>簡潔的DOCTYPE：<br> HTML5 只有一個簡單的文檔類型：<!DOCTYPE html>。它不使用版本，因此該文檔類型適用所有版本的HTML。</li> <li>簡單易記的語言標籤：<br> 你並不需要在<html> 中使用xmlns 或xml:lang標記。<html lang="en"> 將對HTML5 有效。</li> <li>簡單易記的編碼類型：<br> 你現在可以在meta 標籤中使用"charset"：<meta charset="utf-8" /></li> <li>不需要閉合標籤：<br> 在HTML5 中，空標籤（如：br、img 和input ）並不需要閉合標籤。</li> <li>廢棄的標籤：</li> </ol> <!--主內容結束--> </TD> <TD background="images/pic\_6.png"></TD> </TR> <TR> <TD><IMG SRC="images/pic\_7.png" WIDTH="30" BORDER="0" HEIGHT="30"></TD> <TD background="images/pic\_8.png"></TD> <TD><IMG SRC="images/pic\_9.png" WIDTH="30" BORDER="0" HEIGHT="30"></TD> </TR> </TABLE> <!--主內容外框結束--> </td> <td width="200"> <!--右區塊開始--> <TABLE BORDER="0" WIDTH="190" CELLPADDING="0" CELLSPACING="0"> <TR> <TD background="images/block2\_1.png" HEIGHT="58">區塊標題</TD> </TR> <TR> <TD background="images/block2\_2.png"> 這一版是 Tad Uploader的大改版，除了版面全改以外，後台也全改了，上傳方式也都改了，改很大的版本，歡迎各位用力測試。RC1直接上傳有點問題，在RC2已經修正了。 這一版是 Tad Uploader的大改版，除了版面全改以外，後台也全改了，上傳方式也都改了，改很大的版本，歡迎各位用力測試。RC1直接上傳有點問題，在RC2已經修正了。 </TD> </TR> <TR> <TD><IMG SRC="images/block2\_3.png" WIDTH="190" BORDER="0" HEIGHT="33"></TD> </TR> </TABLE> <TABLE BORDER="0" CELLPADDING="20" CELLSPACING="0" background="images/block1.jpg" width=190 height=266> <TR> <TD> 這一版是 Tad Uploader的大改版，除了版面全改以外，後台也全改了，上傳方式也都改了，改很大的版本，歡迎各位用力測試。RC1直接上傳有點問題，在RC2已經修正了。 </TD> </TR> </TABLE> <!--右區塊結束--> </td> </tr> </table> </body> </html>
:::
搜尋
search
進階搜尋
QR Code 區塊
快速登入
所有討論區
「PHP全端開發」線上課程討論區
XOOPS使用討論區
一般研習學員
社大學員專用
路過哈啦區
XOOPS佈景設計
XOOPS模組開發
Tad書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
210
人線上 (
65
人在瀏覽
線上書籍
)
會員: 0
訪客: 210
更多…
:::
主選單
NTPC OpenID
活動報名
模組控制台
進階區塊管理
站長工具箱（急救版）
網站地圖
Tad Tools 工具包
站長工具箱
行事曆
討論留言
嵌入區塊模組
快速登入
網站計數器
好站連結
最新消息
檔案下載
線上書籍
電子相簿
影音播放
常見問題
萬用表單
友站消息
社大學員
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
登入
登入
帳號
密碼
登入
5. 認識HTML5
