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

內(nèi)容概要

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

書籍目錄

出版說明
前言
模塊一 認(rèn)識(shí)Dreamweaver CS3
1.1 任務(wù)一 創(chuàng)建“我的第一個(gè)頁面”
1.1.1 Dreamweaver CS3的工作界面
1.1.2 設(shè)計(jì)LOGO
1.2 任務(wù)二 創(chuàng)建與管理站點(diǎn)
1.2.1 創(chuàng)建本地站點(diǎn)
1.2.2 管理站點(diǎn)
1.2.3 管理站點(diǎn)文件和文件夾
1.3 拓展訓(xùn)練 創(chuàng)建“我的班級(jí)”站點(diǎn)
模塊二 創(chuàng)建基本網(wǎng)頁
2.1 任務(wù)一 文本的輸入—— 創(chuàng)建“養(yǎng)生保健”頁面
2.1.1 文本的輸入與編輯
2.1.2 項(xiàng)目列表和編號(hào)列表
2.1.3 水平線和日期的插入
2.2 任務(wù)二 圖像的添加—— 創(chuàng)建“ASA餐廳”頁面
2.2.1 表格的有序存儲(chǔ)
2.2.2 圖像的插入
2.2.3 圖像屬性的設(shè)置
2.2.4 圖像與文本混合編排
2.2.5 鼠標(biāo)經(jīng)過圖像的制作
2.3 拓展訓(xùn)練 創(chuàng)建“我的個(gè)人網(wǎng)站”的首頁
模塊三 創(chuàng)建多媒體網(wǎng)頁
3.1 任務(wù)一 Flash元素的添加—— 創(chuàng)建“江河雙水灣”頁面
3.1.1 Flash的文件類型
3.1.2 Flash動(dòng)畫的插入和屬性的設(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 擴(kuò)展程序的使用
3.3 拓展訓(xùn)練 創(chuàng)建“我的個(gè)人活動(dòng)展示”頁面和“個(gè)人相冊(cè)”頁面
模塊四 實(shí)現(xiàn)網(wǎng)頁間互動(dò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 圖像熱點(diǎn)鏈接
4.2.2 錨記鏈接
4.2.3 創(chuàng)建空鏈接
4.2.4 創(chuàng)建跳轉(zhuǎn)菜單
4.2.5 設(shè)置超級(jí)鏈接目標(biāo)窗口
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 保存框架集文件和各個(gè)框架操作文件
5.2.4 設(shè)置框架集屬性和框架屬性
5.2.5 編輯框架內(nèi)容
5.2.6 設(shè)置超級(jí)鏈接
5.2.7 使用框架布局網(wǎng)頁案例
5.3 任務(wù)三 CSS的應(yīng)用—— 重新布局“在線求診”頁面
5.3.1 標(biāo)簽樣式與類樣式的定義
5.3.2 實(shí)現(xiàn)圖文混排效果樣式的定義
5.3.3 實(shí)現(xiàn)特殊表格邊框效果樣式的定義
5.3.4 高級(jí)樣式的定義
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è)計(jì)
6.1.3 會(huì)員登錄表單和搜索表單制作
6.1.4 常用信息板塊
6.1.5 景點(diǎn)介紹板塊
6.2 任務(wù)二 創(chuàng)建列表/菜單表單—— 創(chuàng)建“機(jī)票查詢”頁面
6.2.1 將已有網(wǎng)頁生成模板
6.2.2 利用列表/菜單表單制作“機(jī)票查詢”頁面
6.3 任務(wù)三 使用單選按鈕和復(fù)選框—— 創(chuàng)建“網(wǎng)站活動(dòng)”頁面
6.3.1 使用單選按鈕和復(fù)選框制作“服務(wù)調(diào)查”板塊
6.3.2 利用CSS樣式美化頁面
6.4 任務(wù)四 校驗(yàn)表單內(nèi)容—— 創(chuàng)建“驢友留言”頁面
6.4.1 制作“驢友留言”板塊
6.4.2 利用表單制作“我的分享”板塊
6.5 拓展訓(xùn)練 為“我的個(gè)人網(wǎng)站”增加會(huì)員登錄、會(huì)員注冊(cè)和會(huì)員留言頁面
模塊七 設(shè)計(jì)完整網(wǎng)站
7.1 任務(wù)一 網(wǎng)站的配色方案與版式設(shè)計(jì)—— 創(chuàng)建“羽翱科技”頁面
7.1.1 網(wǎng)站風(fēng)格的確定
7.1.2 網(wǎng)站版式設(shè)計(jì)
7.1.3 頁面的立體感及細(xì)節(jié)處理
7.1.4 Flash動(dòng)畫及圖片的運(yùn)用
7.2 任務(wù)二 使用模板和庫—— 創(chuàng)建“羽翱科技”頁面的模板
7.2.1 將已有網(wǎng)頁生成模板
7.2.2 將模板生成新網(wǎng)頁和編輯模板
7.2.3 用庫項(xiàng)目制作網(wǎng)頁
7.3 任務(wù)三 使用網(wǎng)頁特效—— 為“羽翱科技”各網(wǎng)頁增加特效
7.3.1 利用CSS制作特效
7.3.2 使用行為制作特效
7.3.3 使用時(shí)間軸制作特效
7.4 拓展訓(xùn)練 為“我的個(gè)人網(wǎng)站”各網(wǎng)頁增加特效并進(jìn)行整體風(fēng)格調(diào)整

章節(jié)摘錄

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

編輯推薦

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

圖書封面

評(píng)論、評(píng)分、閱讀與下載

---

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

---