中區職訓局(鹿港勞教學苑)網頁設計相關課程教學檔案

涵蓋了架站、網頁設計、php套裝軟體的教學、html5線上網頁編輯系統教學
網站架設與操作
相關資源
錄影教學
  1. 網站基本架設與安裝 (xampp安裝)
  2. xampp環境架構基本設定 - 啟動與面板介紹
  3. xampp環境架構基本設定 - 安全性操作
  4. Dreamweaver 01 新增網站
  5. Dreamweaver 02 網站上傳
  6. Dreamweaver 03 基礎操作 01
  7. Dreamweaver 04 基礎操作 02
  8. Dreamweaver 05 基礎操作 03
  9. Dreamweaver 06 基礎操作 04
  10. Dreamweaver 07 基礎操作 - 遠端下載網站
  11. Dreamweaver 08 基礎操作 - 製作超連結
  12. Dreamweaver 09 基礎操作 - 網站規劃
  13. Dreamweaver 10 基礎操作 - 導覽列製作
  14. Dreamweaver 11 基礎操作 - 表格應用
  15. Dreamweaver 12 基礎操作 - 圖片新增
  16. Dreamweaver 13 基礎操作 - 多媒體新增
  17. Dreamweaver 14 基礎操作 - 文字換行分別
  18. Dreamweaver 15 基礎操作 - 錨點超連結
  19. Dreamweaver 16 基礎操作 - 背景設定與儲存格背景填色
  20. Dreamweaver 17 基礎操作 - Spry選單列製作1
  21. Dreamweaver 18 基礎操作 - Spry選單列製作2
  22. Dreamweaver 19 基礎操作 - Spry選單列製作3
  23. Dreamweaver 20 基礎操作 - Spry選單列製作4
CSS基礎操作
參考資料
  1. 何謂CSS以及CSS發展歷史 - WIKI百科
  2. CSS樣式參考說明1
  3. CSS樣式參考說明2
錄影教學
  1. CSS基礎操作 - 新增樣式表檔
  2. CSS基礎操作 - 設定樣式表檔
  3. CSS基礎操作 - 連結樣式表檔
  4. CSS基礎操作 - CSS樣式參數概略說明
  1. Photoshop 網站製作 01 - 網站基本架構設定
  2. Photoshop 網站製作 02 - 底圖與導覽列
  3. Photoshop 網站製作 03 - 動態按鈕切換製作
  4. Photoshop 網站製作 04 - 切片工具與儲存為網頁用
  5. Photoshop 網站製作 05 - 動態按鈕製作
  6. Photoshop 網站製作 06 - 背景與邊界設定
  7. Photoshop 網站製作 07 - CSS制定01
  8. Photoshop 網站製作 08 - CSS制定02
Weebly快速架站教學
相關資源
錄影教學
  1. Weebly教學 - 01 - 登入網站(學生)
  2. Weebly教學 - 02 - 佈景主題選擇
  3. Weebly教學 - 03 - 頁面新增與導覽列說明
  4. Weebly教學 - 04 - 建構頁面 01
  5. Weebly教學 - 05 - 建構頁面 02 與發布網站
  6. Weebly教學 - 06 - 進階文字選項
  7. Weebly教學 - 07 - 文本加圖片與圖片進階設定
  8. Weebly教學 - 08 - 相簿與幻燈片瀏覽進階設定
  9. Weebly教學 - 09 -  分隔設定與欄位設定
  10. Weebly教學 - 10 - 多媒體與文件下載設定
網站監測與SEO基礎設定
相關資源
錄影教學
  1. 站長工具與流量分析網址介紹
  2. 網站流量工具使用方式
  3. Google站長工具與Weebly網頁描述關鍵字設定
  4. 在Dreamweaver中插入關鍵字與描述
php互動網頁基礎
相關資源
錄影教學
  1. 資料庫原理講解與xampp安裝
  2. xampp概略與資料庫進入方式
  3. 新增使用者之設定
  4. 新增資料表01
  5. 新增資料表02
  6. 修改資料表與新增內容
  7. 連結資料庫
  8. 繫結資料表
  9. 在網頁中放入資料表
  10. 修改中文亂碼顯示問題
  11. 製作重複區域與概念解說
  12. 製作新聞內容頁面1
  13. 製作新聞內容頁面2
  14. 製作新聞內容頁面3
  15. 新增新聞頁面程式製作1
  16. 新增新聞頁面程式製作2
  17. 新增新聞頁面程式製作3
  18. 管理與編輯頁面製作1
  19. 管理與編輯頁面製作2
  20. 管理與編輯頁面製作3
  21. 管理與編輯頁面製作4
  22. 管理與編輯頁面製作5
  23. 管理與編輯頁面製作6
  24. 管理與編輯頁面製作7
  25. 管理與編輯頁面製作8
  26. 匯出資料庫
CKeditor 線上圖文編輯器
  1. 環境規劃與檔案放置
  2. 資料庫的匯入
  3. 資料表繫結與亂碼修正
  4. CK編輯器加入文字輸入區
  5. 插入記錄設定
  6. 新聞內頁製作
PHP 功能設定
  1. PHP Show IF 外掛設定操作
PHP 新聞圖片上傳製作
  1. PHP UPLOAD上傳教學 01
  2. PHP UPLOAD上傳教學 02
  3. PHP UPLOAD上傳教學 03
  4. PHP UPLOAD上傳教學 04
jQuery 外掛套用
  1. slideshow 首頁幻燈片套用 01
  2. slideshow 首頁幻燈片套用 02
php套裝程式教學
(以ECSHOP購物車為例)
相關資源
錄影教學
  1. 下載購物車
  2. 安裝購物車
  3. 解決購物車亂碼問題
  4. 商店基礎設置
  5. 台灣地區代碼下載置換教學
  6. 商店顯示設置
  7. 購物流程與商品顯示設置講解
  8. 模板更改
  9. 模板顯示風格更改
  10. 首頁導航欄與廣告更改設定