Title1
Title2
Title3
Login
Link
Search
教學頻道
中信金融管理學院
點二下資訊社
新化社區大學
GAS+購物車開發
GAS專案
GAS+購物車開發
Google表單實戰電商購物車
GAS+LineBot開發
外帶內用管理
購物車管理
線上打卡系統管理
萬用表單5
LineBot 線上書籍
PHP專案
網站程式設計-PHP(10502)
網站程式設計-PHP
PHP SMARTY 樣板引擎
SMARTY樣板
課程教材
雲端工具入門
行動應用企劃人員養成班
萬用表單5
GAS+LineBot開發
研習
萬用表單5
鐵人賽-Google Apps Script整合運用
GAS+LineBot開發
樂齡3C學習不斷電
臺東專科學校
GAS 開發 LineBot 自動接單系統
德鍵
112行動應用企劃人員養成班
111網頁前端設計工程師培訓班
110網頁前端設計工程師培訓班
網頁前端設計工程師培訓班
old
網頁前端設計與開發運用培訓班
Javascript & JQUERY
免費釋出專案
萬用表單
自動資料查詢
台南社大
113-01-雲端工具入門
112-02-AI自動管理
112-01-用QRCODE打造自動化環境
110-01-用雲端打造自動化環境
用雲端打造自動化環境
Google雲端智慧王
讓雲端工具提昇工作效率
Google 速學工作術
台南市總圖
教你如何使用LINE Bot機器人增加工作效率
Google雲端工具基礎應用
Google雲端工具進階應用
工作自動化與行銷(台南社大)
全部教材
台南市人力發展中心
Google工具應用實務班
企業課程
鐳達實業有限公司
GAS研習-20200726
中正大學-GAS研習
將軍圖書館
Google雲端工具基礎應用
Google雲端工具進階應用
南方創客
GitHub 衍伸應用
Google 應用工作術
永康社大
用雲端打造自動化環境(110-春季班)
用雲端打造自動化環境
南關社大
電腦、手機生活應用
遠端桌面
公司業務
傳送檔案
adwcleaner
W10 更新
客戶網站
最近完工
深雋設計有限公司
新化社大校務系統
靚品科技有限公司
5C Precision Co., Ltd.
BALANCE 1
RWD網站
東北關廟麵
曼馱有限公司
永宸昕有限公司
昌美實業社
形象網站
勇信機械有限公司
GAS專案
聯絡我們&案件委託
所有書籍
「網站、部落格架設」目錄
MarkDown
2-3 導覽列
1. 開發環境及工具
1-1 UNIFORM SERVER安裝
1-1-1 php.ini 校調
1-1-2 設定開機是否自動執行
1-1-3 設定寄信功能
1-1-4 重設mysql密碼
1-4 FILEZILLA檔案傳輸軟體
2. Bootstrap 網頁框架(上)
2-1 Bootstrap 介紹
2-2 網頁組成
2-3 導覽列
2-4 HTML標籤
3. Bootstrap 網頁框架(中)
3-1 CSS 樣式表
3-2 排版、表格、按鈕
3-3 組件
3-4 實做
4. Bootstrap 網頁框架(下)
4-1 線上假圖
4-2 縮圖列表
4-3 警告框
4-4 面板
4-5 輪播圖
5. 簡易商品網站
5-1 空白架構
5-2 導覽列
5-3 輪播圖
5-4 縮圖列表
5-5 頁尾
6. 部落格架設-XOOPS架設
7. 部落格架設-XOOPS模組安裝
8. 部落格架設-TADNEWS進階
9. 模組安裝與管理
10. 版型與佈景管理
11. 區塊安裝與管理
12. 發佈文章
13. 課程總複習
13-1 bootstrap 框架
14. 期末測驗
15. XOOPS常用技巧
3. Bootstrap 網頁框架(中)
網站、部落格架設 ======== 1. <!DOCTYPE html> ：建立HTML5文件並宣告HTML5 doctype 2. 基本架構： ``` <pre class="brush:as3;"> <html> <head> <title>標題</title> </head> <body .....> 網頁內容 </body> </html> ``` 3. <font><font>標題</font></font> <font><font>HTML中的所有標題標籤，</font></font>`<font><font><h1></font></font>`<font><font>到</font></font>`<font><font><h6></font></font>`<font><font>均可使用。</font><font>另外，還提供了</font></font>`<font><font>.h1</font></font>`<font><font>到</font></font>`<font><font>.h6</font></font>`<font><font>類，為的是給內聯（inline）屬性的文本賦予標題的樣式。</font></font> ``` <pre class="brush:as3;"> <h1> h1. Bootstrap heading </h1> <h2> h2. Bootstrap heading </h2> <h3> h3. Bootstrap heading </h3> <h4> h4. Bootstrap heading </h4> <h5> h5. Bootstrap heading </h5> <h6> h6. Bootstrap heading </h6> ``` <font><font>在標題內還可以包含</font></font>`<font><font><small></font></font>`<font><font>標籤或賦予</font></font>`<font><font>.small</font></font>`<font><font>類的元素，可以用來標記副標題。</font></font> ``` <pre class="brush:as3;"> <h1> h1. Bootstrap heading <small> Secondary text </small></h1> <h2> h2. Bootstrap heading <small> Secondary text </small></h2> <h3> h3. Bootstrap heading <small> Secondary text </small></h3> <h4> h4. Bootstrap heading <small> Secondary text </small></h4> <h5> h5. Bootstrap heading <small> Secondary text </small></h5> <h6> h6. Bootstrap heading <small> Secondary text </small></h6> ``` 4. #### <font><font>對齊</font></font> <font><font>通過文本對齊類，可以簡單方便的將文字重新對齊。</font></font> ``` <pre class="brush:as3;"> <p class="text-left">靠左對齊文字。</p> <p class="text-center">置中對齊文字。</p> <p class="text-right">靠右對齊文字。</p> <p class="text-justify">平均對齊文字。</p> <p class="text-nowrap">不換行文字。</p> ``` <div class="bs-callout bs-callout-warning">#### 1. `.text-justify` 的範例不是很好（不管官方或我翻譯後的），可另外參考 w3schools 的 [text-align](http://www.w3schools.com/cssref/pr_text_text-align.asp) 範例。 2. Bootstrap 3 預設的 `.text-justify` 類別僅對英文有效，如果想要中文有一樣的效果，在原始碼的 `.text-justify` 類別附加一個 `text-justify:inter-ideograph;` 屬性設定。 </div> 5. 無序清單 ``` <pre class="brush:as3;"> <ul> <li>...</li> </ul> ``` 6. 有序清單 ``` <pre class="brush:as3;"> <ol> <li>...</li> </ol> ``` 7. 8. 9. 10. 11. 12. </body></html>
2-3 導覽列