《案例學網頁設計與網站建設》打破了傳統脫離實際的單一的軟件技能操作講解模式,完全從學以致用、經驗總結的角度出發,充分考慮網頁設計與網站建設的實際需要,將知識講解與應用能力培養緊密結合,著重培養讀者對于知識點的理解和實際操作能力。
全書分7篇共26章,第1篇為網站制作基礎篇(第1~4章),主要介紹網頁設計入門、網站建設的規范與流程、網站的策劃與版面布局及網頁的顏色搭配,讓讀者站在新的起點和高度去實現網頁設計的想法與創意;第2篇為靜態網頁制作篇(第5~9章),主要介紹Dreamweaver CC的功能及使用方法,并對靜態網頁設計進行詳細的闡述;第3篇為網頁圖像制作篇(第10~13章),主要介紹使用Photoshop CC 處理網頁圖像的方法;第4篇為網頁動畫制作篇(第14~16章),詳細講述使用Flash CC 制作網頁動畫的方法;第5篇為動態網頁制作篇(第17~21章),主要介紹HTML、CSS、ASP、JavaScript等語言的使用;第6篇為網站建設實戰篇(第22~24章),通過對幾個典型的案例的分析,讓讀者進一步掌握Dreamweaver、Flash、Photoshop等在網站制作中的實際應用;第7篇為網站維護推廣篇(第25~26章),主要講述網站的測試、上傳、管理、維護與推廣的知識。
本書內容全面,講解清晰,圖文直觀。既適合網頁設計初級、中級讀者學習使用,也適合從事網站建設行業而又缺乏設計經驗與實戰的讀者學習參考,同時還可以作為大中專院校、各類計算機培訓班的學習教材與參考用書。
1.案例豐富,內容新穎、實用:218 個重點知識、84 個實戰案例、56 個妙招技法、3 個綜合案例及12 個綜合上機實訓項目,告別假把式,只講真功夫!
2.技能與行業經驗:教你怎么做,更教你為什么這么做!
3.全能學習套餐:豐富的設計資源 生動的視頻講解!
鳳凰高新教育,國內知名圖書創作團隊,專注于計算機類圖書的策劃與編寫,囊括眾多一線專家及MVP(微軟全球有價值專家)。其出版的圖書,受到廣大讀者的喜愛,登上全國各大圖書銷售榜。
目錄
第1篇 網站制作基礎篇
隨著網絡的日益普及,網站的數量及種類也日漸增多。網站是一個存放在網絡服務器上的完整信息集合體,它包含一個或多個網頁。網站的類型包括公司網站、企業網站、政府網站、個人網站等。針對如此多設計風格各異的網站,我們要完成制作都需要從認識網站開始。
第1章網頁設計入門
1.1?認識網頁
★?重點?1.1.1?網頁的定義
★?重點?1.1.2?網頁的構成要素
1.1.3?網頁與網站的關系
1.2?常用的網絡術語
1.2.1?域名
1.2.2?HTTP協議
1.2.3?FTP協議
1.2.4?超鏈接
1.2.5?站點
1.3?網頁設計常用工具
1.3.1?網頁設計軟件Dreamweaver
1.3.2?動畫設計軟件Flash
1.3.3?圖像設計軟件Photoshop
1.3.4?HTML標記
1.3.5?CSS樣式表
1.4?網頁設計的基本原則
1.4.1?明確建立網站的目標和用戶需求
1.4.2?總體設計方案主題鮮明
1.4.3?網頁形式與內容相統一
1.4.4?三維空間的構成
1.4.5?多媒體功能的使用
1.4.6?合理運用新技術
1.5?移動端(手機/平板)網頁的設計
★?重點?1.5.1?移動端網站與PC端網站設計的區別
★?重點?1.5.2?移動端網頁設計的原則
1.5.3?規劃不同產品上的功能
本章小結
第2章網站建設的規范與流程
2.1?常見的網站類型
2.1.1?門戶網站
2.1.2?企業網站
2.1.3?個人網站
2.1.4?娛樂網站
2.1.5?機構網站
2.1.6?電子商務網站
2.2?網站建設規范
2.2.1?組建開發團隊規范
2.2.2?開發工具規范
2.2.3?超鏈接規范
2.2.4?數據庫開發
2.2.5?文件夾和文件命名規范
2.3?網站的制作流程
★?重點?2.3.1?網站整體規劃
2.3.2?確定網站的內容和服務
★?重點?2.3.3?規劃網站目錄結構
★?重點?2.3.4?收集資源
2.3.5?網頁效果圖設計
★?重點?2.3.6?編輯制作網頁
★?重點?2.3.7?申請域名和服務器空間
★?重點?2.3.8?網站的維護、測試和發布
★?重點?2.3.9?網站的宣傳推廣
本章小結
第3章網站的策劃與版面布局
3.1?網站的整體CI策劃
3.1.1?CI簡介
3.1.2?MI設計簡介
3.1.3?BI設計簡介
3.1.4?VI設計簡介
3.2?網站的風格、標志與字體
★?重點?3.2.1?網站的風格定位
★?重點?3.2.2?網站的標志
★?重點?3.2.3?網站的標準字體
3.3?網頁版面布局設計
★?重點?3.2.1?網頁版面布局原則
★?重點?3.2.2?點、線、面的構成
3.4?網頁的基本版式
3.4.1?骨骼型
3.4.2?滿版型
3.4.3?上下分割型
3.4.4?左右分割型
3.4.5?中軸型
3.4.6?曲線型
3.4.7?傾斜型
3.4.8?重心型
3.4.9?自由型
本章小結
第4章網頁的顏色搭配
4.1?網頁色彩的分類
★?重點?4.1.1?有彩色
★?重點?4.1.2?無彩色
4.2?網頁配色基礎
4.2.1?RGB
4.2.2?HSB
4.2.3?色環
4.2.4?原色
4.3?網頁色彩的三要素
4.3.1?明度
4.3.2?色相
4.3.3?純度
4.4?網頁的色彩對比
★?重點?4.4.1?明度對比
★?重點?4.4.2?色相對比
★?重點?4.4.3?純度對比
★?重點?4.4.4?色彩的冷暖對比
4.5?選擇網頁色彩
4.5.1?網頁色彩與人的情緒
★?重點?4.5.2?網頁的標準色
★?重點?4.5.3?網頁的色彩選擇與搭配
本章小結
第2篇 靜態網頁制作篇
Dreamweaver CC是Adobe公司推出的一套擁有可視化編輯界面,用于制作并編輯網站和移動應用程序的網頁設計軟件。它將可視布局工具、應用程序開發功能和代碼編輯支持組合為一個功能強大的工具系統,使每個級別的開發人員和設計人員都可利用它快速地創建網頁界面。在計算機中安裝Dreamweaver CC之后,即可啟用該軟件進行網頁制作。
第5章Dreamweaver CC的基礎操作
5.1?認識Dreamweaver CC
5.1.1?Dreamweaver CC的啟動與退出
5.1.2?Dreamweaver CC的工作界面
5.2?網頁的創建與保存
★?重點?5.2.1?創建網頁
★?重點?5.2.2?保存網頁
★?重點?5.2.3?打開網頁
5.2.4?關閉網頁
5.3?在網頁中輸入文本
★?重點?5.3.1?直接在網頁窗口中輸入文本
★?重點?5.3.2?復制/粘貼外部文本
★?重點?5.3.3?調整文本
★?重點?5.3.4?實戰:插入日期
5.4?水平線的操作
★?重點?5.4.1?插入水平線
★?重點?5.4.2?設置水平線屬性
5.5?項目列表與編號列表
★?重點?5.5.1?插入項目列表
★?重點?5.5.2?插入編號列表
5.6?使用標尺與網格
★?重點?5.6.1?使用標尺
★?重點?5.6.2?使用網格
妙招技法
技巧01如何自定義快捷鍵
技巧02如何自定義代碼視圖
技巧03如何插入特殊字符
技巧04 怎樣在網頁中制作彩色水平線
上機實訓制作公司介紹網頁
本章小結
……
第21章JavaScript語法
21.1?JavaScript概述
21.1.1?JavaScript的定義
21.1.2?JavaScript的特點
21.2?JavaScript在HTML中的使用
★?重點?21.2.1?JavaScript加入HTML中
★?重點?21.2.2?實戰:創建**個JavaScript程序
21.3?JavaScript基本數據類型、表達式?和運算符
★?重點?21.3.1?基本數據類型
★?重點?21.3.2?表達式
★?重點?21.3.3?運算符
21.4?JavaScript程序語句
★?重點?21.4.1?使用If語句
★?重點?21.4.2?使用For循環
★?重點?21.4.3?使用While語句
21.5?JavaScript函數
21.5.1?函數的定義
21.5.2?函數中的形式參數
妙招技法
技巧01如何在圖片上添加播放按鈕
技巧02單擊表格變換顏色
技巧03實現網頁字體大、中、小的操作
上機實訓檢測用戶屏幕分辨率
本章小結
第6篇 網站建設實戰篇
隨著Internet的發展與普及,互聯網信息技術徹底改變了人們的生活和工作。越來越多不同類型的企業建立了網站。本篇將詳細講解3個不同類型網站項目的分析與制作。
第22章制作企業官方網站
22.1?企業官方網站的相關制作知識
22.1.1?網站項目分析
22.1.2?確定網站風格
22.2?制作網站
22.2.1?處理網站圖像
22.2.2?制作按鈕
22.2.3?制作網頁導航條
22.2.4?制作網站首頁
22.3?發布為手機/平板端網頁
本章小結
第23章制作在線娛樂網站
23.1?在線娛樂網站的相關制作知識
23.1.1?網站項目分析
23.1.2?確定網站風格
23.2?制作網站
23.2.1?使用Flash制作動畫
23.2.2?制作網站引導頁
23.2.3?使用HTML制作視頻播放頁
23.3?發布為手機/平板端網頁
本章小結
第24章制作購物網站
24.1?購物網站的相關行業知識
24.1.1?網站項目分析
24.1.2?確定網站風格
24.2?制作網站
24.2.1?處理網站Banner
24.2.2?制作網站促銷信息特效
24.2.3?制作網站主體部分
24.3?發布為手機/平板端網頁
本章小結
第7篇 網站維護推廣篇
在網站制作完成后,需要對其進行測試;當網站能夠穩定地運行后,就可以將站點上傳到遠程Web服務器上;*后還要進行必要的管理和推廣等工作。本篇主要介紹網站的維護與推廣知識。
第25章網站的測試與上傳
25.1?本地站點的測試
25.1.1?檢測瀏覽器的兼容性
★?重點?25.1.2?檢查站點的鏈接
25.1.3?創建站點報告
25.2?網站的上傳
25.2.1?使用Dreamweaver上傳
★?重點?25.2.2?使用上傳工具上傳
本章小結
第26章網站管理、維護與推廣
26.1?網站的管理
★?重點?26.1.1?網站的管理問題
26.1.2?網站管理的作用與意義
26.1.3?網站管理的原則
26.2?網站日常維護與管理
26.2.1?網站日常維護的目的
★?重點?26.2.2?網站日常維護的內容
26.3?傳統方式推廣網站
26.3.1?電視
26.3.2?報紙雜志
26.3.3?戶外廣告
26.3.4?其他印刷品
26.4?網絡推廣
26.4.1?網絡廣告
26.4.2?電子郵件
26.4.3?使用論壇
26.4.4?友情鏈接
26.5?注冊到搜索引擎
26.5.1?注冊搜索引擎需要注意的問題
26.5.2?手工注冊搜索引擎
26.5.3?利用搜索引擎注冊工具注冊
26.5.4?到注冊網站注冊
26.5.5?利用META設置
本章小結
附錄
附錄A?HTML代碼的標簽
附錄B?CSS層疊樣式表屬性
附錄C?綜合上機實訓項目