第一篇：網頁瘦身技巧總結

我們大家都知道，網頁設計無論是基于那種語言都是兩種布局方式和架構：一是：table做的；二是：div+css做的然而這兩種架構也不是絕對的互斥的，也有出現你中有我，我中有你的情況。

一、為什么要網頁瘦身呢？

原因是，搜索引擎本身的資源是有限的，在一定的時間內他的存儲空間也是有限的。如果一個頁面是2k相比一個將1m的頁面來說，2k的頁面存儲500個的空間，只能放一個1m的頁面。

鑒于對搜索引擎的考慮，我們應該讓他減輕負擔.還有就是：

1、盡可能的減少數據的數據的傳輸量。

2、盡可能的減少數據的傳輸頻率、如果可以做到這些，那么：

1、提高網頁的下載速度

2、降低服務器使用的資源

3、提高網絡帶寬利用率

二、網頁加載流程

首先（x）html文件最先瀏覽器讀到，然后加載到內存中，因為這個文件決定了整個網頁中其他文件的關系，一般情況下，我們稱這個為主文件（host document）瀏覽器一旦加載完成這個文件，便開始解析各種markup了 在從文件頂部開始向下解析的過程中，會同時發(fā)出一系列的相關對象的請求，包括外部腳本，樣式表單，flash等其他元素。而這些css和javaｓｃｒｉｐｔ則有可能繼續(xù)觸發(fā)一些相對圖片和腳本資源的請求。

從這了可以看出主文件的重要性，如果能把他盡可能快的傳給瀏覽器，瀏覽器就可能先一步解析。所以第一步，需要對主文件進行優(yōu)化，減肥。

三、常用的優(yōu)化技巧

下面我就集合我的高中學習網（）的優(yōu)化經驗，給大家做個總結。

1、html代碼的優(yōu)化

<1>、出去空白區(qū)域，一般而言，空白區(qū)域（空格，制表符，換行符等）都可以安全刪除，但要避免修改pre，textarea，及受css屬性中W*hite-space影響的標簽。

我還有一個建議就是，這些代碼在優(yōu)化前，大家留一個備份，因為畢竟有空白區(qū)域的代碼，我們看起來比較舒服，不至于是我們的眼睛太累，可能我們后期還要對優(yōu)化的過的代碼進行再操作

<2>、出去注釋，除了在客戶端給ie和doctype聲明的注釋，幾乎所有的注釋都可以k掉，毫無顧慮

<3>、使用短格式的顏色表示，我們常常在用顏色的時候喜歡用16進制和全顏色名稱，認為這樣比較精確，但我們要盡可能根據實際情況使用短格式的顏色表示

如：#ff0000，其實就是red

<4>、用短格式的字符表示。和最短顏色表示一樣，一些名稱可以用最短字符來表示，我們可以用較短的數字來代替某些長長的字母。

<5>、除去無用的標簽。有些無用的標簽，比如使用了多次的重復標簽或者某些編輯器里面用做廣告的meta標簽，都可以安全地去掉

2、Css代碼的優(yōu)化

css也有一套成熟而有簡單的方法。實際上，時下大多數的css都較（x）html更容易壓縮。

<1>、除去css中的空白區(qū)域。相比html來，css對于空白區(qū)域沒有那么敏感，所以除去空

白區(qū)域可以極大地減少css文件和style樣式表的區(qū)域大小

<2>、除去css注釋，如同除去markup代碼中的注釋一樣，由于css的注釋對普通的最終用戶來說并沒有什么使用價值，使用應該除去。

不過，如果考慮到較低級的瀏覽器，則css中的style標簽中的屏蔽注釋信息不可以除去。使用短格式表示顏色，同上，不再重復

<3>、對css的規(guī)則進行合并，如這短代碼：

p{font-size:36pt;

font-family:aral;

line-height:48pt;

font-weight:bold;}

可以這樣寫：p{font:bold 36pt/48pt arial;}

這樣的話，數據量頓時就見效了許多。這些都我們可以注意到，而又沒有在意的方面，seo就是細節(jié)，細節(jié)決定成敗

<4>、對類和id重命名。多id重命名，要注意，不要出錯

許多時候我們?yōu)榱顺绦蚓帉懙男枰?，總是把名字寫的有意義自己能理解，但是這樣無疑長了很多，這個大家自己看著改吧

對seo優(yōu)化而言，用div+css可以更好布局網站的架構，把你想要展示的東西把代碼的上方搜索引擎都是從上往下看的，累了就不看了。就是代碼靠前 顯示的內容卻未必再前面，這樣搜索引擎先看前面的div就是可以根據自己的需要進行定位的參考資料

第二篇：網頁總結

總

結

本學期的網業(yè)設計課程，開展了動態(tài)思維訓練教學活動，對于我們學生來說，可以激發(fā)學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網絡資源，結合教材及老師的指導，通過自身的實踐，創(chuàng)作出積聚個人風格、個性的個人網頁?？傮w來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在INTENET領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

充分發(fā)揮動手能力

本學期的網業(yè)設計課程，開展了動態(tài)思維訓練教學活動，對于我們學生來說，可以激發(fā)學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網絡資源，結合教材及老師的指導，通過自身的實踐，創(chuàng)作出積聚個人風格、個性的個人網頁。總體來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在INTENET領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變?yōu)橹鲃訁⑴c教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網絡資源，老師的指導，在不斷發(fā)現問題和解決問題的過程中學到了很多知識，也增強了我的創(chuàng)作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。

在設計過程中不斷提高網頁設計水平

在本次網頁設計中，我不僅學到了很多關于網頁設計方面的知識，也從中學會了關于網絡、編程等方面的知識。我從最初開始運用FrontPage設計網頁，到后來運用Dreamweaver、Flash、Fireworks等網軟件設計網頁，完善網頁。在這個過程中，我通過自學教材、上網查詢，學習了Dreamweaver、Flash、Fireworks等網頁軟件的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控件的制作等等。在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善?？梢哉f在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。1.簡明易讀

網頁設計最重要的技巧，就是網站風格整體清新、簡明、易讀?？瓷先ゾ兔靼资鞘裁磧热荩畔㈤g相互干擾程度降到最低。這就意味著,你必須花點心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，一般來說，淺色背景下的深色文字為佳。

這個原則也意味著，你最好別把文字的規(guī)格設得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。

2.網站導航清晰簡潔

所有的超鏈接應清晰無誤地向讀者標識出來，所有導航性質的設置，像圖像按鈕，都要有清晰的標識，讓人看得明白，千萬別光顧花里胡哨的視覺效果，而讓人家不知東西南北，造成查看困難。

鏈接文本的顏色最好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色。如果你一定要別出心裁，鏈接的文本就要想著以什么方式加以突出，比如說加粗體？加字號？兩側加豎標？或者幾者兼用。總之，文本鏈接一定要和頁面的其他文字有所區(qū)分，給讀者清楚的導向。

清晰導航還要求：讀者進入目的頁的點擊次數，不能超過三次。如果三次以上還找不到，人家可就失去耐心了。你的網站也就做失敗了。

3.網頁風格要統(tǒng)一

其實，這個原則和傳統(tǒng)的印刷出版物沒什么區(qū)別。你網頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標題、注腳什么的，要統(tǒng)一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下一個“很專業(yè)”的印象。

很多缺乏編輯、出版背景的網友，很容易忽視這點，特別是網頁一多，更容易忘。

4.頁面容量越小越好，別超過75K

有研究顯示，如果一個網站頁面的主體在15秒之內顯現不出來，訪客會很快失去對該站的興趣。當然，也有例外，比如內容實在太精彩，人家不去不行。再像視覺藝術類站點，也不能以“快”為唯一設計標準。不過，即使這類站點，也該在加個導引頁，給讀者一個提示，別不理睬人家的心情。

