Toggle main menu visibility
新聞
下載
教材
影音
討論
其他選單
好站連結
行事曆
電子相簿
常見問題
萬用表單
即時留言簿
友站消息
社大學員
:::
登入
登入
帳號
密碼
登入
重整畫面
:::
所有書籍
「[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書籍區
即時留言簿
書籍目錄
展開
|
闔起
線上使用者
69
人線上 (
15
人在瀏覽
線上書籍
)
會員: 0
訪客: 69
更多…
5. 認識HTML5
