109學年上學期-數位網頁設計

• 第一講:課程簡介及網頁設計基本概念
• 第二講:常用的HTML標籤及屬性介紹
• homepage.html 自我介紹範例網頁
• 第三講:介紹其它HTML標籤
• 第四講:在網頁中加入CSS樣式並使用選擇器
• 範例網頁一
• 範例網頁二
• 第五講：詳細介紹CSS選擇器及表格製作實例
• 範例網頁-使用選擇器前
• 範例網頁-使用選擇器後
• 第二次上機作業-無css樣式的表格
• 第六講：網頁的排版
• 範例網頁-適用桌機或筆電
• 範例網頁-適用於手機
• 第七講：CSS基本的圖形功能
• 第八講：表單設計與驗證
• 基本範例表單
• 加上必填欄位要求的表單
• 第九講：JavaScript的自動排程功能
  • 排程倒數程式-使用setTimeout函數
  • 排程倒數程式-使用setInterval函數
• 第十講：網頁容器的內部捲軸控制
  • 捲軸自動捲動程式-顯示捲軸元件
  • 捲軸自動捲動程式-隱藏捲軸元件
• 第十一講：網頁中的動畫或特效
  • 閃爍效果-只用CSS animation
  • 閃爍效果-加入JavaScript程式

上機作業

1. 第一次上機作業
2. 第二次上機作業
3. 第三次上機作業
4. 第四次上機作業
5. 第五次上機作業