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專案
聯絡我們&案件委託
所有書籍
「網站程式設計-PHP」目錄
MarkDown
4-3 樣板整理與註解
1. 開發環境及工具
1-1 Uniform Server 安裝
1-1-1 UniformServer安裝圖解
1-1-2 設定寄信功能
1-1-3 UniServerZ 的設定
1-2 安裝Sublime 編輯器
1-2-1 Sublime text3 使用
1-3 FILEZILLA 檔案傳輸軟體
1-3-1 FILEZILLA檔案傳輸軟體 使用說明
2. Bootstrap 網頁框架(上)
2-1 Bootstrap 下載與安裝
2-2 SEO介紹與作法
2-3 導航列範例框架
2-4 範例
3. Bootstrap 網頁框架(中)
3-1 CSS 盒子模型
3-1-1 盒子模式 - 線條樣式
3-2 使用CPANEL 管理虛擬主機
3-3 上傳網站資料至遠端主機
3-4 Bootstrap CSS樣式的使用
4. Bootstrap 網頁框架(下)
4-1 加強下拉選單顯示功能
4-2 一頁響應式網站
4-3 樣板整理與註解
4-4 調整選單
4-5 backstretch 輪播插件
5. PHP簡介與語法
5-1 常數與變數
5-2 函數
5-3 流程控制
6. 導入PHP樣板引擎 smarty
6-1 smarty 安裝說明
6-2 建立佈景
6-3 SMARTY 保留變數
7. PHP循環與邏輯判斷
7-1 循環
7-2 PHP 運算符
7-3 邏輯判斷練習
7-4 smarty 變數傳遞講解
8. MYSQL 資料庫
8-1 MYSQL管理工具
8-2 在虛擬主機上建立資料庫
8-3 上傳管理工具adminer.php
8-4 登入MYSQL
8-5 讓PHP連上MySQL
8-5 修改資料庫預設編碼
8-6 新增資料表
8-7 mysqli 常用的函數
9. 規劃資料表結構
10. 製做「登入後台」畫面
10-1 程式流程
10-2 全域變數
10-3 使用函數
10-4 creative_login.html
10-5 theme.html
10-6 表單
10-7 登入
10-8 登出
11. 資訊通知中心
12. CRUD
12-1 程式架構
12-2 function.php
12-3 後台theme.html
12-4 admin_index.html
12-4-1 op_form
12-5 op_insert
12-6 op_list
12-7 get_creative_nav()
12-8 op_delete()
13. CRUD程式流程
14. 撈出資料，顯示在前台
15. 圖示管理
16. 最新消息 icon顯示在前台
17. 自動更新系統與系統變數
17-1 update.php
17-2 system.php
17-3 CKEDITOR 網頁編輯器 用法
18. 檔案上傳
19. 線上資源與框架
19-1 網頁組成
19-2 bootstrap框架
19-2-1 bootstap 第三節
19-3 網頁自動轉址
19-4 PHP 指令與函數
19-5 CKEDITOR 網頁編輯器
4-5 backstretch 輪播插件
網站程式設計-PHP ========== <span style="color:#000000;">當選單往下滾動時，選單變成白底，如果想要變成黑底白字，應該怎麼做？</span> 1. 這個選單調用了「bootstrap 的 affix.js」插件 2. 頁面加載完畢後，應用affix效果的內容會增加一個.affix-top樣式類 3. 當頁面向下滾動了top的距離時，.affix-top切換成.affix類 4. 頁面滾動到離底部距離為bottom時，.affix類切換成.affix-bottom 5. 我們根據需要定義這三個類的樣式就好了。 6. 第2、3、4可以用chrome 的開發工具觀看，因為我們把選單固定在上方，所以看不到.affix-bottom 7. <font>CSS3 RGBA 顏色值是這樣規定的：rgba(red, green, blue, alpha)。</font><font>alpha 參數是介於0.0（完全透明）與1.0（完全不透明）的數字。</font> 8. style.css ``` <pre class="brush:as3;"> .navbar-default.affix { background: rgba(51, 51, 51, 0.8); border-width: 0 0 1px; border-color: rgba(255,255,255,.3); } .navbar-default.affix .nav>li>a, .navbar-default.affix .nav>li>a:focus { color: rgba(255,255,255,.7); } ``` 9. creative.js ``` <pre class="brush:as3;"> // Offset for Main Navigation $('#mainNav').affix({ offset: { top: 100 } }) ```
4-3 樣板整理與註解