MENU
WEB
◆ TS Library ◆
熱衷分享 ◆ 享受教學相長 ◆
無形的網絡擁有熱情溫度的傳遞
網頁設計基礎講義
1.準備工作
1-1. 課綱介紹
1-2. 準備網站資料夾
1-3. 開啟 DW 新增網站
1-4. 整理 DW 工作環境
1-5. 建立新的 HTML檔案
1-6. 工具列與檢視安排
1-7. 認識網頁組成語言
2.認識HTML
2-1. HTML檔案的基本架構
2-2. HTML<標籤>語法格式
2-3. HTML<標籤>有哪些？
2-4. 選擇瀏覽器預覽網頁
3.認識CSS
3-1. 認識 CSS 樣式的語法格式
3-2. DW 中設計 CSS 的操作
3-3. CSS 樣式有哪些？
3-4. 實例練習基本排版
3-5. <標籤>特性、區塊特性
3-6. 網頁排版思維總整理
4.網站版型
=== 練習範例：蒂莫絲飯店 Timothy Hotel ===
4-1. 蒂莫絲網站版型規劃
4-2. 版型設計第一階段
4-3. 版型設計第二階段
4-4. 版型設計第三階段
=== 另一個練習範例：締思膳食茗茶館 ======
4-1. 膳食茗茶館---網站版型規劃
4-2. 膳食茗茶館---網站首頁版型設計
4-3. 膳食茗茶館---內容頁面版型設計
5.網站內容
=== 練習範例：蒂莫絲飯店 Timothy Hotel ===
5-1. 首頁內容：外掛的使用
5-2. 關於蒂莫絲：認識程式
5-3. 客房的服務：加強排版
5-4. 蒂莫絲位置：運用資源
5-5. 聯絡蒂莫絲：運用表單
=== 另一個練習範例：締思膳食茗茶館 ======
5-1. 首頁內容：外掛的使用
5-2. 關於我們：認識程式
5-3. 膳食介紹：認識程式
5-4. 茗茶介紹：加強排版
5-5. 製茶介紹：運用網路資源
5-6. 歡迎光臨：運用網路資源
6.上傳再維護
6-1. 使用FTP上傳網站
6-2. 認識RWD響應式網頁設計
6-3. 認識Bootstrop快速架站
6-4. 進一步認識Bootstrop
6-5. 認識網站專案開發流程
5-3. 締思膳食茗茶館--- meal.html 締思膳食介紹的內容：認識程式
調整導覽區中 class="active" 的位置
修改左側的圖片及標題1的文字
設計 meal.html 的內容：可收合面板的效果
HTML 部份
CSS 部份
JS 部份
了解 JS 程式的部份 --- 多認識多學習
go TOP
WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞
