CSS+DIV網頁樣式與布局案例指導

所属分类:網頁制作  
出版时间:2009-4   出版时间:電子工業出版社   作者:王儉敏 等 著   页数:430  

前言

  因特網的誕生改變了人們的工作和生活方式,而各種網站的盛行也給網頁設計者帶來了機遇與挑戰。HTML語言是整個網站設計和開發的核心。它是網頁開發所基于的標準的結構化語言。它包含的各種結構標記的基本功能是控制網頁內容的結構劃分。但是在網頁開發之初,在網頁開發的標準不完善的情況下,HTML實際上肩負了網頁外觀的呈現。例如,(B)、(I)等標記元素的出現,這使得網頁內容和結構混雜在一起,代碼異常冗長和繁復,極大地增加了網頁設計和開發者的工作量。CSS的出現完美地解決了這個問題。CSS是英文Cascading Style Sheets的縮寫,即層疊樣式表。CSS是一種簡單的標準化語法。它可以讓網站設計者方便靈活地控制Web頁面的外觀表現,使網站設計變得更加簡單。最重要的是,它與HTML語言中的DIV標記的結合,完美地實現了網頁的內容與結構的分離,簡化了HTML語言,並且減輕了HTML對表現形式的責任。同時使網頁開發者的分工更加明確,從而大大減少了創建和維護網站所花費的時間。如今,HTML和CSS共同擔負著網頁前台設計的責任,一起構成了網頁設計與開發的基石。  本書由淺入深地對CSS+DIV網頁布局進行了全面的介紹。首先是對CSS必備的基礎知識的詳細講解,分章節介紹了CSS對網頁各組成部分的控制的技術要點與參數設定,為深入學習CSS+DIV網頁布局做好鋪墊。在此基礎上,以實例講解的方式進一步介紹了CSS+DIV網頁布局的觀念及其實際應用。最後的綜合案例讓讀者真正體會到網頁設計與開發的整個思路與過程,加深讀者對CSS+DIV網頁布局觀念的理解。在本書中,每個知識要點處都安排了詳細的範例解析來幫助讀者理解與掌握知識要點。同時精心設計了“舉一反三”供讀者實踐,幫助讀者對所學知識真正做到學以致用。全書的章節安排條理清晰,技術講解循序漸進,與大家的學習習慣相吻合,使讀者通過本書的學習能真正地掌握CSS+DIV網頁布局的相關技術,並能夠在實際中應用。  全書按照學習進程分成3大部分。第1部分是CSS基礎知識篇,共分為11章。第1章是網站制作流程與布局概念的介紹,幫助讀者理解CSS層疊樣式表的布局觀念及其在網站制作中的地位。第2章和第3章是對網站制作的相關知識的擴展介紹,包括HTML、XHTML、JavaScript網站制作的基礎技術,幫助讀者從網站開發的層次理解CSS+DIV網頁布局,不會因為孤立地學習CSS而無法在實際的網站開發中應用。同時指導讀者制作符合Web標準的網頁,為以後從事網站設計開發工作打下良好的基礎,這也是本書的一大特色。第4章到第11章以分類介紹的方式,比較細致全面地講解CSS相關的基本語法知識以及使用技巧,針對每一個知識點都有相應的範例講解,以幫助讀者更好地理解和掌握。  第2部分是CSS+DIV布局篇,共分為3章。該部分是整體提高篇。它是在掌握了第1部分的CSS基礎知識的前提下,從更高的網頁整體布局的層次上講解CSS和DIV的整體應用。  第3部分是綜合案例篇,共分為3章。每章都詳細地講解一個完整的網站開發的綜合實例。其中,第15章是小型企業網站,第16章是購物網站,第17章是觀光旅游導航網站。這3個典型網站制作實例覆蓋了常用的網頁設計與制作知識,在書中都有詳細的分析與講解。該部分讓讀者可以掌握實用的網站開發的思路、方法、技巧,最終能夠獨立地完成網頁的開發。  本書內容涵蓋了從Web排版到頁面布局的所有元素,內容全面、條理清晰、深入淺出,注重範例講解與實用性,是一本簡單易學的CSS+DIV布局技術的參考手冊,既適合CSS初學者入門,又適合中高級使用者鞏固提高。  本書由王儉敏、方強、李靜等編寫,本書致力于讓多層次的讀者閱讀後能有所收獲,但是由于編者的水平有限,書中難免有疏漏之處,歡迎廣大讀者與專家批評指正。