有人或許要和我抬杠：不見得吧？微軟和Sn公司的站點怎么也慢得可怕？沒錯，就是這樣慢，還有人繞開高峰時間去上，誰叫人家那么大的名氣呢？如果你的名頭沒那么響，還是合作一點，放讀者一馬吧！

要限定頁面的大小，就得從各個角度考慮節(jié)省。最大的一頭是圖像，有的好東西，只得割愛了。想想看，在創(chuàng)意表達、品牌形象、掙錢幾個目標之中，哪個最重要？

網頁制作，只要把握這幾個基本原則。再加上多多實踐，一段時間后就會找到感覺了。網

第三篇：網頁總結

網頁總結

不知不覺一學期又過去了，回首這一學期發(fā)生了許多事，也學到了很多東西。就拿網頁制作這門課來說吧，剛開始接觸這門課時覺的好困難哦。一個網站有這么多的東西都要你一點一點做出來，光是那些特效就不知道要怎么弄了，所以剛開始的時候我是抱著畏懼的心情去學習網頁這門課的。但是經過一段時間的學習后發(fā)現網頁其實是很有趣的一門課，而且只要自己用心去學了也不是很難。所有的東西都是從難到易，學網頁也是一樣，想想自己一開始因為看到做好的網站就覺的好難就好笑。呵呵......一開始網頁教一些代碼或者像輸入框、留言板之類的制作，有點枯燥，但這些都是基礎，在以后的網頁學習中這些都是非常有用的，尤其是那些代碼的正確使用，對一個網站制作成功與否有至關重要的作用。

再到后來學習的布局，像表格布局、DIV布局還有APDIV，剛開始一直覺的APDIV最好用了，一直覺的好奇怪既然可以用APDIV為什么還要用其他的方法呢？后來在網站綜合練習的時候發(fā)現光光只有APDIV是不夠的，各種布局方法都它們自己的優(yōu)點，表格簡單好用，DIV美觀嚴謹，APDIV使用方便。

最后要學習的就是在布局好的網頁中插入內容了，這些內容包括了文字、圖片、視頻、各種特效等等。這是我個人覺的整個網頁學習中最難的部分了，記得老師布置的制作個人網站的作業(yè)，光光是一個鼠標跟隨的特效，我就做了整整三個小時，先是在網上找特效的代碼，然后把代碼放入Dreamwever中，但是往往都是不成功的，還要不停的調試，看是那一部分代碼是錯誤的，再改。不停的改，一直到代碼正確后還要換上自己要的圖片。雖然很辛苦但是看到問題一個接一個的解決，一種自豪感油然而生。在看到自己做好的網站，雖然可能比不上那些大公司的網站但還是有一種成就感。

一學期就要結束了，總結一下網頁學習，也分析一下自己的缺點，首先基礎很重要，我就是基礎沒打好，所以到后來的綜合應用的時候就有點力不從心的感覺。每次做網頁的時候還要查一下代碼是怎么樣的。還有細節(jié)很重要，做網頁的時候哪怕是多一個空格或者多一個字母你要的效果都會出不來?？偟膩碚f網頁設計這門課還是非常有趣的。

第四篇：Dreamweaver網頁制作技巧心得體會

Dreamweaver網頁制作技巧心得體會

熟悉網頁設計的網友就知道，調用Style的方法很多，我們可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。比如用Custon Style來調用Style標準，在網頁代碼中就生成一個〈span〉標簽，這樣的標簽一多就會使文件十分臃腫而且影響瀏覽器的解析速度，所以我們應盡量使用狀態(tài)欄中的元素列表來調用Style。

一、活用Format Table命令

在復雜的網頁設計中，表格的應用是最多的，因為利用表格可以自由地控制文本和圖象在網頁上出現的具體位置，從而使整個網頁看上去緊湊統(tǒng)一。Dreamweaver在這方面也不甘落后，我們可以使用其中的“Format Table”(格式化表格)命令來快速地對表格應用預先設計好的樣式。要使用預先設計好的樣式，先將光標置于表格的任意一個單元格內，再選擇“Command”→“Format Table”命令，在隨后出現的對話框中，從左邊的列表中選擇一個設計方案。按“Apply” 鍵來查看效果，如果不滿意的話，還可以重新設置或者修改部分參數的值，如邊界粗細，背景顏色等等。

