網頁設計案例教程:DIV+CSS版

網頁設計案例教程:DIV+CSS版

《網頁設計案例教程:DIV+CSS版》是2013年北京大學出版社出版的圖書。

基本介紹

  • 中文名:網頁設計案例教程:DIV+CSS版
  • 作者:馬濤,欒蓉
  • 類別:計算機網頁設計
  • 出版社:北京大學出版社
  • 出版時間:2013年
  • 開本:16 開
  • 裝幀:平裝
  • ISBN:9787301225325
內容簡介,圖書目錄,

內容簡介

《高等高專計算機系列規劃教材·全國高職高專計算機立體化系列規劃教材:網頁設計案例教程(DIV+CSS版)》詳細講述了一個真實剛站HTML網頁的實際開發過程,更準確地說是如何把PSD格式的檔案轉化為HTML檔案,包括如何搭建開發環境,如何構建網站,如何使用DIV+CSS進行網頁布局,如何添加文字、圖片、超連結、列表、表單、表格、視頻、Flash、地圖等網頁元素,如何設定每種閥頁元素的CSS,如何添加JavaScript特效。本書是在Dreamweaver CS5的環境下進行開發的,測試瀏覽器是IE9。
  《高等高專計算機系列規劃教材·全國高職高專計算機立體化系列規劃教材:網頁設計案例教程(DIV+CSS版)》的個特色是全書為一個綜合案例,把一個網站的靜態頁面開發過程分為8個章節描述。第二個特色是全書使用DIV+CSS進行網頁製作。第三個特色是將實際網站開發的一個重要環節,PSD轉HTML全景化地展現出來。
  《高等高專計算機系列規劃教材·全國高職高專計算機立體化系列規劃教材:網頁設計案例教程(DIV+CSS版)》可作為高職高專網頁製作課程和網站製作綜合實踐的專用教材,也可作為初學者快速掌握網頁製作實戰經驗的案例教材。另外本書有很多實際開發的案例和經驗可以為中、高級用戶提供參考借鑑。

圖書目錄

第1章 網頁製作基礎
1.1 網頁初認識
1.1.1 網頁的定義
1.1.2 優秀網頁需具各的條件
1.1.3 編輯器的選擇
1.1.4 Web瀏覽器
1.2 製作一個網頁
1.2.1 網頁基本結構
1.2.2 實例操作
1.3 添加CSS樣式表
1.3.1 CSS的定義
1.3.2 CSS基本結構
1.3.3 網頁添加CSS的方式
1.3.4 實例操作
本章小結
課後習題
第2章 網站規劃與製作流程
2.1 “新分享”網站的建站準備
2.1.1 網站規劃
2.1.2 準備素材
2.1.3 設定站點
2.1.4 實例操作
2.2 “新分享”網站的製作流程
2.2.1 網頁製作流程
2.2.2 網站製作流程
2.2.3 實例操作
本章小結
課後習題
第3章 首頁背景製作
3.1 首頁布局分析和區域塊命名
3.1.1 嘲頁巨觀層命名規則
3.1.2 網頁微觀層命名注意事項
3.1.3 實例操作
3.2 Photoshop切圖
3.2.1 網頁哪些背景必須切圖
3.2.2 首頁背景如何切圖
3.2.3 實例操作
3.3 HTML和CSS代碼編寫
3.3.1 div標籤
3.3.2 CSS布局相關屬性
3.3.3 CSS布局相關屬性值設定
3.3.4 margm和padding
3.3.5 float浮動屬性
3.3.6 網頁添加背景圖片
3.3.7 背景圖片的定位
3.3.8 實例操作
本章小結
課後習題
第4章 首頁頭部元素製作
4.1 Logo製作
4.1.1 img圖片標籤
4.1.2 圖片標籤CSS設定
4.1.3 實例操作
4.2 文字連結製作
4.2.1 超連結標籤
4.2.2 偽類
4.2.3 超連結CSS設定
4.2.4 定位和相對定位
4.2.5 去除超連結下劃線
4.2.6 實例操作
4.3 表單製作
4.3.1 表單的定義
4.3.2 表單的CSS設定
4.3.3 實例操作
本章小結
課後習題
第5章 首頁主體和底部製作
5.1 添加主體部分文字
5.1.1 標題標籤的用法
5.1.2 行高屬性
5.1.3 對齊屬性
5.1.4 實例操作
5.2 添加網頁底部元素
5.2.1 網頁底部常見設計樣式
5.2.2 實例操作
本章小結
課後習題
第6章 功能頁導航選單製作
6.1 橫向主選單
6.1.1 列表的HTM1結構
6.1.2 列表的CSS設定
6.1.3 製作樹狀列表
6.1.4 實例操作
6.2 側嚮導航選單
6.2.1 列表整體使用背景色
6.2.2 列表項文字縮進
6.2.3 實例操作
6.3 Tab式選單
本章小結
課後習題
第7章 功能頁主體部分製作
7.1 表格布局製作主體內容
7.1.1 表格的HTML結構
7.1.2 拆分單元格
7.1.3 表格屬性
7.1.4 表格的CSS設定
7.1.5 製作“斑馬效果”表格
7.1.6 製作“滾動條”表格
7.1.7 實例操作
7.2 分頁導航製作
7.2.1 分頁導航
7.2.2 分頁導航設計注意事項
7.2.3 實例操作
本章小結
課後習題
第8章 功能頁右側部分製作
8.1 地圖
8.1.1 網頁地圖定義和類型
8.1.2 實例操作
8.2 拓展媒體
8.2.1 拓展媒體的定義
8.2.2 實例操作
8.3 圖片畫廊
8.3.1 使用圖片畫廊
8.3.2 常見的圖片畫廊效果
8.3.3 實例操作
8.4 日曆
實例操作
本章小結
課後習題
參考文獻

相關詞條

熱門詞條

聯絡我們