内容概要

  網頁設計的一大改革。DIV分塊實現了HTML文檔內部結構的劃分,CSS層疊樣式表則為網頁提供了豐富的設計樣式,並控制HTML文檔的外在表現。兩者各盡其職,實現了樣式與內容的分離,從而大大簡化了HTML代碼。CSS+DIV網頁布局技術可以保證網頁風格的一致性,對網頁的樣式進行統一的管理,給網頁的開發與維護帶來了極大的方便。當我們想要修改網頁的風格設置時,只需要修改CSS樣式表就能使所有的網頁樣式隨之發生變動,而不必一頁一頁地修改網頁。《CSS+DIV網頁樣式與布局案例指導》以實用為前提,提供了大量網頁設計與制作的範例,並輔以細致的講解與圖示,對網頁制作的步驟與方法都有具體的示例,是一本簡單易學的CSS+DIV布局技術的參考手冊。

书籍目录

第1章 網站制作流程與布局概念1.1 網站和網頁1.1.1 網站與網頁的關系1.1.2 域名1.2 網站的制作流程1.2.1 前期策劃1.2.2 頁面實施1.2.3 後期維護1.3 布局方式1.3.1 網站建設標準1.3.2 頁面布局1.3.3 標準與表格布局第2章 HTML與XHTML2.1 HTML基礎2.1.1 HTML概述2.1.2 HTML基本結構2.2 HTML基本標簽2.2.1 基本標簽2.2.2 格式標簽2.2.3 文本標簽2.2.4 超鏈接標簽2.2.5 圖像標簽2.2.6 表格標簽2.2.7 框架標簽2.2.8 表單標簽2.2.9 分區標簽2.3 XHTML2.3.1 XHTML概述2.3.2 HTML轉換為XHTML第3章 JavaScript腳本語言概述3.1 JavaScript概述3.1.1 JavaScript發展3.1.2 編寫JavaScript腳本代碼3.1.3 JavaScript程序結構3.1.4 JavaScript代碼嵌入HTML文檔3.2 JavaScript效果的實現3.2.1 事件處理器3.2.2 表單驗證3.2.3 JavaScript窗口3.3 JavaScript與CSS3.3.1 在CSS中使用JavaScript3.3.2 JavaScript控制CSS樣式切換3.3.2 JavaScript與CSS實現雕刻菜單效果第4章 CSS概述4.1 CSS的基本概念4.2 CSS的頁面設置4.2.1 內聯樣式表4.2.2 嵌入樣式表4.2.3 外部樣式表4.2.4 輸入樣式表4.3 CSS與HTML4.4 CSS的選擇器和繼承4.4.1 CSS選擇器4.4.2 CSS的繼承4.5 編輯CSS4.6 瀏覽器與CSS第5章 CSS語法介紹5.1 CSS選擇器5.1.1 標記選擇器5.1.2 類選擇器5.1.3 ID選擇器5.1.4 選擇器的聲明5.2 CSS的繼承5.2.1 父子關系5.2.2 CSS繼承的運用5.3 單位和值5.3.1 顏色5.3.2 長度單位5.3.3 URL第6章 CSS文本編輯效果6.1 文字樣式6.1.1 字體的樣式6.1.2 文字的大小6.1.3 文字的顏色6.1.4 字體的粗細與斜體6.1.5 下畫線、頂畫線和刪除線6.2 段落設置6.2.1 對齊方式6.2.2 行間距6.2.3 字間距6.2.4 首字放大效果第7章 CSS表格和表單效果7.1 表格樣式7.1.1 表格屬性7.1.2 表格的邊框樣式7.1.3 表格的文本樣式7.1.4 表格嵌套7.1.5 表格背景變色7.2 表單樣式7.2.1 表單屬性7.2.2 表單邊框閃爍第8章 CSS與頁面結構8.1 邊框8.1.1 邊界8.1.2 邊框8.1.3 補白8.1.4 浮動與清除8.2 分塊格式編排8.2.1 塊元素8.2.2 內聯元素8.2.3 可變元素第9章 用CSS設置網頁效果9.1 用CSS設置圖片樣式9.1.1 圖片邊框的設置9.1.2 圖片大小的設置9.1.3 圖片自動等比例縮小9.1.4 圖片陰影的設置9.1.5 圖片透明的設置9.1.6 圖片的對齊方式的設置9.1.7 文字環繞的效果9.1.8 浮動廣告的制作9.2 用CSS設置網頁中的背景9.2.1 頁面的背景色9.2.2 頁面的背景圖的設置9.2.3 背景圖片的位置9.2.4 固定背景圖片9.2.5 添加多個背景圖片第10章 用CSS設置頁面10.1 設置頁面格式10.1.1 設置超鏈接10.1.2 設置導航欄10.1.3 設置鼠標特效10.1.4 設置滾動條10.1.5 設置選項卡10.2 特殊效果10.2.1 鼠標提示10.2.2 導航欄的隱藏和展開10.2.3 設置滑動文本選項卡第11章 CSS濾鏡的應用11.1 濾鏡介紹11.2 通道(alpha)11.3 模糊(blur)11.4 透明色(chroma)11.5 陰影(shadow)11.6 光暈(glow)11.7 波浪(wave)11.8 X射線(x-ray)11.9 灰度(gray)11.1 0反色(invert)11.1 1遮罩(mask)11.1 2翻轉(FlipH&FlipV)第12章 理解CSS定位與div布局12.1 div標簽與span標簽12.1.1 概述12.1.2 元素的分類和標識(class和id)12.1.3 組織元素(div和span)12.2 盒子模型12.2.1 盒子模型的概念12.2.2 border屬性12.2.3 padding屬性12.2.4 margin屬性12.2.5 寬度和高度12.3 元素的定位12.3.1 CSS的定位原理12.3.2 定位方式12.3.3 float定位12.3.4 z-index定位第13章 CSS+DIV布局13.1 CSS+DIV布局方法13.1.1 網站的制作規範13.1.2 將頁面用div分塊13.1.3 對分布的塊進行定位13.2 CSS排版觀念13.2.1 對段落進行排版13.2.2 對圖片進行排版13.2.3 對表格進行排版13.2.4 “固定寬度且居中”的版式13.2.5 “左中右”版式第14章 調用樣式表14.1 關于CSS14.1.1 CSS樣式表的功能14.1.2 CSS樣式表的分類14.2 調用樣式表的方法14.2.1 外部調用CSS樣式表14.2.2 雙表法調用樣式表14.2.3 樣式表的切換14.2.4 樣式表的優先級14.2.5 根據時段改變網站風格第15章 小型企業網站15.1 設計分析15.2 布局分析15.3 模塊分析與設計實現15.3.1 Logo與菜單效果15.3.2 導航與搜索功能的設計15.3.3 公司咨詢15.3.4 主體實現15.3.5 業內新聞15.4 CSS整理與調整第16章 購物網站16.1 設計分析16.2 布局分析16.3 模塊分析與設計實現16.3.1 Logo與菜單效果16.3.2 分類搜索功能設計16.3.3 商品導購功能設計16.3.4 交易功能設計16.4 CSS整理與調整第17章 觀光旅游導航網站17.1 設計分析17.2 布局分析17.3 模塊分析與設計實現17.3.1 CSS基本設置17.3.2 標題欄與banner圖片的實現17.3.3 左側分欄與導航菜單實現17.3.4 主體實現17.3.5 腳注(footer)17.4 CSS整理與調整

