Red Bean's Teach 紅豆的教學網站
  • 首頁
  • 軟體教學
    • Photoshop 影像處理
    • Lightroom 使用教學
    • Flash 互動設計教學課程
    • Muse CC + Edge Animate CC
    • Office 2010 辦公室軟體
    • MovieMaker 使用教學
    • WIX 線上網頁編輯系統
    • PHP 網路套裝軟體教學
    • Weebly 線上網頁編輯系統
  • 課程教學檔案
    • 台中教大網頁設計認證技術
    • 嶺東科大數位互動展示設計
    • 嶺東科大數位動畫設計
    • 慈濟科大3D電腦動畫實作
    • 慈濟科大網頁設計
    • 台中教大數位設計認證技術
    • 育達科大3D景觀模擬課程
    • 育達科大產業分析課程
    • 育達科大2D互動設計課程
  • 職訓類教學檔案
    • 中興大學數位攝影認證班24H
    • 職前網頁RWD設計實務班
    • 鹿港勞教雲端軟體應用班
    • 鹿港勞教基礎影像處理
    • 鹿港勞教學苑網頁設計課程
    • 勞教學苑數位商業攝影班36H
    • 勞教學苑數位商業攝影班48H
    • 聯大商業數位攝影課程
    • 印刷工會數位攝影班

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

涵蓋了架站、網頁設計、php套裝軟體的教學、html5線上網頁編輯系統教學

網站架設與操作
相關資源
  • xampp 軟體下載頁面
錄影教學
  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快速架站教學
相關資源
  • 學生版 Weebly 登入網址
  • Google Analytics 網站流量分析網址
  • Google 站長工具
錄影教學
  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基礎設定
相關資源
  • Google Analytics 網站流量分析網址
  • Google 站長工具
錄影教學
  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 新聞圖片上傳製作
  • Cannot modify header information的解決方法
  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購物車為例)
相關資源
  • ECSHOP官方網站
  • ECSHOP軟體下載
  • 0fees.net的php與網頁空間申請網址
  • ECSHOP 在 PHP 5.4版本會發生的問題解決方式
  • ECSHOP台灣地區代碼下載
  • ECSHOP官方模板下載
錄影教學
  1. 下載購物車
  2. 安裝購物車
  3. 解決購物車亂碼問題
  4. 商店基礎設置
  5. 台灣地區代碼下載置換教學
  6. 商店顯示設置
  7. 購物流程與商品顯示設置講解
  8. 模板更改
  9. 模板顯示風格更改
  10. 首頁導航欄與廣告更改設定
Powered by Create your own unique website with customizable templates.