靜態(tài)網(wǎng)頁設(shè)計與制作

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

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

編輯推薦

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

圖書封面

評論、評分、閱讀與下載

---

    靜態(tài)網(wǎng)頁設(shè)計與制作 PDF格式下載

---