網(wǎng)頁制作課程設計案例精編（21世紀高等院校）

叢書序
前言
案例一  Hello Macromedia,我的歡迎網(wǎng)頁
1.1 實現(xiàn)功能及思路簡析
1.2 設計過程
1.2.1 網(wǎng)頁基本屬性設置
1.2.2 背景顏色的設置及顏色的選取
1.2.3 文本的輸入和網(wǎng)頁的完成
1.2.4 檢查和預覽
1.3 配色方案
1.3.1 網(wǎng)頁顏色原理和象征意義
1.3.2 網(wǎng)頁顏色的使用風格
1.3.3 設計用色10例
1.4 小結
1.5 課后作業(yè)
案例二 與影同行,我的電影發(fā)布站
2.1 實現(xiàn)功能及思路簡析
2.2 設計過程
2.2.1 單頁面的建立
2.2.2 頁內(nèi)的錨接
2.2.3 頁面間的鏈接
2.2.4 指向Internet站點的鏈接
2.2.5 創(chuàng)建電子郵件鏈接
2.2.6 鏈接的管理
2.2.7 站點的建立
2.2.8 鏈接的檢查
2.2.9 使用"報告"測試站點
2.3 小結
2.4 課后作業(yè)
案例三 五彩繽紛,我的世界地圖
3.1 實現(xiàn)功能及思路簡析
3.2 設計過程
3.2.1 基本要素的插入
3.2.2 修改文字的屬性
3.2.3 修改圖像的屬性
3.2.4 利用CSS進行樣式修改
3.2.5 建立鏈接網(wǎng)頁
3.2.6 熱點鏈接的建立
3.2.7 返回按鈕的建立
3.3 小結
3.4  課后作業(yè)
3.5 附表
案例四 秀出個性,我的網(wǎng)絡簡歷
4.1 實現(xiàn)功能及思路簡析
4.2 設計過程
4.2.1 新建文檔,創(chuàng)建表格
4.2.2 選擇表格元素
4.2.3 表格基本屬性的修改
4.2.4 編輯表格
4.2.5 在表格中插入內(nèi)容
4.3 利用表格美化網(wǎng)頁
4.3.1 一個像素寬的分隔線
4.3.2 利用cellspacing屬性制作細線表格
4.3.3 利用cellspacing屬性制作等間距細線表格
4.3.4 利用表格做空格
4.4 表格中常見問題及應變處理方法
4.4.1 表格的變形問題
4.4.2 表格布滿頁面的問題
4.4.3 任意大小的表格
4.4.4 被撐大的表格
4.5 小結
4.6 課后作業(yè)
案例五 憑票入內(nèi),我的注冊系統(tǒng)
5.1 實現(xiàn)功能及思路簡析
5.2 設計過程
5.2.1 創(chuàng)建表單
5.2.2 添加文本框
5.2.3 插入列表或菜單
5.2.4 插入單選按鈕和復選框
5.2.5 添加按鈕
5.2.6 跳轉菜單
5.2.7 在表單中插入表格
5.2.8 檢查表單
5.2.9 完成網(wǎng)頁并預覽
5.3 檢驗表單
5.3.1 配置表單
5.3.2 打開行為界面
5.3.3 添加行為
5.3.4 預覽效果
5.3.5 即時檢查
5.4 小結
5.5 課后作業(yè)
案例六 多面英姿,我的框架系統(tǒng)
6.1 實現(xiàn)功能及思路簡析
6.2 設計過程
6.2.1 創(chuàng)建框架
6.2.2 框架結構的修改
6.2.3 框架的屬性
6.2.4 在框架中編輯網(wǎng)頁
6.2.5 對框架設計的思考
6.3 小結
6.4 課后作業(yè)
案例七 騰云駕霧,我的動感網(wǎng)頁
7.1 實現(xiàn)功能及思路簡析
7.2 設計過程
7.2.1 基本網(wǎng)頁的制作
7.2.2 層的建立
7.2.3 利用Timelines設置簡單層動畫
7.2.4 利用著急幀完成動畫
7.2.5 利用Flash制作GIF動畫元素
7.2.6 在層中插入GIF動畫
7.2.7 對層動畫進行調(diào)整
7.3 小結
7.4 課后作業(yè)
案例八 千里傳情,我的電子賀卡
8.1 實現(xiàn)功能及思路簡析
8.2 設計過程
8.2.1 建立網(wǎng)站
8.2.2 首頁的布局規(guī)劃
8.2.3 首頁內(nèi)容的處理
8.2.4 發(fā)送卡片子頁的布局
8.2.5 完成網(wǎng)站之間的鏈接
8.3 小結
8.4 課后作業(yè)
案例九 流光溢彩,我的電影收藏夾
9.1 實現(xiàn)功能及思路簡析
9.2 設計過程
9.2.1 站點的建立
9.2.2 相冊的建立
9.2.3 子頁的制作
9.2.4 主頁面的完善
9.2.5 預覽效果
9.3 小結
9.4 課后作業(yè)
案例十 橫嶺側峰,我的網(wǎng)頁布局
10.1 實現(xiàn)功能及思路簡析
10.2 利用表格進行排版設計過程
10.2.1 制作圖像元素
10.2.2 插入表格并設置標題圖像
10.2.3 內(nèi)容我的布局
10.2.4 設置網(wǎng)頁過渡效果
10.3 利用層面進行排版設計過程
10.3.1 插入層面
10.3.2 層中插入內(nèi)容
10.4 轉換網(wǎng)頁和檢查網(wǎng)頁
10.4.1 轉換網(wǎng)頁
10.4.2 檢查網(wǎng)頁
10.4.3 建立選擇瀏覽器的網(wǎng)頁
10.5 實現(xiàn)HTML自動排版的法則
10.5.1 不使用絕對位置
10.5.2 對話框應當匹配最大可用寬度和高度
10.5.3 每個控件都應位于分離的表格單元中
10.5.4 允許文本換行
10.5.5 把復選框、單選按鈕與它們的標簽分離
10.5.6 為今后的擴展預留足夠的空間，避免固定寬度的項目
10.5.7 按鈕、列表框和組群框大小的確定方法
10.5.8 高度的設置
10.5.9 不使用左對齊和右對齊
10.5.10 避免將本地人工作人員需要改變的CSS值內(nèi)聯(lián)在網(wǎng)頁中
10.6 布局理念
10.6.1 網(wǎng)頁布局類型
10.6.2 關于第一屏
10.6.3 有關導航欄的位置
10.6.4 什么樣的布局是最好的
10.7 小結
10.8 課后作業(yè)
案例十一 鏡花水月，我的模板網(wǎng)頁
11.1 實現(xiàn)功能及思路簡析
11.2 利用模板建立網(wǎng)頁
11.2.1 插入模板
11.2.2 網(wǎng)頁的加工
11.3 制作模板
11.3.1 設置模板布局
11.3.2 插入可編輯區(qū)域
11.3.3 插入可選區(qū)域
11.3.4 創(chuàng)建重復區(qū)
11.3.5 嵌套表格
11.4 小結
11.5 課后作業(yè)
案例十二 兩面三刀，我的翻滾按鈕
12.1 實現(xiàn)功能及思路簡析
12.2 設計過程
12.2.1 建立平臺
12.2.2 切片并設置圖層內(nèi)容
12.2.3 設置按鈕的行為
12.2.4 插入元素按鈕
12.2.5 在Dreamweaver中插入交互圖
12.3 小結
12.4 課后作業(yè)
案例十三 多才多藝，我的多樣圖層
13.1 實現(xiàn)功能及思路簡析
13.2 設計過程
13.2.1 制作對象的輔助說明
13.2.2 拖動圖層的應用
13.2.3 制作靜止浮動效果
13.2.4 活動菜單的制作
13.3 小結
13.4 課后作業(yè)
案例十四 個性天下，我的游戲網(wǎng)站
14.1 實現(xiàn)功能及思路簡析
14.2 網(wǎng)頁框架和內(nèi)容設計
14.2.1 網(wǎng)站主題的制定
14.2.2 網(wǎng)站標題的制定
14.2.3 網(wǎng)站框架的建立
14.2.4 規(guī)劃站點
14.2.5 素材的準備
14.2.6 定位網(wǎng)站CI形象
14.2.7 確定網(wǎng)站的欄目
14.2.8 確定網(wǎng)站的鏈接結構
14.2.9 設計網(wǎng)站的整體風格
14.3 片頭Flash的制作
14.3.1 背景的制作
14.3.2 logo和標題的制作
14.3.3 動畫的制作
14.4 模板的建立
14.4.1 標題欄制作
14.4.2 導航按鈕的制作
14.4.3 可編輯區(qū)的設定
14.5 層疊樣式
14.6 各個欄目網(wǎng)頁的制作
14.6.1 建立News頁
14.6.2 desktop頁的制作
14.6.3 music音樂和video視頻的播放和下載
14.6.4 設置狀態(tài)行上的文本
14.6.5 添加信息交互功能
14.7 檢查網(wǎng)站
14.8 小結
14.9 課后作業(yè)
案例十五 “錢”途無量，我的商業(yè)網(wǎng)站
15.1 實現(xiàn)功能及思路簡析
15.2 設計理念概述
15.2.1 構思階段
15.2.2 整體規(guī)劃
15.2.3 設計過程
15.2.4 色彩方案
15.2.5 頁面各要素
15.3 精品賞析
15.3.1 韓國商業(yè)網(wǎng)站設計分析
15.3.2 ericsson.com
15.3.3 FSX.CO.UK
15.3.4 sonystyle.com
15.3.5 millennium point
15.3.6 hp.com
15.4 如何讓更多的人知道自己的網(wǎng)站
15.5 小結