章节摘录

  第1章 網站制作流程與布局概念	  1.1 網站和網頁	  網站(Website)是在國際網絡中根據一定的規範,使用超文本標記語言或其他工具軟件制作的用于展示特定內容的相關網頁的集合。簡單地說,網站是網絡中的通信工具。像布告欄一樣,網站擁有者可以通過網站發布資訊或提供相關的網絡服務。用戶可以通過瀏覽器訪問網絡中的網站,獲取需要的資訊或接受網絡服務。  網頁(Website)是一個文件,存儲在某一台與因特網相連的計算機或服務器中。網頁經由統一資源定位器(uRL)來識別與存取,當用戶在瀏覽器中輸入網址(即URL)後,服務器端程序處理後,網頁文件傳送到用戶的計算機,然後通過瀏覽器解釋網頁的內容之後再展示給用戶。  1.1.1 網站與網頁的關系  許多企業和公司都擁有自己的網站,並利用網站進行宣傳、發布產品資訊和招聘信息。隨著網頁制作技術的流行,很多個人也開始制作個人主頁,這些網頁通常是作者用來自我介紹、展現個性的地方。同時也出現了很多以提供網絡資訊為營利手段的網絡公司,通常這些公司的網站會提供生活各個方面的資訊,如時事新聞、旅游、娛樂、經濟等。  在因特網的早期,網站還只能保存單純的文本。經過幾年的發展,當萬維網出現之後,圖像、聲音、動畫、視頻,甚至3D技術開始在因特網上流行起來,網站也慢慢地發展成人們現在看到的圖文並茂的樣子。通過動態網頁技術,用戶也可以與其他用戶或者網站管理者進行交流,也有一些網站為用戶提供電子郵件服務。  網頁是網站中的一“頁”,通常是HTML格式(文件擴展名為.html或.htm、.asp、.aspx、.php、.jsp等),需要通過Web頁面瀏覽器閱讀。網頁是構成網站的基本元素,是承載各種網站應用的平台。可以說,網站就是由網頁組成的。如果只有域名和虛擬主機,而沒有制作任何網頁的話,用戶仍舊無法訪問網站。

图书封面




    CSS+DIV網頁樣式與布局案例指導下載



用户评论 (总计0条)

 
 

 

計算機與互聯網 PDF免费下载,網頁制作PDF免费下载。 计算机教程网 

计算机教程网 @ 2017