Dreamweaver網頁優化的技巧
Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。以下是小編爲大家搜索整理的Dreamweaver網頁優化的技巧,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!
合理調用CSS
進行網頁設計時,運用樣式表單CSS來對頁面元素進行佈置,可以大大地減少HTML代碼,這點我們已經很清楚。
方法:
(1)是選定對象,從右鍵菜單中選擇定義好的樣式加入; (2)是從樣式面板中爲對象選擇樣式;
(3)是在標籤選擇器上的某標籤上單擊右鍵選擇樣式。
這三種方法雖然獲得的頁面效果一樣,但由於第一種方法會在HTML代碼中產生一個“span”標籤,如果過多地使用必定會使網頁源文件大大增肥,影響下載速度。因此調用CSS時,應採用第二、第三種方法。
爲服務器減負
在交互網頁中,用戶常用表單向服務器提交數據,等待服務器的數據處理、返回瀏覽器……等待的過程是很令人心煩的。爲此,我們在進行網頁編輯時,也有必要爲服務器作個考慮。Dreamweaver中製作網頁,能爲服務器減負的工作有一項做得較出色,就是對用戶所提交的.表單的合法性進行驗證,只需在瀏覽器端進行,不必返回到服務器驗證,既減輕了服務器的負擔,又讓瀏覽者少一份傷心的等待。
方法:選中表單,打開“行爲”面板,點擊“+”號選“驗證表單”,然後進行設置即可。順便提醒,這個驗證過程實際上是使用JavaScript在瀏覽器端作驗證。在Dreamweaver裏進行上述操作時,它會把這段JavaScript代碼放在網頁頭部與之中,這樣必定會使頁面的完全顯示時間變長,因爲瀏覽器要先下載這段代碼才下載其他頁面元素。因此,最好在Dreamweaver中打開代碼編輯器,把這段腳本程序剪貼到源代碼的最後邊,讓其在最後下載。另外,我們在爲網頁加入JavaScript腳本特效時,你如果不希望頁面出現時馬上生效,也不妨這樣設置。
自我“減肥”
目前網頁“減肥茶”很多,我們隨處都可找到,而在Dreamweaver中,我們不必四處找“減肥茶”,利用其自身的“減肥”功能足可以使網頁“苗條怡人”。
方法:在“命令”菜單下選擇“清除多餘的HTML”,即可進行設置對網頁冗餘代碼進行清除。
合理應用表格
我們不但要爲服務器減負,對使用的瀏覽器我們更需要減負,也就是要儘可能地縮短瀏覽器對頁面的解析時間,上面提及的JavaScript腳本加入就是一個例子。影響瀏覽器對頁面解析的還有表格,因爲瀏覽器對錶格的解析時間與表格的大小、複雜程度成正比,而我們在Dreamweaver中爲了版式的安排,都是通過加入大量的表格來進行定位的,有些人甚至在大表格中套入多重的小表格,這實質上也是在加大瀏覽器的負擔,使頁面呈現時間大大加長。爲此在使用表格時,應儘量將表格打散,並要儘可能地避免表格的層層相套。
相關文章
-
Dreamweaver網頁優化技巧
在網頁編織過程中如能充分利用編輯工具,也可以在網頁製作中達到優化目的。下面是YJBYS小編整理的Dreamweaver網頁優化技巧,希望對你有幫助! 合理調用CSS進行網頁設計時,運用樣式表單CSS來對頁面元素進行佈置,可以大大 -
分享Dreamweaver網頁優化的經驗
我們爲了優化網頁、加快網頁下載速度,除了對圖片進行優化之外,還需對網頁其他各個元素進行優化。在網頁編織過程中如能充分利用編輯工具,也可以在網頁製作中達到優化目的。我們積累了一些Dreamweaver網頁優化經驗,在此拿 -
用Dreamweaver製作網頁的技巧
導語:Dreamweaver是製作網頁最常用的一個工具,下面就由小編爲大家介紹一下用Dreamweaver製作網頁的技巧,歡迎大家閱讀!1、靈活運用樣式熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇Custon Style -
Dreamweaver網頁設計的技巧
在日常生活和工作中,越來越多人會去使用講話稿,講話稿是講話者爲了在會議或重要場合上表達自己想要講的話而事先準備好的文稿。怎樣寫講話稿才能更好地發揮其做用呢?下面是小編精心整理的國旗下講話稿,僅供參考,大家一起來 -
Dreamweaver製作網頁的技巧
黑髮不知勤學早,白首方悔讀書遲,以下是小編爲大家搜索整理的Dreamweaver製作網頁的技巧,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!一、從外部文檔中粘貼時,如果只要文字而不想要其格式,可以使用E -
Dreamweaver網頁製作的技巧
作爲企業對外宣傳物料的其中一種,精美的網頁設計,對於提升企業的互聯網品牌形象至關重要。本文特意爲大家收集整理了Dreamweaver網頁製作的技巧,希望大家喜歡! 1)怎樣將 Dreamweaver 集成到 IE 瀏覽器?Dreamweaver 安 -
Dreamweaver網頁設計製作的技巧
Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器。下面小編整理了Dreamweaver網頁設計製作的技巧,供大家參閱。1)怎樣將 Dreamweaver 集成到 IE 瀏覽器?Dreamweaver 安裝程序會在上下文選單增加一個“ -
用Dreamweaver爲網頁進行優化
導語:我們爲了優化網頁、加快網頁下載的速度,除了對圖片進行優化之外,還需對網頁其他各個元素進行優化。下面就由小編爲大家介紹一下用Dreamweaver爲網頁進行優化,歡迎大家閱讀!合理調用CSS進行網頁設計時,運用樣式表單CSS -
用Dreamweaver合理優化網頁
很多粘土教程主要材料:超輕粘土所需工具:粘土 很多粘土工具製作步驟:第1步:第2步:最喜歡這個了,好可愛第3步:第4步:第5步:第6步:第7步:第8步:第9步:好想吃⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄ -
如何用Dreamweaver爲網頁進行優化
活動方案指的是爲某一次活動所指定的書面計劃,具體行動實施辦法細則,步驟等。對具體將要進行的活動進行書面的計劃,對每個步驟的詳細分析,研究,以確定活動的順利,圓滿進行。下面是小編整理的汽車售後促銷活動方案,希望對你有