靜態(tài)網頁設計與制作

內容概要

　　靜態(tài)網頁設計與制作是計算機網絡技術、多媒體技術、動漫設計與制作、視覺效果設計等專業(yè)的必修課程，也是許多計算機愛好者所希望掌握的技能。本書基于Dreamweaver
CS3、Photoshop CS3等工具，詳細介紹了

書籍目錄

出版說明
前言
模塊一 認識Dreamweaver CS3
1.1 任務一 創(chuàng)建“我的第一個頁面”
1.1.1 Dreamweaver CS3的工作界面
1.1.2 設計LOGO
1.2 任務二 創(chuàng)建與管理站點
1.2.1 創(chuàng)建本地站點
1.2.2 管理站點
1.2.3 管理站點文件和文件夾
1.3 拓展訓練 創(chuàng)建“我的班級”站點
模塊二 創(chuàng)建基本網頁
2.1 任務一 文本的輸入—— 創(chuàng)建“養(yǎng)生保健”頁面
2.1.1 文本的輸入與編輯
2.1.2 項目列表和編號列表
2.1.3 水平線和日期的插入
2.2 任務二 圖像的添加—— 創(chuàng)建“ASA餐廳”頁面
2.2.1 表格的有序存儲
2.2.2 圖像的插入
2.2.3 圖像屬性的設置
2.2.4 圖像與文本混合編排
2.2.5 鼠標經過圖像的制作
2.3 拓展訓練 創(chuàng)建“我的個人網站”的首頁
模塊三 創(chuàng)建多媒體網頁
3.1 任務一 Flash元素的添加—— 創(chuàng)建“江河雙水灣”頁面
3.1.1 Flash的文件類型
3.1.2 Flash動畫的插入和屬性的設置
3.1.3 Flash按鈕的插入和屬性的設置
3.1.4 Flash文本的插入和屬性的設置
3.1.5 FlashPaper的插入
3.2 任務二 音樂和視頻的添加—— 創(chuàng)建“音樂中心”頁面
3.2.1 音樂文件的添加
3.2.2 視頻文件的添加
3.2.3 擴展程序的使用
3.3 拓展訓練 創(chuàng)建“我的個人活動展示”頁面和“個人相冊”頁面
模塊四 實現網頁間互動
4.1 任務一 創(chuàng)建“綠之韻”頁面間鏈接
4.1.1 創(chuàng)建文字鏈接
4.1.2 創(chuàng)建圖片鏈接
4.1.3 創(chuàng)建下載鏈接
4.1.4 添加郵件鏈接
4.2 任務二 導航欄的制作—— 創(chuàng)建“綠之韻”頁面導航欄
4.2.1 圖像熱點鏈接
4.2.2 錨記鏈接
4.2.3 創(chuàng)建空鏈接
4.2.4 創(chuàng)建跳轉菜單
4.2.5 設置超級鏈接目標窗口
4.2.6 導航欄的制作
4.3 拓展訓練 創(chuàng)建“瑤瑤之旅”的導航欄與網頁間鏈接
模塊五 布局美化頁面
5.1 任務一 使用層布局網頁—— 創(chuàng)建“拼圖游戲”頁面
5.1.1 描繪層和插入層、選擇層和激活層
5.1.2 設置層屬性、調整層的大小和位置
5.1.3 在層中輸入文本和插入圖像
5.1.4 嵌套層的創(chuàng)建
5.1.5 層與表格之間的相互轉換
5.1.6 使用層布局網頁案例
5.2 任務二 使用框架布局網頁—— 創(chuàng)建“我的音樂小站”頁面
5.2.1 在網頁中創(chuàng)建框架
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 拓展訓練 創(chuàng)建“雷鋒精神宣傳”網頁
模塊六 創(chuàng)建表單頁面
6.1 任務一 制作搜索和用戶登錄表單—— 創(chuàng)建“探索旅行網”首頁
6.1.1 旅游網站首頁規(guī)劃
6.1.2 首頁頁面設計
6.1.3 會員登錄表單和搜索表單制作
6.1.4 常用信息板塊
6.1.5 景點介紹板塊
6.2 任務二 創(chuàng)建列表/菜單表單—— 創(chuàng)建“機票查詢”頁面
6.2.1 將已有網頁生成模板
6.2.2 利用列表/菜單表單制作“機票查詢”頁面
6.3 任務三 使用單選按鈕和復選框—— 創(chuàng)建“網站活動”頁面
6.3.1 使用單選按鈕和復選框制作“服務調查”板塊
6.3.2 利用CSS樣式美化頁面
6.4 任務四 校驗表單內容—— 創(chuàng)建“驢友留言”頁面
6.4.1 制作“驢友留言”板塊
6.4.2 利用表單制作“我的分享”板塊
6.5 拓展訓練 為“我的個人網站”增加會員登錄、會員注冊和會員留言頁面
模塊七 設計完整網站
7.1 任務一 網站的配色方案與版式設計—— 創(chuàng)建“羽翱科技”頁面
7.1.1 網站風格的確定
7.1.2 網站版式設計
7.1.3 頁面的立體感及細節(jié)處理
7.1.4 Flash動畫及圖片的運用
7.2 任務二 使用模板和庫—— 創(chuàng)建“羽翱科技”頁面的模板
7.2.1 將已有網頁生成模板
7.2.2 將模板生成新網頁和編輯模板
7.2.3 用庫項目制作網頁
7.3 任務三 使用網頁特效—— 為“羽翱科技”各網頁增加特效
7.3.1 利用CSS制作特效
7.3.2 使用行為制作特效
7.3.3 使用時間軸制作特效
7.4 拓展訓練 為“我的個人網站”各網頁增加特效并進行整體風格調整

章節(jié)摘錄

版權頁：插圖：（2）網站版式設計網站的布局設計在模塊五中已經介紹過，在這里再強調一下網頁版式設計的基本原則和一些注意事項。網站版式設計通過文字和圖形空間組合，表達出和諧與美。文字和圖形的合理搭配，才能使整個網站賞心悅目。一般的版面設計原則有平衡、對比、連貫和留白。如果頁面是平衡的，當用戶瀏覽這個頁面的時候就會感覺它們是一個整體，目光的跳轉也會很自然。如果說平衡搭起了一個穩(wěn)定的頁面框架，那么對比就是這個框架中的動態(tài)點綴。這里所說的動態(tài)并不是說要真的讓元素動起來，而是要有“變化”。可以變化的因素包括大小、顏色、字體、重心、形狀、紋理等.前面談到了對比，對比離不開變化，然而如果對比太多，變化也會太多，頁面就會顯得零亂，所以網頁也需要連貫。在一個成功的頁面設計中，有很多要素是必須保持一致的，這些要素通常包括：頁面的上下、左右，頁面與頁面中間要保持布局一致；字體的大小、顏色應當基本保持一致：導航欄應當保持完全一樣。國畫中“畫魚不畫水”的妙處就是留白。留白可以讓訪問者有更大的想象空間，就好像一個沒有過多擺設的房間一樣。上上下下、里里外外都塞得滿滿當當是很糟糕的設計，所以在設計頁面時，在每個欄目框架的邊緣都需要留有一定的空間，避免顯得過于擁擠。

編輯推薦

《靜態(tài)網頁設計與制作》為高等職業(yè)教育模塊式教學改革規(guī)劃教材之一。

圖書封面

評論、評分、閱讀與下載

---

    靜態(tài)網頁設計與制作 PDF格式下載

---