• /  11
  • 下載費用: 9.90積分  

Dreamweaver CS5.5中文版案例教程教學課件 作者 教學課件第7章7.ppt

'Dreamweaver CS5.5中文版案例教程教學課件 作者 教學課件第7章7.ppt'
第7章 CSS+Div布局方法 CSS+Div是網站標準中常用的術語之一,CSS和Div的結構被越來越多的人采用,很多人都摒棄了表格而使用CSS來布局頁面,它的好處很多,可以使結構更加簡潔,定位更加靈活,CSS布局的最終目的是搭建完善的頁面架構。通常在XHTML網站設計標準中,不再使用表格定位技術,而是采用CSS+Div的方式實現各種定位。7.1 CSS+Div的定義 Div元素體現了網頁技術的一種延伸,是一種新的發展方向,有了Div元素,就可以在網頁中實現下拉菜單、圖片、文本的各種效果;CSS是用于創建網頁表現(樣式/美化)的樣式表的統稱,要通過CSS來設置Div標簽樣式,我們將這二者的聯合使用稱為CSS+Div。7.1 CSS+Div的定義 XHTML是目前國際上倡導的網站標準設計語言,因為XHTML具有網站設計語言的基本特點,這種CSS+Div模式的網站設計具有一定的優勢。首先,CSS的優勢表現在簡潔的代碼。對于一個大型網站來說,可以節省大量帶寬。而且眾所周知,搜索引擎喜歡簡潔的代碼,因此使用CSS+Div的Web標準制作的網站具有更易被搜索引擎搜索的優勢。其次,CSS+Div使得網站改版相對簡單,很多問題只需要改變CSS而不需要改動程序就可以解決,從而降低了網站改版的成本。7.1.1 CSS+Div的優勢7.1 CSS+Div的定義 7.1.2 CSS+Div的問題盡管CSS+Div具有一定的優勢,不過現階段CSS+Div網站建設存在的問題也比較明顯,主要表現在以下幾個方面。7.1 CSS+Div的定義 7.1.2 CSS+Div的問題盡管CSS+Div具有一定的優勢,不過現階段CSS+Div網站建設存在的問題也比較明顯,主要表現在以下幾個方面。7.2 表格布局與CSS布局的區別很多人也許會覺得,有時候使用HTML一樣可以實現頁面樣式的設置,那為什么還要使用CSS呢?接下來,從兩個網頁的效果分析一下使用CSS的必要性。7.3 盒子模式什么是CSS盒子模式呢?為什么叫它是盒子?首先說說在網頁設計中常聽到的屬性名:內容(Content)、填充(Padding)、邊框(Border)、邊(Margin)。CSS盒子模式具備這些屬性,如圖7-5所示。7.4 可視化布局塊在“設計”視圖中,可以使CSS布局塊可視化。CSS布局塊是一個HTML頁面元素,可以將它定位在頁面上的任意位置。具體而言,CSS布局塊是不帶“display:inline;” 的 Div 標簽,或者是包括“display:block;”、“position:absolute;”或“position:relative;”CSS 聲明的任何其他頁面元素。下面是幾個在Dreamweaver中被視為CSS布局塊的元素的示例。7.5 CSS網頁布局概述如果想要制作出既美觀、使用起來又方便的網站,那么把網站布局設計好是十分必要的。設計的布局是指把文本、圖像、符號等各種構成要素在指定的空間內進行合理的安排配置的工作。在網頁設計中布局的概念也是差不多的,網頁設計的布局就是把進入網頁的各種構成要素(文字、圖像、圖表、表單等)在網頁瀏覽器中有效地排列起來。網站的文字或圖像等網頁的構成要素配置是否協調,將決定頁面給人的感覺及其實用性。網站的布局不是盲目地在網頁里羅列各種構成要素。如何才能實現網頁構成的目的,使網站看起來既美觀又實用,這才是每一個設計網頁布局的人應該首先考慮到的問題。如果網頁布局不合理,則會在向用戶傳達網頁內容的時候發生困難,也不會讓人對其產生興趣。因此,為了能夠設計出既美觀、新穎,又使用方便的網頁,有必要多多參考優秀的布局方法。在仔細研究那些優秀的布局方式的同時,對如何在有限的空間里把頁面中豐富多彩的內容更加有機地結合起來,如何營造出一種良好的視覺效果這些問題進行認真思考。7.5.1 網站布局設計原則7.5 CSS網頁布局概述7.5.2 CSS網頁布局分類1.一列固定寬度2.一列自適應3.一列固定寬度居中4.二列固定寬度5.二列寬度自適應6.右欄寬度自適應7.二列固定寬度居中8.三列浮動中間列寬度自適應9.高度自適應7.6 知識與技能梳理盡管CSS+Div具有一定的優勢,不過現階段CSS+Div網站建設存在的問題也比較明顯,CSS+Div能否優化搜索引擎取決于網頁設計的專業水平而不是CSS+Div本身。CSS+Div網頁設計并不能保證網頁對搜索引擎的優化,甚至不能保證一定比HTML網站有更簡潔的代碼設計。重要工具:CSS+Div。核心技術:根據不同的需要將CSS技術應用到網頁中去。實際應用:企業網站、旅游網站、個人主頁。
關 鍵 詞:
教學 中文版 教程 案例 cs cs5.5 作者 dreamweaver
 天天文庫所有資源均是用戶自行上傳分享,僅供網友學習交流,未經上傳用戶書面授權,請勿作他用。
關于本文
本文標題:Dreamweaver CS5.5中文版案例教程教學課件 作者 教學課件第7章7.ppt
鏈接地址: http://www.476824.live/p-51617279.html
關于我們 - 網站聲明 - 網站地圖 - 資源地圖 - 友情鏈接 - 網站客服點擊這里,給天天文庫發消息,QQ:1290478887 - 聯系我們

本站為“文檔C2C交易模式”,即用戶上傳的文檔直接賣給(下載)用戶,本站只是中間服務平臺,本站所有文檔下載所得的收益歸上傳人(含作者)所有【成交的100%(原創)】。本站是網絡服務平臺方,若您的權利被侵害,侵權客服QQ:1290478887 歡迎舉報。

[email protected] 2017-2027 http://www.476824.live 網站版權所有

粵ICP備19057495號 

收起
展開
球探网即时蓝球比分 幸运农场胆拖投注表图 今日股市行情大盘 海南4 1四字游 黑龙江快乐十分走势图开奖结果今天 四川金7走势图哪里看 甘肃十一选五开奖官网 广东ll选5开奖结果查询 开滦股份股票 内蒙古快3 山东群英会预测软件