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專案
聯絡我們&案件委託
所有書籍
「網站、部落格架設」目錄
2-1 Bootstrap 介紹
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常用技巧
2-3 導覽列
網站、部落格架設
2-2 網頁組成
網頁組成
HTML
HTML 的全名為:HyperText Markup Language (超文本 標記 語言)
非程式,只是一種寬鬆的標籤語法,寫錯也不會怎樣,為網頁的最基礎。
HTML的檔案為純文字檔,副檔名為.html,瀏覽器即可讀取HTML檔。
HTML5於2014年發布正式版
廣義論及HTML5時,實際指的是HTML、CSS和JavaScript在內的技術組合
各瀏覽器HTML5支援:
http://www.findmebyip.com/litmus/
或
http://html5test.com
HTML標籤通常是一對的,如:
<p>內容</p>或<div>文字</div>
HTML標籤也有單一的,如:
<img src=”a.jpg”>
標籤裡有屬性,例如:
<a href=”a.html”>連結</a>
,其中href即為屬性。
HTML標籤及屬性是不分大小寫的:
<IMG>和<img>
一樣,但建議採用小寫。
HTML的元素分為:
block level元素:p div table dl ul ol form h1~h6 hr pre ....
inline元素:a span strong
inline-block元素:button img input select
英文手冊:
http://www.w3schools.com/html/html5_intro.asp
中文手冊:
http://www.w3school.com.cn/tags/index.asp
CSS
CSS 的全名為:Cascading Style Sheets (層級 樣式 表)
CSS 是用來撰寫 / 管理網頁的外觀
JavaScript
JavaScript 是用於客戶端的腳本語言,通常給 HTML 網頁增加動態效果
直譯式程式語言
HTML , CSS 與 JavaScript 的關係
HTML 架構
CSS 外觀
JavaScript 動作
2-1 Bootstrap 介紹
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常用技巧
2-3 導覽列
友善列印 & 下載 PDF
匯出 MarkDown 格式