二、同時鏈接到兩個網頁 我們都知道超級鏈接一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔，可以使用“Go To URL”JavaScript 行為。打開一個有框架的網頁，選擇文字或圖象，然后從行為面板中選擇“Go To URL”。我們會注意到Dreamweaver會在“Go To URL”對話框中顯示所有可用的框架。選擇其中一個我們想鏈接的框架并輸入相應的URL后再選擇另一個框架并輸入另一個URL。

三、不給文件起中文名稱

大家在制作好了網頁后，通常會給網頁起一個具有代表性的中文名稱，一來能使人一看文件名就能大概了解文件所包含的內容，二來能夠方便各個超級鏈接之間的相互調用。但如果你在Dreamweaver中這樣做，就會發(fā)現Dreamweaver對中文文件名支持得不是太好，經常會有頁面調用不正確的現象發(fā)生，所以我們以后在Dreamweaver中保存網頁的時候，盡量用英文或者數字作為文件名稱，這樣就可以避免上面的出錯現象。

四、巧妙設置字體分辨率

我們在制作網頁的時候，經常有這種體會，那就是制作好的網頁在本地計算機上瀏覽時很正常，但在另外一臺計算機上瀏覽時發(fā)現原本漂亮的網頁變得歪歪扭扭了，這是為什么呢?原來各個計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示，在 Dreamweaver中得到了較好的解決。在文檔窗口的右下角，Dreamweaver 顯示當前文檔被設計成的分辨率大小。單擊哪個數字，在彈出式菜單中可以為當前的頁面指定顯示分辨率，通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。

第五篇：瘦身協(xié)議

瘦身協(xié)議書

甲方:乙方:

一．甲方根據測得乙方實際身高______,體重_______,腰圍_______,臀圍_______.按亞洲人體重標準使用本店古方瘦身的專業(yè)技術,為乙方實施健康減肥方案,承諾一個療程減_______斤.二．乙方必須完全按照減肥老師的指導，并嚴格遵守科學的飲食方法和健康的生活習慣，真正做到以下配合：

1.減肥前三到五天，必須全面排毒清腸一次！因為人體代謝下來的多余脂肪，毒素，垃圾大部分是通過大腸排出體外，人的大腸是身高的5倍，每隔3厘米就有一個皺褶，不管是否有便秘史，都有不同程度的毒素和垃圾，清除長期積累的毒素對人體百利而無一害！

2.乙方在瘦身期間，必須保證不會便秘，如有便秘需要自己或在老師的指導下解決便秘問題！

3.前3天必須每天來店接受專業(yè)瘦身服務一次，以后可隔天來店一次，有事請假，一療程請假超過3次，本店不負責所減斤數，如因乙方工作調動，長期旅游，生病等等原因造成療程中斷的，屬于自動放棄，甲方不負任何責任！

4.在承諾療程內，不能達到承諾減肥斤數的（以底線為準），甲方負責退還減肥款。

5．乙方三次達不到甲方減肥飲食生活要求的，本店不負責所減斤數！

三．乙方應深刻理解到肥胖是自己的問題，為減肥付出了寶貴的時間和金錢，所以一定要珍惜這次減肥的機會。充分認識到肥胖是飲食結構不合理和代謝不平衡引起的，胃口好，吸收好，易胖體質，要樹立終身減肥的觀念和意識。醫(yī)學證明：目前國際上沒有哪種藥或是儀器做了讓你永不反彈。只有掌握了科學的飲食，提高人體本身的代謝功能，讓代謝和攝入達到平衡，并徹底清除人體致胖的三瘀，才能達到永不反彈的目的。

四．乙方在簽訂協(xié)議的同時需一次性付清減肥款。

五．本協(xié)議一式兩份，甲乙雙方各執(zhí)一份，簽字生效。

甲方：乙方：

年月日