內容簡介
靜態網頁設計與製作是計算機網路技術、多媒體技術、動漫設計與製作、視覺效果設計等專業的必修課程,也是許多計算機愛好者所希望掌握的技能。
圖書目錄
出版說明
前言
模組一 認識Dreamweaver CS3
1.1 任務一 創建“我的第一個頁面”
1.1.1 Dreamweaver CS3的工作界面
1.1.2 設計LOGO
1.2 任務二 創建與管理站點
1.2.1 創建本地站點
1.2.2 管理站點
1.2.3 管理站點檔案和資料夾
1.3 拓展訓練 創建“我的班級”站點
模組二 創建基本網頁
2.1 任務一 文本的輸入—— 創建“養生保健”頁面
2.1.1 文本的輸入與編輯
2.1.2 項目列表和編號列表
2.1.3 水平線和日期的插入
2.2 任務二 圖像的添加—— 創建“ASA餐廳”頁面
2.2.1 表格的有序存儲
2.2.2 圖像的插入
2.2.3 圖像屬性的設定
2.2.4 圖像與文本混合編排
2.2.5 滑鼠經過圖像的製作
2.3 拓展訓練 創建“我的個人網站”的首頁
模組三 創建多媒體網頁
3.1 任務一 Flash元素的添加—— 創建“江河雙水灣”頁面
3.1.1 Flash的檔案類型
3.1.2 Flash動畫的插入和屬性的設定
3.1.3 Flash按鈕的插入和屬性的設定
3.1.4 Flash文本的插入和屬性的設定
3.1.5 FlashPaper的插入
3.2 任務二 音樂和視頻的添加—— 創建“音樂中心”頁面
3.2.1 音樂檔案的添加
3.2.2 視頻檔案的添加
3.2.3 擴展程式的使用
3.3 拓展訓練 創建“我的個人活動展示”頁面和“個人相冊”頁面
模組四 實現網頁間互動
4.1 任務一 創建“綠之韻”頁面間連結
4.1.1 創建文字連結
4.1.2 創建圖片連結
4.1.3 創建下載連結
4.1.4 添加郵件連結
4.2 任務二 導航欄的製作—— 創建“綠之韻”頁面導航欄
4.2.1 圖像熱點連結
4.2.2 錨記連結
4.2.3 創建空連結
4.2.4 創建跳轉選單
4.2.5 設定超級連結目標視窗
4.2.6 導航欄的製作
4.3 拓展訓練 創建“瑤瑤之旅”的導航欄與網頁間連結
模組五 布局美化頁面
5.1 任務一 使用層布局網頁—— 創建“拼圖遊戲”頁面
5.1.1 描繪層和插入層、選擇層和激活層
5.1.2 設定層屬性、調整層的大小和位置
5.1.3 在層中輸入文本和插入圖像
5.1.4 嵌套層的創建
5.1.5 層與表格之間的相互轉換
5.1.6 使用層布局網頁案例
5.2 任務二 使用框架布局網頁—— 創建“我的音樂小站”頁面
5.2.1 在網頁中創建框架
5.2.2 為框架命名並導入框架源檔案
5.2.3 保存框架集檔案和各個框架操作檔案
5.2.4 設定框架集屬性和框架屬性
5.2.5 編輯框架內容
5.2.6 設定超級連結
5.2.7 使用框架布局網頁案例
5.3 任務三 CSS的套用—— 重新布局“線上求診”頁面
5.3.1 標籤樣式與類樣式的定義
5.3.2 實現圖文混排效果樣式的定義
5.3.3 實現特殊表格框線效果樣式的定義
5.3.4 高級樣式的定義
5.3.5 套用CSS濾鏡製作文字特效
5.3.6 樣式的編輯
5.3.7 使用CSS樣式表美化頁面案例
5.4 拓展訓練 創建“雷鋒精神宣傳”網頁
模組六 創建表單頁面
6.1 任務一 製作搜尋和用戶登錄表單—— 創建“探索旅行網”首頁
6.1.1 旅遊網站首頁規劃
6.1.2 首頁頁面設計
6.1.3 會員登錄表單和搜尋表單製作
6.1.4 常用信息板塊
6.1.5 景點介紹板塊
6.2 任務二 創建列表/選單表單—— 創建“機票查詢”頁面
6.2.1 將已有網頁生成模板
6.2.2 利用列表/選單表單製作“機票查詢”頁面
6.3 任務三 使用單選按鈕和複選框—— 創建“網站活動”頁面
6.3.1 使用單選按鈕和複選框製作“服務調查”板塊
6.3.2 利用CSS樣式美化頁面
6.4 任務四 校驗表單內容—— 創建“驢友留言”頁面
6.4.1 製作“驢友留言”板塊
6.4.2 利用表單製作“我的分享”板塊
6.5 拓展訓練 為“我的個人網站”增加會員登錄、會員註冊和會員留言頁面
模組七 設計完整網站
7.1 任務一 網站的配色方案與版式設計—— 創建“羽翱科技”頁面
7.1.1 網站風格的確定
7.1.2 網站版式設計
7.1.3 頁面的立體感及細節處理
7.1.4 Flash動畫及圖片的運用
7.2 任務二 使用模板和庫—— 創建“羽翱科技”頁面的模板
7.2.1 將已有網頁生成模板
7.2.2 將模板生成新網頁和編輯模板
7.2.3 用庫項目製作網頁
7.3 任務三 使用網頁特效—— 為“羽翱科技”各網頁增加特效
7.3.1 利用CSS製作特效
7.3.2 使用行為製作特效
7.3.3 使用時間軸製作特效
7.4 拓展訓練 為“我的個人網站”各網頁增加特效並進行整體風格調整