時間：2023-05-29 17:39:05
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網頁優化方案，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
【關鍵詞】網頁設計；圖像切圖；探討
網頁制作技術伴隨著網絡的快速發展而快速興起，目前，國內外計算機行業對于網頁制作的研究較多，但是由于受到初學者個人風格和操作技巧的影響，在網頁制作中普遍存在不同程度的問題。而對圖像進行切圖處理也是一個存在網頁制作中的問題。基于此，本文就網頁設計中圖像切圖技巧進行了探討，并提出了一些有關的技巧，相信對圖像切圖的工作能有一定的幫助作用。
1 切圖技術
切圖就是指在網頁制作過程中，用圖形圖像處理軟件提供的切片工具，將美工設計的網頁效果圖這種大幅圖像，分割成為一系列小的圖像，這些小圖像稱為原大幅圖像的切片。一張圖可以有多種切圖方案，但不是所有的切圖方案都適合后期的網頁制作的。因此需要在眾多切圖方案中，找出一種適合后期網頁編程的最佳切圖方案。本文中所說的切圖技術，就是指的實現最佳切圖方案的切圖技術。由于它遵循一些切圖原則和技巧，所以它能夠實現最佳切圖方案。
由于切圖時，圖像的最小單位是像素，矩形對邊上的像素個數應該是相同，或者遇到圓角應該是銳化的。但是在人工操作時，可能會發生像素個數的變化，或者圓角產生頓挫角。因此，在切圖時，將原圖采用300%以上的放大倍數切圖。切完整個大圖后，把一系列的切片全部選中，接著利用軟件中的圖像優化工具，即菜單欄中“窗口”下拉菜單“優化”命令對所有的小切片進行優化來解決以上問題。然后利用文件菜單下的“導出”命令生成HTML網頁和圖像，最后在網頁制作軟件DREAMWEAVER中建立站點，將上面導出的網頁和小圖像都放在網站里。導出的網頁文件是不能用的。因為一個網站的頁面大小要求統一。因此，接下來的工作是在網頁制作軟件中制作表格。用分塊的思想來看整個網頁的布局，一個塊就是一個表格。把網頁看成是多個獨立的表格組成的。將導出的圖片插入到單元格中。日常工作中常用的圖形圖像處理軟件有Photoshop、Flash、Firework等，這些軟件中都有切片工具，但是在網頁制作時，圖形圖像處理軟件首選使用Firework。因為DREAMWEAVER中只要對圖像雙擊，系統會自動調用Firework軟件。
2 切圖原則
一張圖可以有多種相關的切圖方案，但不是所有的切圖方案都是合適網頁編程的。所以在切圖技術中，應該保證實現的是最佳切圖方案，因此切圖技術中還涉及了切圖的原則和切圖的技巧。
2.1 塊與切片的概念
在本文中所說的一個塊與切片概念是不同的。塊和切片都是網頁中的一部分，但是塊指的范圍比切片大。塊中可以包含一個或多個切片。塊是指在網頁上內容相關的區域范圍。切片是從圖中相關范圍中分割出來的一小圖形。如果轉換成網頁后，塊對應了網頁中的表格，而切片對應的是表格中的單元格。
2.2 分塊的原則一：以相關內容為一塊
根據原圖中相關內容，確定整體的切分策略，即切分要有分塊的思想，把整個網頁看成是多個塊構成的，每個塊就是一個table，塊中每一個細節內容就是table中單元格中內容。即將整個網頁看成是由多個table組成的，然后在具體到每個table，去考慮里面應該如何切。必須強調的是，應該把整個網頁看成是多個獨立的塊構成，切片是塊中的內容。依據這種思想去切圖，然后在網頁制作軟件中，插入多個表格。塊對應成了網頁中的表格，切片對應成表格中的單元格內容。在切圖時，同一塊中的內容是完整的，也就是說，要保證完整的一部分在一個塊內，例如某區域的標題文字，網頁的LOGO，網頁的廣告，網頁的導航區等可以分別是一個獨立的塊，這樣做的目的是方便日后網頁編程和修改。
2.3 分塊的原則二：盡量分成大行，平行的切
當一個網頁的內容比較多時，在顯示網頁時是有時間差的，這時要求內容的顯示是從上而下從左到右逐行顯示網頁的內容，決不允許一個網頁上的內容雜亂的跳出來。因此，在分塊時也應該貫穿逐行分塊的原則。切圖的時候要盡量平行的切，也就是說，分成大行，然后再逐行的切。如果一個網頁的顯示頁面是由多個表格構成的，這樣做的目的是當客戶端瀏覽一個網頁時，由于它是由多個表格構成的，因此，客戶端與網頁服務器會生成多個request請求，多個表格同時下載信息，因此網頁下載的速度就會相對快。避免出現把網頁整個頁面看成一個塊，然后塊里又分塊，出現塊中嵌套塊。因為這種結構在由切片轉換成網頁后就出現了表格的嵌套，表格的嵌套影響了客戶端網頁瀏覽的速度。
2.4 切片的原則：以屬性相同為依據
一般切圖原則是：屬性相同的區域適合分為一個切片。屬性相同主要是指顏色和形狀都沒有變化，或者在X或在Y方向上沒有變化。屬性漸變的區域適合分為一個切片，漸變有兩種表現形式顏色漸變，形狀漸變。
3 切圖的技巧
切圖也有技巧。構成一張圖片的信息量是非常大的，因此在服務器中存儲一張圖片時占的容量也是很大的，同時從服務器里下載圖片到客戶端也需要時間也就相當長。因此，在利用切片轉換成網頁時，可以利用一些技巧，即減少切片個數和減小切片的大小，可以解決以上存在的問題。
3.1 減少切片的個數
網頁上的文字與圖片信息都是存儲在網頁服務器上的，一個切片就是一張小的圖片。根據顯示的點陣原理可以知道，對于同一張大圖像來說，切片數減少，存儲在網頁服務器上這張圖的信息量也就減少了，也就是說在網頁服務器上占的空間減少。所以當切片的背景是單一顏色，切片的文字沒有效果，這時就可以采取這種特殊的處理方式對此切片進行處理。即可以將單一顏色和文字沒有效果的切片丟掉，在DREAMWEAVER中打開站點，插入表格，在對應的單元格中，利用DREAMWEAVER軟件提供的設置單元格的背景色，直接從鍵盤上輸入文字內容。這種做法實現了切片的效果，同時可以使網頁服務上存儲的切片數減少了。以“京東商城特賣新”網頁頁面為例，在實驗中保證網頁頁面效果相同的情況下，采用減少切片個數和未采用減少切片個數方法，可以得到下面表中的數據。從下面表中的數據可以看出兩種處理辦法造成的結果是：未采用減少切片個數方法時，圖片總容量為102MB，而采用減少切片個數方法后，圖片總容量為40.3MB，明顯前后圖片的總容量變化很大，值得提倡這種做法。
表1 采用減少切片個數和未采用減少切片個數的參數對照表
3.2 減小切片大小
大面積的顏色相同的，或者形狀相同圖塊，可以只從原圖中切出一個像素的切片，然后DREAMWEAVER里面，用切片平鋪形成所需要的圖。例如，圖1是一個帶圓角的矩形，這時可以切出三個切片，在DREAMWEAVER中插入一個一行三列的表格，左邊切片是圓角矩形的左圖，右邊切片是圓角矩形的右圖，圓角矩形中間部分是利用中間的小切片在單元格中平鋪形成。以圖1為例，在實驗中未采用減小切片大小和采用減小切片大小方法，可以得到下面表中的數據。從下面表中的數據可以看出兩種處理辦法造成的結果是：未采用減少切片個數方法時，圖片總容量為72KB，而采用減小切片大小方法后，圖片總容量為14.71KB。
圖1 圓角矩形切片示意圖
表2 采用減小切片大小和未采用減小切片大小的參數對照表
4 結束語
綜上所述，切圖技術是把美工設計的網頁效果圖轉換成網頁時所用的技術，切圖技術中貫穿了分塊和切片的思想。但是不是所有的切圖方案都適合網頁設計的，因此，選擇正確適用的切圖方案對于網頁制作設計有著非常重要的作用。
【參考文獻】
【關鍵詞】網頁設計；網站；頁面
【中圖分類號】TP3
【文獻標識碼】A
【文章編號】1672—5158（2012）10-0082-01
隨著計算機與網絡的普及，Interet已成為人們生活中的重要組成部分，網頁制作與網站建設也成為網絡時代必備的技能之一。但是很多網頁制作者認為只要用好了網頁制作軟件，就能搞好網頁設計了，我覺得這種思想還是有一定的誤解。
網頁設計其實是—個感性思考與理性分析相結合的復雜的過程，它的方向取決于設計的任務，它的實現依賴于網頁的制作。正所謂“功夫在詩外”，網頁設計中最重要的東西，并非在軟件的應用上，而是在我們對網頁設計的理解以及設計制作的水平上，在于我們自身的美感以及對頁面的把握上。要設計出美觀實用的頁面，我覺得一定要把握好以下幾點：
一、清楚網頁設計的任務
設計的任務是要實現設計者的意圖，網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。
第一類是資訊類站點，這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站，這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗制濫造的嫌疑。
第三類則是形象類網站，這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬于設計的任務。明確了設計的任務之后，接下來要想的就是如何完成這個任務了。
二、合理的運用色彩
色彩搭配是頁面中刺激記憶最初、最持久的元素，失去色彩，人們會失去快樂的心情、娛樂的氣氛，色彩是人們生活多姿多彩的表現，是互聯網生機的來源。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象征生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺，表示和平與圣潔。
色彩是網頁設計的靈魂之一，是最先也是最持久地印記在瀏覽者腦海中的網站印象。它對形成網站風格設計、網站氣氛等感覺性設計的作用非常大。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。但顏色的使用并沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然后根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。
三、遵循設計的原則
設計是有原則的，無論使用何種手法對畫面中的元素進行組合，都一定要遵循五個大的原則：統一、連貫、分割、對比及和諧。
統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關重要的，在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應，并注意整個頁面設計風格的一致性，實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。在信息量很多時為使觀者能夠看清楚，就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講，分割也可以被視為對于頁面內容的一種分類歸納。
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。
和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒有“生命感”，而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。
四、進行必要的網頁優化
在網頁設計中，網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速度和頁面的適應性，影響觀者對網站的印象。
在資訊類網站中，文字是頁面中最大的構成元素，因此字體的優化顯得尤為重要。使用CSS樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為準。在白色的背景上，我們一般使用黑色，這樣不易產生視覺疲勞，能保證瀏覽者較長時間地瀏覽網頁。
圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低，這樣可以成倍地提高網頁的下載速度。利用Photoshop或Fireworks可以將圖片切成小塊，分別進行優化。輸出的格式可以為gif或Jpg，要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為Jpg，而把那種只有單純色塊的卡通畫式的小塊優化為gif，這是由這兩種格式的特點決定的。
表格（table）是頁面中的重要元素，是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候，我們將表格的邊框設為O，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網頁html原代碼時，是讀完整個table才將它顯示出來的。因此，我們在設計頁面表格的時候，應該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。
網頁的適應性是很重要的，在不同的系統上，不同的分辨率下，不同的瀏覽器上，我們將會看到不同的結果，因此設計時要統籌考慮。一般我們在800*600或1024*768下制作網頁，最佳瀏覽效果也是在800*600或1024*768分辨率下，在其它情況下只要保證基本一致，不出現較大問題即可。
網頁能融合文字、圖片、聲音、動畫于一身。這是傳統藝術所達不到的，所以如何制作出實用美觀的網頁，在人們頻繁使用網絡的今天變得非常的重要，如何使更多的人來使用和使他們瀏覽過之后記住這個網站，這是網站制作者永遠的追求！
參考文獻
[1] 唐良瑞、李丹.網頁設計的諸要素分析.北方工業大學學報，2000，（1）
其實有很多簡單粗暴，又很有療效的優化方法，我覺得有必要給各位產品經理分享一下，好讓你們去督催開發哥哥優化，改善一下網頁的加載體驗～
首先，我們來看下網頁的加載流程。打開一個網頁，會先拉取一個html頁面，然后瀏覽器解析了這個html頁面后，會根據頁面的內容，去拉取javascript、css和圖片文件，最終根據這些文件，將頁面渲染出來。
我們可以看到，影響一個網頁展示速度的主要因素不是網頁本身，而是它依賴的一些其它文件。如果優化了這些資源的加載速度，那么網頁展示的速度也就上去了。
有哪些簡單粗暴的方法呢？讓我來一一列舉：
1.優化圖片資源的格式和大小
一個網頁中，圖片資源的大小占比是最多的，而且單個的文件的大小也很可觀。因此，在保證圖片質量不變的情況下，盡可能的使用高壓縮率的圖片格式，圖片格式可以按照這個優先級選擇webp > jpeg > png > bmp。同時也要根據圖片展示尺寸來拉取大小最為匹配的圖片資源，不要沒事就把原圖拉下來使用。以前我就遇到過這種情況，一個196*196大小區域展示的圖片，它的文件竟然達到了幾兆，最后才發現把1960*1960分辨率的原圖拉下來了。
2.開啟網絡壓縮
大部分瀏覽器在發出請求時，會帶上這個標記“Accept-Encoding: gzip， deflate”，表示這個瀏覽器可以接受以gzip壓縮方式傳輸數據，如果你的網頁服務器也支持gzip壓縮數據，那么數據以gzip方式傳輸時，會減少70～80%的流量。
3.使用瀏覽器緩存
同一個站點下面的不同頁面，往往都會復用一部分資源文件，如果把這些資源文件設置為可緩存的，那么在刷新或者跳轉到另一個頁面時，都無須再從網絡拉取相關資源，這樣就大大加快了網頁的加載速度。
4.減少重定向請求
有的網站對于不同的終端制作了不同的頁面，比如說在手機上訪問微博，會從weibo.com重定向至weibo.cn，每一次重定向都會導致瀏覽器重新發起請求，延長加載時間。對于這種情況，應該盡可能使用響應式設計，一個weibo.com站點覆蓋至所有終端。
5.使用CDN存儲靜態資源
CDN是一種靜態內容分發網絡，它在每個省，甚至每個城市都部署有自己的服務器，用于分發這些靜態內容，那么當某個城市的用戶要拉取某個資源時，他會首選從本地的CDN服務器上拉取，這樣可以保證他最快速的獲得該資源。據磚家統計，網絡資源中有70%的是靜態資源。這就意味著，有70%的內容產生后是不會變化，那么將它們全部放在CDN上面，可以提升這70%的資源的下載速度。
6.減少DNS查詢次數
很多人喜歡把不同的圖片掛在不同當域名下，比如說圖片A掛在a.pm-teacher.com，圖片B掛在b.pm-teacher.com。當一個網頁同時使用圖片A和圖片B時，瀏覽器需要查詢兩個域名，要知道，每次解析域名都是會浪費時間的，所以盡可能的將全部圖片放在一個域名下。
7.壓縮css和js內容
福建蔡先生網銀中全部21萬元存款不翼而飛,這是今年3.15晚會上最讓人印象深刻的一幕,而“肉雞”也成為3.15后最流行的詞之一,地下木馬產業正通過各種“肉雞”控制工具,瘋狂侵蝕著網民的個人財富和隱私。網絡安全也因此成為越來越多的用戶關注的重點。
賽門鐵克最新的生活調查報告也顯示,盡管99%的成年人都認為他們采取了安全的網絡保護措施,但很多個人用戶在網上談戀愛、公開隱私和結交朋友時并未受到完全保護。
雖然普通個人用戶意識到他們需要網絡安全保護,但是大多用戶很少對網絡威脅采取防范措施。甚至更糟糕的是,全球仍有20%的成年人根本不用任何安全軟件。統計資料顯示:一半左右的在線成年人經歷過硬盤崩潰帶來的困擾,而三分之一的成年人丟失過音樂、照片、視頻和財務文檔等有價值的電子文件。正是基于這樣一些調查報告,賽門鐵克最新推出了諾頓360 3.0版。
關注在線活動的安全
諾頓360包含的“諾頓網頁安全”,是一種網站評級服務,旨在增強在線防護能力,讓用戶安心地瀏覽網頁、搜索信息,并與他人互動。
而實際上,經諾頓網頁安全識別的不安全站點中,近60%的站點都包含無需用戶下載或安裝文件即可感染用戶電腦的威脅。在這個情況下,用戶在打開網頁之前,就需要有工具來幫助他們判斷這個網頁是否安全。諾頓網頁安全可以為網站所有者提供一個知道自己網站是否安全的渠道,讓用戶認知這個網站是否安全,然后在用戶輸入密碼時對密碼進行保護。
賽門鐵克公司中國區消費產品事業部總經理黃智華先生介紹道:“在諾頓360 3.0版中,會針對某一個網頁是否安全進行評定。針對我們判斷為不安全的網頁,用戶可以點擊相應的分析報告,這個報告會告訴用戶,不安全文件的相關路徑是什么,是什么類型的文件,除此之外,該產品能對網站進行信用評估。”
一體化的解決方案
相對于其他的安全軟件,諾頓360 3.0版更關注的是一體化的安全解決方案,同時關注電腦本身的安全和在線活動的安全。對于用戶而言,電腦中有很多臨時文件,最容易造成入侵安全的隱患。所以對這些臨時文件的清理很重要,而諾頓的系統優化功能就是針對磁盤進行整理,包括臨時文檔、瀏覽器的臨時文件清理等,這能消除很大一部分危險隱患。
另外,用戶在網上交易時經常輸入用戶名和密碼,如果沒有得到充分保護,很有可能輸入這些東西時就被程序跟蹤,因此諾頓360 3.0版提供了一個身份管理的功能,用戶可以很有效地管理交易用戶名和密碼。在網絡安全方面,諾頓能給用戶提供非常一體化、高度集成的平臺。通過這樣的平臺,用戶可以得到最基本、最有效的防護。
Web應用安全問題隨著互聯網的廣泛應用而逐漸受到重視。網站篡改、網站敏感內容泄漏、網上銀行安全隱患、掛馬攻擊，已經隨處可見。統計數據表明，隨著應用力度加大，政務網站安全問題凸顯。網絡攻擊大多數是針對應用自身的弱點，其中最常見的攻擊是Web應用攻擊及SQL注入。
面對多種Web應用攻擊，政府網站安保工作刻不容緩，信息化管理水平必須大幅提升。
現有Web防護系統已無法為政府、企業的網站提供足夠的保護，智恒聯盟WAF制定了更全面的攻擊防護體系和方法。
Web應用安全隱患在于Web應用程序在開發階段留下的安全隱患能被攻擊者利用。這主要是因為Web應用發展過于迅速，開發者更多考慮的是如何快速提供服務，從而忽略了之前在傳統軟件工程開發中的安全問題。因此，Web上的很多應用都沒有經過傳統軟件開發所必須完成的細致檢查和完整處理過程。
針對這種情況，WebGuard-WAF集成了業界領先的Web應用檢測技術，可檢測出Web應用自身的脆弱性，諸如SQL注入、跨站腳本（XSS）等頁面漏洞，為解決根本問題提供技術依據。
智恒WAF應用安全網關防護系統對HTTP數據流進行分析，應用了先進的多維防護體系，對Web應用攻擊進行深入的研究，固化了一套針對Web應用防護的專用特征規則庫，實現了對當前國內主要的Web應用攻擊手段的有效防護機制，可應對黑客傳統攻擊（如緩沖區溢出、CGI掃描、遍歷目錄、OS命令注入等）以及新型SQL注入和跨站腳本等攻擊。
黑客攻擊技術不斷發展，Web安全攻防是持續變化的過程。攻擊者可以調整攻擊力度，采用新的攻擊手段，突破攻擊防護設備的性能極值，而WebGuard-WAF及時跟蹤、發現互聯網上新的Web應用攻擊類型，并最優化防護技術，為客戶提供對抗最新攻擊的解決方案。
針對目前猖獗的網頁篡改攻擊，WebGuard-WAF提供了“安全-成本”的最佳平衡點，從事前、事中及事后進行綜合考慮：事前提供漏洞掃描，作為預防解決方案；事中，基于智能特征分析技術，對網頁篡改所采用的主要攻擊手段（如SQL注入、XSS）進行檢測并做有效阻斷，且及時跟蹤、發現互聯網上新出現的SQL注入攻擊類型，并最優化防護技術，幫助用戶對抗最新攻擊；事后對Web網頁篡改能進行檢測并做應急保護，有效阻止非法頁面和被公眾瀏覽，極大降低了網頁篡改引發重大影響的風險。
智恒WAF應用安全網關防護系統在對電子政務進行全面安全防護的同時，還通過連接池、緩存等機制，實現應用加速，優化電子政務系統的性能。
關鍵詞：網頁設計與制作；課程標準化；實施方案；標準
1基于標準化的課程內容分析
1.1了解技術標準，鎖定課程框架任何一門課程，都應該是基于某種需求而存在，這種需求必定有一個標準。而對于網站建設也是如此，W3C標準對建站相關內容都制定了成熟與完整的標準。《網頁設計與制作》課程作為建站的主干課程，所有課程內容都應該來源于W3C標準框架之中。1.2深入行業調研，熟知技術要求標準一旦制定，便不會輕易改動，而課程的完整內容也不會有太大變化。但對于內容的理解和使用卻是隨著技術和行業的發展而變化。尤其對于網頁設計，技術更新更是迅速，例如由原來的表格布局發展到現在的DIV布局，甚至將來可能的響應式布局、彈性布局、網格布局等等。內容還是這個內容，只是它的作用和用法發生了變化。而這些都是需要我們深入企業一線去調研才能知道的。1.3充分探討溝通，完善課程內容一旦對技術標準和行業要求有了深入的認識之后，就要確定合理的安排課程內容，無論課程內容如何，重點是教授這門課程的老師。相關老師集中對內容進行討論，不僅可以更好的對課程內容進行設置和安排，同時也是一個學習和提高的過程。
2構建標準化的課程內容
通過對標準的解讀和行業的調研后得知，《網頁設計與制作》這門課程大體可分為3大部分來構建：網頁結構、網頁表現與網頁行為。2.1網頁結構（HTML）此部分內容以HTML標簽為核心內容，根據需要創建的內容，使用具有較強可讀性和可識別性的標簽來進行表示，例如要創建一個段落，我們可以使用<p>來表示，如果要創建一個章節，則可以使用<section>。這樣不僅可以實現網頁內容的創建，同時也完成了對網站結構的優化。通過W3CSchool和W3School的內容參照，可將HTML內容分為基礎教程、高級教程、HTML媒體及XHTML等內容，由于目前最新推出了HT⁃ML5，在新舊技術的過渡時期，盡量將新舊知識點分開講解，有利于更加清楚的分層。2.2網頁表現（CSS）此部分內容為網頁制作里面最重要的一個技術環節，用于網頁布局與網頁美化，CSS是網頁課程里面的一項重要組成內容，同樣分為兩個版本，CSS2.0與CSS3.0，依據W3C標準，將選擇器、屬性、hacks、單位等等歸納完整，分類清楚。通過W3CSchool和W3School的內容參照，可將CSS內容劃分為CSS基礎教程、CSS樣式、CSS框模型、CSS定位、CSS選擇器及CSS高級教程。目前行業正處在新舊技術交替狀態，因而在內容制定上也要分開制定，使得層次遞進更加分明。2.3網頁行為（javascript）此部分內容為實現網頁交互，網頁中使用的主要技術為javascript。而javascript是屬于客戶端腳本語言的一種，它也成為web前端技術里面的重要成員。目前很多非程序員都在使用它，可見javascript是一門相對容易上手的技術。原生的javascript對于一般人來說是有難度的，但是對于理解js（之后都用于javascript簡寫）是十分必要的，目前有很多基于js的框架，例如jQuery是一款非常優秀的js庫，因為此部分內容可以設定為原生javascript與jQuery兩個部分的內容。上述3個方面，按照W3C標準嚴格制訂內容，便可基本全部涵蓋課程所有內容。
3加強關聯課程建設，做好課程銜接
僅僅依靠《網頁設計與制作》課程內容是無法滿足崗位與技術要求的，它需要大量其他課程內容的知識來支持，才能更好地學習和掌握，例如：網頁美工，除了要求掌握網頁結構、網頁表現外，還要會使用設計軟件先對效果圖進行設計，甚至在目前已經越來越多的企業還要求網頁美工掌握網頁行為部分的知識技能，因而根據整個行業體系，可將建站內容分成3個階段：3.1網頁美工主要針對網頁效果圖，網頁元素設計，可將此部分內容加入到平面設計課程中例如Photoshop、AI等，且平面課程一定要在網頁課程之前開設完成。此階段的課程內容必須要有針對性，要求對網頁的構成元素的設計，網頁的配色、網頁的風格設計，以及客戶需求的分析制定相關內容。此階段將很大程度上影響到后續課程內容的學習的效果。通過個人實際的教學中發現，做出一個好的效果圖作品，將會極大的促進學生的學習積極性，也會無形中使得學生學習更加主動和自信。3.2web前端此階段是緊跟上一階段的，當學習完網頁美工，制作出最后的效果圖后，緊接著就是將圖片效果先實現成靜態網站。這里存在一個重要的環節，那就是切圖。許多人對于切圖并不太重視，但實際情況是，切圖的好壞，直接影響到整個建站的效率。切圖不好也會造成流量浪費及網速變慢等后果，這就需要美工與前端人員之間能夠很好地進行溝通和合作，因而這個階段并不是完全的獨立存在。3.3網站后臺開發當靜態網站建站完畢后，此時網站只具備在客戶端電腦瀏覽的基本功能，人機之間無法實現數據的傳輸。例如當需要在網站留言，并馬上顯示在網站中時候，當需要對網頁的數據進行及時的更新修改的時候，這都需要服務器端技術的支持。目前建站的服務器端技術主要有PHP、JSP、ASP等。從過程可以看出，此階段是必須承接上一個階段的才能繼續實施的，如果更好的實現對接，這就要求前端或美工人員與后臺人員之間進行詳細的溝通。上述3.1和3.3是可選內容，各專業可根據自身需要選取開設。
4完善教學資源，規范教學內容
完備的教學資源是課程標準化建設不可或缺的一部分。制定完課程內容后，如何學習課程是至關重要的。由于師資不同、專業不同等原因，同一門課程，教學內容卻相差甚遠，應該針對具體的知識點，制定統一的基礎案例，也就是必講案例，不分專業，不分教師，凡涉及某知識點，此對應的基礎案例為必講內容，然后可在此案例基礎上，自由增加其他案例。這次既可保證課程內容的標準化，又可靈活變通。必備的主要課程資源大致有以下幾種：4.1標準化的教學大綱此標準化教學大綱是課程學習的指導性文件，應該是針對課程內容統一制定，不區分教師，不區分專業，對每一個知識點都提出達到的目標要求。教學大綱不易經常性變動，它是一個完整的指導綱領，只有當內容發送實質性變化時，才會做出改變，最后由各專業針對自身特點從此教學大綱中有選擇性的執行。4.2標準化的實訓大綱如果說教學大綱是一個指導性的文件，那實訓大綱就是實實在在的執行方案，針對每一個知識點都應該設定一個獨立的案例，有詳細的實現步驟及過程，也要對每一個案例提出明確的實訓目標。實訓案例不僅僅要針對一個個小知識點，更要有完整的案例，通過小案例的疊加，并最終能實現一個覆蓋全部環節的完整案例。4.3視頻教程僅僅有文字性的指導文件不夠，配套的視頻教程是必不可少的。課程內容的制定向來都是開放的，課程的學習應該是不受時間和空間的約束。視頻可以很方便地將知識點清楚的呈現。視頻的制定應盡量碎片化，按知識小節進行準備，時長在20分鐘以內比較適宜。有了視頻，學習者就可以更加方便的自學了。4.4反饋系統課程的內容的完善和優化，需要不斷地在實踐過程中發現問題，總結問題，通過反饋系統，將各種建議和意見進行收集整理，查缺補漏，不斷完善和改進，此反饋系統可以通過網絡手段，通訊手段等方式實現。4.5網絡平臺如何將課程內容更好的呈現和管理也是課程標準化建設的一項重要任務。可以建立一個網絡平臺，如專門建設此課程的網站，與優質課程，共享課程，精品課程看齊，將反饋平臺、視頻案例、教學大綱和實訓大綱有組織地結合在一起，并實現資源的共享。
5創新考核方式，將考核落在實處
對于操作性極強的課程，使用傳統的考核方式效果并不理想，如何創新考核方式呢？這里有以下幾點想法：5.1以賽代考以比賽成績作為課程考核成績。通過比賽提高學生學習積極性，并將課程所學知識運用到實際大賽中，這樣既考查了學生的學習情況，也可進一步提高學生的學習能力。5.2以證代考可鼓勵學生參加相應職業資格證書考試，以職業標準來考查學生學習情況，以考證成績作為課程考核成績。5.3答辯式通過對所做案例進行詳細分析和講解，由專業老師和同學進行提問的方式進行考核，這樣不僅可以促進學生的學習積極性，也可以加強對學生監督考查。5.4自薦式一個班級的學生能力總是有差異的，有的學生學習能力較強，在課程中期便已經掌握課程要點，為了促進學生學習積極性，充分體現差異化的教學特色，可由學生自己申請考試，便在學期中期就完成考核，以便學生可以更加自由的利用和分配時間。無論采用哪種考核方式，只要真正地把考核落在實處就是好的考核方式。
6結束語
當前對于教育的創新和改革不斷地深化，無論是教學方法的創新還是教學模式的改革，都必須立足于課程的建設，《網頁設計與制作》課程標準化建設不僅是對課程內容的重新梳理，更是一個自我提高和學習的過程，對于提升教學質量，促進專業發展都是很有意義的！
參考文獻：
[1]鄭偉,薛嵐.高職院校圖形類專業實踐教學研究[J].科技資訊,2010(12):248-248.
[2]鄭偉.高職院校非圖形類專業《網頁設計與制作》課程教學改革的探討[J].福建電腦,2011,27(1):205-206.
1、診斷分析(《網站診斷分析報告》)
2、優化方案(《網站優化執行方案》)
3、優化執行
4、效果檢測
5、排名維護
Google搜索引擎SEO排名得分算法公式
在論壇看到以下有關網站在GOOGLE的SEO排名數據分析，真實與否，不去深究，現在轉下來給大家參考一下，數據計算方法還比較復雜，但還是值行SEO人員們學習學習：GoogScore = (KW Usage Score * 0.3) + (Domain Strength * 0.25) + (Inbound Link Score * 0.25) + (User Data * 0.1) + (Content Quality Score * 0.1) + (Manual Boosts) - (Automated & Manual Penalties) 中文：Google得分=(關鍵詞得分X0.3)+(域名權重X0.25)+(外鏈得分X0.25)+(用戶數據X0.1)+(內容質量得分X0.1)+(人工提分)-(人工/自動降分)一、關鍵詞得分影響因子：·網頁title ·Hx ·文本內容·外鏈中·域名/網址二、域名權重：·注冊歷史·域名年齡·外鏈權重·外鏈、給出鏈接相關度·使用歷史、鏈接形式三、外鏈得分：·鏈接時間·鏈接域名權重·錨文本·鏈接數量/鏈接權重(PR或其他參數)·外鏈網頁的主題四、用戶數據：·搜索引擎結果頁面(SERPs)的點擊率·用戶在網頁上呆的時間·域名或URL搜索量·訪問量及其他Google可以監測到的數據(工具條、GA等)五、內容質量得分：·流行的內容/關鍵詞人工加分·Google投票人員·機器算法
七種添加網站鏈接的簡單方法
一、熱門關鍵詞排名較好的反向鏈接。一般情況下，超級熱門關鍵詞排名較好的網站除了熟悉的門戶外都有專門的進行優化鏈接建設，通過查找他們的反向鏈接會有不錯的收獲。當然，競爭對手的反向鏈接更值得關注。例子："wow gold"在Google排名前三的網站，到yahoo上觀察其反向鏈接。除了其自身的站群鏈接外，很大一部分還是都可以共享的。當然這里面的垃圾鏈接也相當多，要進行篩選！
二、善于綜合應用Google Hack命令進行查找。要熟知intitle，inurl，intext，site，雙引號“”，減號-，filetype等用法。例子：1)博客intitle:注冊；2)"robots.txt" "Disallow:" filetype:txt(后臺禁止抓取的目錄或地址)
三、根據特征名詞進行搜索。博客建設是很多SEO公認的最簡單最有效的鏈接建設方式之一，有的人用博客群建，有的人手工注冊添加。這個過程中可以跟蹤某些特征詞進行搜索挖掘，如：某個人慣用的注冊用戶名；某些特定的程序標簽。例子：1)博客inurl:williamlong；2)注冊intitle:"powered by"
四、dofollow博客留言搜索。
五、站點地圖提交到社區化RSS閱讀器中。曾經我講過網摘推廣是主要的網站推廣方式之一，其實Feed提交更實用。只要將你的站點內容做一個可更新的sitemap.xml并提交到主要Feed中，就會有大量的反向鏈接。例子：將/的rss.xml文件提交到Bloglines中。(注：Google Reader通過Ajax技術暫不能分享鏈接)
[關鍵詞]互聯網營銷 課程體系 實踐教學
中國互聯網信息中心2013年1月的調查報告顯示，截至2012年12月底，受訪中小企業中，利用互聯網開展營銷推廣活動的比例為23.0%。互聯網營銷已經成為我國中小企業進行營銷推廣的首選渠道，其中搜索引擎營銷推廣以53.2%排名第一。百度公司和前程無憂聯合2012的《中國互聯網營銷職業發展白皮書》報告顯示，互聯網營銷人才的需求旺盛，未來3年崗位需求增幅將達30%，培養互聯網營銷人才已經刻不容緩。本文針對高職互聯網營銷專業人才培養課程體系的設計思路和構成進行闡述，結合軟件工程人才培養思想，探討互聯網營銷人才的培養模式。
一、課程體系設計
隨著大數據時代的到來，互聯網營銷越來越受到關注，互聯網營銷人才的缺口仍然很大。互聯網營銷人才的培養要從市場需求出發，注重實踐性和實用性的課程。通過進行充分的市場調研，明確專業人才培養目標，以及和百度公司的合作，我校開設了培養互聯網營銷人才的新專業。該專業學生有兩條學習主線，分別是軟件開發方向和互聯網營銷方向，主要學習PHP（Hypertext Preprocessor， 超級文本預處理語言）技術和SEM（Search Engine Marketing， 搜索引擎營銷）技術，從而掌握網站開發技術以及互聯網營銷方案設計等。
在設置課程時，以能力培養為目標，分析職業特點，在加強實踐特色的基礎上，制定了該專業的課程體系。該體系包括理論課程和集中實踐，理論課程又分為公共基礎課、專業基礎課和專業技術課。其中“C程序設計-網頁基礎-數據庫基礎及應用-PHP程序設計”構成了軟件開發核心課程主線，“SEM基礎-SEM基礎方案訓練-SEM營銷方案設計”是互聯網營銷核心課程主線。
二、課程體系構成
（一） 公共基礎課
公共基礎課是根據目前我國大學教育的指導方針制定的，主要包括人文素質類課程、外語類課程、政治類課程及體育類課程等，目的是為了提高學生基本素質，完成學校規定的基本素質教育，提高學生的思想道德水平和認知能力。
（二） 專業基礎課
專業基礎課是使學生了解計算機的相關基礎知識，掌握數據庫和網絡的基礎知識，熟悉電子商務的特點，了解互聯網營銷的基礎知識，熟悉網頁開發的整個過程。核心課程如下：
1.數據庫基礎及應用：使學生掌握數據庫系統的基本概念和基本原理，掌握SQL語言和主流數據庫的使用。
2.計算機網絡及應用：掌握網絡通訊原理，理解OSI參考模型中各層的任務及TCP/IP協議族典型協議的基本結構、通訊方式。
3.C語言程序設計：目的是培養學生的程序設計理念、掌握程序設計的基本方法，為后續專業課程打下基礎。
4.網頁基礎：目標是培養學生掌握基本的靜態網頁、客戶端動態網頁的設計方法，為后續學習PHP打下基礎。
5.電子商務：目的是使學生掌握電子商務的基礎知識，為后續的網絡營銷課程打下堅實基礎。
（三） 專業技術課
專業技術課的培養目標是使學生掌握互聯網營銷方案的分析設計和管理，掌握網頁設計技術以及Web應用程序開發技術等。核心課程如下：
1.PHP程序設計：目標是使學生掌握使用PHP進行Web開發技術和方法，培養學生的Web應用開發能力。
2.SEM基礎：使學生理解互聯網營銷的基本概念和原理，了解網絡推廣常見的方法及特點。
3.SEM基礎方案訓練：要求學生掌握SEM基本原理和了解百度網盟推廣，通過基礎方案的訓練，掌握推廣方案的基本制作方法和流程。
4.SEM營銷方案設計：培養學生整合營銷的思想，正確分析企業的營銷目標，掌握SEM方案制作思路，管理和優化設計方案。
5.SEO搜索引擎優化技術：該課程從技術層面優化網站，使其更容易被搜索引擎命中。
6.網站分析工具：學習如何利用網站分析工具，對網站數據進行分析，從中尋找有價值的結論，指導公司管理層的決策，最終創造更大的網站價值。
（四） 集中實踐
互聯網營銷專業的應用領域廣泛，結合兩條主線的課程體系，依據學院軟件工程人才培養模式的目標，通過不斷深化、循序漸進的實踐和實訓，尤其是一些綜合性的實踐環節，將理論知識與實踐相結合，提高學生實際動手能力。
在我們的課程體系中，第1～4學期分別設置了一級、二級、三級實踐課題和畢業實訓。
一級實踐課題安排在第1學期的最后1周。一級課題是使用C語言，完成一個基于控制臺的小應用程序，系統地訓練學生的編程思路及C語言基本語法和編程方法。
二級實踐課題安排在第2學期的最后3周。二級實踐課題是通過設計和制作動態網頁，練習HTML網頁標簽基礎和JavaScript動態腳本技術。
三級實踐課題安排在第3學期的最后3周。三級實踐課題有兩種方式。一種是通過百度沙箱系統模擬互聯網營銷環境，練習營銷方案的設計與優化。另一種是WEB應用程序開發，通過使用PHP技術完成網站的設計與實現，系統的練習開發網站的流程和方法。
畢業實訓安排在第4學期。畢業實訓是讓學生在校外或校內的實訓基地進行完全實境的項目練習，體驗實際的項目工作環境和工作過程，進一步為走向工作崗位積累工作經驗和社會經驗。
各個實踐環節環環相扣，由易到難，由單一到綜合，形成一個完整的實踐體系。
三、核心問題與相關措施
互聯網營銷近幾年發展迅速，技術知識更新塊，營銷推廣平臺也是多種多樣，因此互聯網營銷專業課程體系建設過程中會遇到一些核心問題。本文從教學方式、師資力量、實踐環節等方面進行分析，并提出對應的相關措施。
1.單靠傳統課堂教學方式無法滿足專業需要。新技術層出不窮，對兩年專科的學生來說，時間短任務重，只能有重點選擇主流技術平臺進行講解。新技術的一些介紹可以穿插在專業課程中講授，或者利用講座或者培訓等對新技術進行講解。積極利用和企業的合作，讓師生都能夠參與到企業的真實工作中去，了解最新行業動態。
2.缺少適合教學的成體系的教材。目前把互聯網營銷作為專業開設的院校還相對較少，配套的系列教材更是鳳毛麟角，所以選教材時只能根據教學大綱來選擇相近的技術書，主要還是依靠老師自己編寫講義。這給授課帶來了很多不便，對學生聽課過程也要求更加嚴格。該問題的解決需要教育管理部門和眾多同行的共同努力。
3.師資力量較薄弱。為了保證教學質量，一定要加強師資力量的建設。重視教師培訓，通過請企業相關專家來校對教師進行新技術的普及，以及將教師送到公司加強培訓，及時補充新知識。另外，不定期聘請互聯網公司的營銷技術專家舉辦講座，拓展學生的知識面。
4.模擬實踐環境與現實應用之間存在差距。實際的教學過程中，使用模擬平臺進行營銷方案的設計與管理，相對于現實中的實際應用，還是存在一定差距。重視實驗室建設與校企合作，盡量為學生提供真實的實踐環境，并鼓勵學生多了解和使用不同的平臺和技術。
四、結語
為了培養創新型和應用型的互聯網營銷人才，我院建立了科學的互聯網營銷專業課程體系，以兩條主線貫穿整個教學過程，并依靠實踐環節提高學生的實際應用能力。我們希望在社會環境的支持下，互聯網營銷人才培養模式能夠得到改進和發展，培養出更多高質量的滿足市場需求的互聯網營銷人才。
[基金項目]1、河南省教育廳科學技術研究重點項目（軟科學），軟件學院發展中的若干問題研究，項目編號：12A520051。2、中原工學院校級教改項目，文號：中工教（2014）22號，軟件工程專業實踐教學體系的改革與實踐。
[參考文獻]
[1]車戰斌，韓玉民，劉安戰.高職Java手機游戲開發專業課程體系建設研究[J].職業教育研究， 2012，（2）：44-45.
[2]廖衛紅.精細化人才培養模式下高職“網絡營銷”課程教學改革[J].溫州職業技術學院學報， 2011，（02）：94-96.
面對日益復雜的網絡、內容和應用，CDN服務提供商藍汛既要為客戶提供更快更好的網絡服務，又要把服務量化、透明化，展示自身價值。
借助Compuware APM，從第三方的角度監測、采集網絡訪問等數據信息，藍汛正為越來越多的客戶提供從外部Web到內部應用、從本土到國際的，更快、更好、更省錢的網絡服務。
互聯網的8秒定律已廣為人知，即整個網頁打開時間超過8秒鐘，網民將放棄瀏覽。而現在則是4秒定律，有些導航網站要求甚至更高，網頁打開時間不能超過3秒、2秒，因為當網頁打開的時間每增加一倍，客戶流失量就增加一倍。
當移動互聯網開始興起，從博客到微博的互聯網內容不斷改變，移動終端的平臺也開始多樣化，從OA到ERP再到電子商務的企業應用越來越復雜， WiFi、2G 、3G、4G等網絡也在不斷發展。面對日益復雜的網絡、內容和應用，CDN服務提供商北京藍汛通信技術有限責任公司（ChinaCache，簡稱藍汛）既面臨著如何為客戶提供更好服務的問題，又不得不考慮如何將自己服務的價值量化、透明化，更好地向客戶展現。
新一代內容感知平臺
藍汛成立于1998年，是中國領先的專業CDN服務提供商，向客戶提供全方位網絡內容快速分布解決方案，在全國多個城市擁有服務節點，覆蓋中國電信、中國聯通、中國移動和中國教育網等各大運營商網絡，向客戶提供高質量的CDN服務。2007年，藍汛開始逐步拓展海外市場，在洛杉磯成立北美分公司，目前它在北美和歐洲均設有節點。
作為2000年首家獲前信產部許可的CDN服務提供商，藍汛目前在全世界100多個大中城市擁有13000多臺服務器，業務遍及歐洲、亞洲、美洲和大洋洲。藍汛平臺每天承載著： 2.5億個移動和互聯網終端客戶，20億個的網頁展示，2億個視頻及多媒體文件傳輸 ，2700萬個音樂文件傳輸和80萬筆電子商務交易。它為國內外上千家知名公司提供網絡服務。
藍汛公司副總裁傅亮在接受中國計算機報記者獨家采訪時介紹，藍汛首批客戶主要是門戶類的網站，這些網站在互聯網發展初期承載著很大流量的并發。之后，政府新聞類的網站也成為藍汛的客戶。再后來互聯網的泡沫和迭起，隨著新一波視頻大潮，一批視頻網站也都先后成為藍汛的客戶。到今天，藍汛把整個市場分為互聯網、移動互聯網、企業和電商、媒體和娛樂、政府機構等幾個方向。
在國際市場，藍汛的重點客戶來自于兩方面：一方面是“引進來”，海外知名企業正在加快在中國的布局，它們非常不熟悉中國的網絡，藍汛為它們分析中國網絡；另一方面是“走出去”，比如較大的本土網游類、軟件類企業和大型企業正在向國際擴展，這些中國企業的國際化布局不再走傳統路線，需要借助互聯網低成本、高效率的平臺來推廣業務，于是它們都成為藍汛的客戶。
互聯網改變生活，網民改變互聯網。2011年，藍汛調整定位口號為“內容感知平臺”，旨在感知互聯上內容，不只是靜態的內容，而是越來越深入的企業應用，需要感知在互聯網上有什么樣的傳輸、什么樣的問題，并且解決問題。
現在移動互聯網開始興起，平臺多樣化，博客、微博等內容不斷改變，移動終端的多樣化， WiFi、2G、3G、4G網絡不斷變革發展，如何給予客戶最好的解決方案，是藍汛目前面臨的重大挑戰。在形式、展示以及內容上藍汛都需要不斷努力，調整步伐，迎接挑戰。
第三方數據展示服務價值
早在2005年，藍汛就與Compuware展開合作，從第三方的角度進行監測，采集網站實際訪問數量等數據信息，將藍汛的服務價值以可量化的形式透明地展現給客戶。同時，Compuware APM能從不同終端、不同類型、不同應用的角度，幫助藍汛量化、細化服務質量，讓客戶更放心。
Compuware大中華區方案銷售總監李翔向記者介紹，整合了Gomez和dynaTrace的新一代Compuware APM從最終用戶出發，提供端到端的可視化解決方案。它能夠提供主動監控方案，包括記錄和回放業務流程，并提供真實的用戶體驗監控；與此同時，提供深入交易流程的全面分析方案，包括企業級端到端的交易追蹤，主動監測、分析并解決單一用戶界面的性能問題。通過PurePath技術，監控和分析可以擴展到大機內，實現從服務器到數據庫到應用直至代碼級的跟蹤。
Compuware APM解決方案通過掌握邊緣的復雜程度提供最佳的用戶體驗、性能和可用性，使用主動和真實用戶監控優化本地應用和移動應用性能。突破傳統的IT監控模式，Compuware APM以最終用戶體驗為導向，提供涵蓋整個應用傳輸鏈的一體化應用性能管理平臺，其應用范圍從互聯網終端云應用直達數據中心。Compuware APM平臺幫助客戶主動解決問題，縮短新應用的上線時間，并通過智能分析和先進的APM自動化應用管理降低成本。
藍汛為客戶提供更快、更好、更順暢的網絡服務，而Compuware作為一個觀察員，則可以在提供的多維度數據基礎上進行分析，告訴客戶網絡問題的解決情況和用戶應用體驗的改善情況。
從外部Web到內部應用
“Compuware解決了What（是什么）和Why（為什么這樣）的問題，而藍汛解決了How（如何實現）的問題。Compuware除了提供外部Web方面的相關技術透明化、目標化之外，更能為我們共同的客戶提供整體解決方案，能夠提供從內部系統應用到外部Web訪問的監測、評判。” 傅亮說。
同時，Compuware還能出具行業報告，如快速消費品行業中，是可口可樂的首頁打開速度更快還是百事可樂打開更快，讓網絡和應用從透明化、清晰化走向目標化，不斷幫助行業向更良性、更明確的方向發展。簡單概括，就是更具有目標化。
關鍵詞：Photoshop 網站 設計 京東商城網
Photoshop在各個領域里應用非常廣泛，其功能非常強大，它可以將圖片、視頻剪輯、圖形以及美術作品結合在一起，并進行處理，使之產生各種唯美甚至超乎想象的濾鏡特效。在很多行業以及我們的日常生活中都需要使用到它。因此，在網絡高速發展的今天，學會如何使用Photoshop軟件就非常有必要了。
我校以“京東商城網”為例為學生講解Photoshop在網站建設中的布局與應用，“京東商城網”是一個典型的電子商務網站系統，在現實生活中應用非常廣泛，它的定位清晰，受眾明確。電子商務類網站需要提供更多的圖片信息，各功能在實際工作中經常用到，Photoshop的布局應用也很有代表性。下面，就“京東商城網”為例，談一談Photoshop在網站建設中的應用。
一、Photoshop在網站建設中的作用
1.布局靈活
在設計“京東商城網”過程中，Photoshop里面的圖層起到了不可或缺的作用，每層可以放置不同的元素，圖層之間可以相互鏈接，也可單獨存放，每個圖層上的圖像位置可以隨意挪動而不影響其它圖層的圖像位置。如此靈活的功能，完全可以讓我們隨心所欲設計而不受任何約束，而Dreamweaver等軟件給我們提供出自由度降低很多，其效果也會大打折扣。
2.修改方便
“京東商城網”網站建設前期首先需要在Photoshop中做出效果圖和同學們一起研究。一般情況下，一次構思出的效果滿意率非常低，總會提出修改意見，而且還會不斷地提出修改方案。這時我們就可以利用Photoshop的強大功能將我們研究出的最佳方案方便地進行修改和優化，直到達到滿意的效果為止。
3.可以加快瀏覽速度
在設計“京東商城網”的過程中，我們發現一個設計不美觀不規范的網站是沒有生命力，然而一個打開、下載速度慢的網站也是沒有存在的價值。所以，使用Photoshop設計“京東商城網”時，網頁經過裁切后體積相對要小得多，相同的元素因為其格式變化也會大大提高下載速度，因此Photoshop就成了提高速度，提高點擊率的制勝法寶。
二、Photoshop在網站開發中的應用
以我校設計的“京東商城網”為例。首先要明白運用Photoshop設計的網站是各個網頁的整體效果呈現。網站制作中對圖片的精準度要求很重要，圖片過大會被壓縮扭曲，導致圖片不清晰，太小會顯得不美觀。建立圖層組是很重要的，制作一個頁面會有很多層，如果都放在一起，雜亂無章，也影響工作效率。
在設計“京東商城網”系統中，主頁包括LOGO，標題欄，廣告欄，文字等，如果放在同一個文件里面會有非常多的圖層，可以先制作好各個部分，然后組合到一起。在主頁設計時應考慮到：“圖片”適當地插入網頁中可以起到畫龍點睛的作用：“文字”與“背景”的合理搭配，這樣可以使文字更加醒目和突出。
1.網站LOGO的設計
LOGO的應用領域非常廣泛，無論是平面媒體還是電視廣告，無論是互聯網上還是互聯網外都能見到它。因為它代表著企業的形象，所以它起到宣傳企業形象、加深人們對企業印象的作用。擁有一款優秀的LOGO，可以使品牌視覺形象如虎添翼，加快企業的發展步伐。
“京東商城網”的LOGO包含了自己的名稱和網址。起初制作的時候色調上搭配很不協調，放到網頁中顯得很突兀。而且我們網站的LOGO是以藍顏色為主的，要想讓其信息跟藍色顏色不沖突，我想只能用藍顏色，但是如果整體呈現這種顏色是很不明顯的。后來將部分位置改用黃顏色，這樣即沒有改變原來的LOGO，又達到了協調的目的。
2.標題欄的設計和制作
一個網頁版面除了頭、底要特別制作外，中間部分應該考慮制作標題樣式，統一風格。還要考慮表頭背景、一些常用的邊框等。“京東商城網”是典型的B2C網站，通欄用來展示熱銷的商品、新上市的產品及推薦的產品，可以通過品牌通道迅速到達二級域名。右欄用于部分商品訊息展示。在制作標題欄的時候，放個簡單的小按鈕會更加增色。制作標題欄最好將其設計成立體效果。
3.圖片的處理
網站不能只用文字，那是枯燥乏味的，必須在頁面上適當地添加一些圖片，增加可看性。圖片不僅要好看，還要在保證圖片質量的情況下盡量縮小圖片的大小，另外，網頁中最好對圖片添加注解，當圖片的下載速度較慢，在沒有顯示出來時注解有助于讓瀏覽者瀏覽的方便，很有必要為圖片添加一個注解。這是一個小地方，卻能體現一個網頁的制作水準。
根據“京東商城網”網站的需要，圖像處理要簡單化，如把一副圖像裁剪為合適的尺寸。網站中商品的圖片最重要的是突出商品，因此需要對圖片明暗進行調整，壓縮圖片的大小，盡量減少對網頁傳輸速度的影響。
4.特殊字體的應用
在網站制作中，特殊字體的運用是非常重要的。使用不同的字體，顏色可以吸引目光，對于希望客戶快速了解的信息，可以適當變大或者更改顏色。在圖片制作中我們對特殊字體的使用較多。用較大且突出的字讓客戶迅速了解信息。
5.網頁背景的應用
圖像的另一個重要應用是作為網頁的背景。網頁的背景并不一定要用白色，選用的背景應該和整套頁面的色調相協調。我校設計的“京東商城網”網站背景并沒有特別的要求，是白色，這樣顯得更加明快。
三、Photoshop在網站后期中的應用
Photoshop在網站后期的處理中并不需要太大的調整，通常都是用來進行小地方的調整。更新網站圖片，制作新商品圖片等。
總之，在使用Photoshop設計的“京東商城網”電子商務網站過程中，我學到了很多，工作、生活上都得到了很大的提高。也讓學生更加明了LOGO的含義，豐富了自己對不同圖片、內容設置不同字體，不同版面運用不同動態效果，制作整體布局的經驗。在此過程中我們碰到很多問題，從最初的無法很好的對網頁進行布局，不知道網頁布局應注意的問題，到如今我們已經能合理搭配，并開始注重細節的表現，經常交流經驗，在設計中不盲目的制作。在“京東商城網”制作的過程中，又一次加深了我使用Photoshop設計網站的教學能力。
參考文獻：
【1】《Photoshopcs3中文版高級實例教程》 方晨著 上海科學普及出版社 2008.6
[關鍵詞] 聚類挖掘 電子商務 關聯規則 超圖
由于Web具有方便、易用、高效的特點，電子商務顯示出越來越強大的生命力，同時各種商業Web站點也面臨越來越激烈的競爭。
有效聚類Web用戶和網頁對改進網站質量、完善電子商務中產品銷售策略具有十分重要的意義。在電子商務中，瀏覽模式相似的用戶具有相似的購買習慣，通過聚類挖掘，將這些用戶聚集在同一類，可以制定相似的銷售策略。根據瀏覽模式聚集在同一類中的網頁，是大多數用戶共同訪問的網頁，在這些網頁之間建立超鏈接，以方便用戶使用。
現有的基于瀏覽模式的Web聚類挖掘研究方法中，只要用戶請求了一個網頁，便認為用戶閱讀了該網頁，事實上有些被請求的網頁用戶并不關心，不會認真閱讀的。通常一個實用網站包含大量的網頁，現有的Web聚類方法將每個網頁當作一個被聚項，無論用戶訪問的頻繁與否，總是歸入一個類中，結果造成有些類中的網頁之間幾乎沒有相關性。
鑒于以上考慮，本文提出了基于關聯規則和超圖分割的聚類Web網頁及用戶的方法，不僅考慮了用戶瀏覽網頁的時間長短，還考慮了聚類層次（級別），將不相關網頁項排除在聚類之外，使每個類中的網頁具有較高的相關性。采用這種方法，可以優化Web站點拓撲結構，指導企業調整營銷策略，給客戶提供動態的個性化的高效率服務。
一、建立電子商務網站的層次模型
建立電子商務網站的層次模型出于三點考慮。第一，網站中網頁內容組織呈現樹狀結構。第二，在進行關聯規則挖掘過程中，可能最下一級挖掘不出達到指定Support的強規則，但是能從上級層次挖掘出達到指定Support的強規則，或根據實際需要在某一個層次進行聚類分析。第三，對于電子商務網站，有些用戶雖然訪問了某網頁，但是對其內容并不感興趣，可能只是掃一眼就放棄。在此情況下，不應該認為用戶認真閱讀了該網頁，所以應該記錄網頁的長度，通過計算用戶的瀏覽時間和網頁長度的比值來判斷用戶是否真正認真閱讀了該頁內容。
層次模型采用樹狀結構來描述，節點的數據域包含對應網頁的層次名稱（編號）和網頁長度。樹根應該取所研究的網站根目錄（研究整個網站）或所研究的網站分支的最上層目錄。在建立層次模型時，應根據網站的具體情況決定采用的方法。通常情況下，網頁文件名能完全反映網頁所在的層次，可以采用完全自動方法進行轉換。
二、基于關聯規則的聚類挖掘
1.預處理
在Web站點中，服務器日志文件記錄用戶的訪問方式、所訪問的頁面、訪問時間、用戶IP地址等信息，通過收集Web日志所記錄的用戶瀏覽信息可以對網頁和用戶聚類。首先要對收集到的數據進行預處理，獲得每個用戶所訪問的網頁序列。將一個用戶對某個特定網站的一次連續瀏覽（從登錄該網站一直到離開該網站）所訪問的網頁序列稱為一個用戶瀏覽事務。如果用戶中途訪問了另一網站，而后又返回該網站，返回后所瀏覽的網頁序列將組成另一個用戶瀏覽事務。處理后的事務序列將具有如下的形式：
u_id（用戶標志編號），p_id(頁面編號)序列
2.挖掘關聯規則并計算關聯規則可信度的平均值
對經過預處理的瀏覽事務進行關聯規則挖掘，挖掘出滿足一定支持度的關聯規則。關聯規則是在挖掘出頻繁網頁集的基礎上發現的，由于頻繁網頁集是大多數用戶在一個事務，即一次網站訪問中所共同瀏覽的頁面，所以頻繁網頁集反映了這些網頁或共同訪問這些網頁的用戶之間存在一定的聯系，如網頁內容高度相關。在進行聚類時，應該首先考慮將頻繁網頁集中的網頁聚合在一個類中。
通常挖掘頻繁網頁集的方法是在給定某一支持度的基礎上進行的，滿足該給定支持度的一個頻繁網頁集中的網頁可能是另一個或另幾個頻繁網頁集中的元素，那么將這些網頁應該聚合到前一項目集還是后面的某一項目集？正確的選擇應該是看這些網頁和哪一項目集聯系更為密切，可采用的方案有兩種：提高支持度繼續挖掘頻繁網頁集直到每一網頁僅處于一個項目集或利用各頻繁網頁集中網頁之間關聯規則的可信度。進一步仔細分析，前一方案不可取，首先可能不存在一個支持度使每個網頁僅位于一個頻繁網頁集中；其次即使存在這樣一個支持度，再進行多次的頻繁網頁集挖掘代價也太高，實際中是不可行的。
相比之下，后一方案可行度高，在挖掘出滿足指定支持度的頻繁網頁集的基礎上，可以較為方便地計算出每一個頻繁網頁集中的每個關聯規則的可信度。可信度的大小也反映了網頁之間關聯的密切程度。為此，計算每個頻繁網頁集中所有的關聯規則的可信度，在此基礎上計算其所有關聯規則可信度的平均值，用可信度的平均值反映網頁與不同的頻繁網頁集之間聯系的密切程度。
3.利用超圖進行網頁聚類
超圖是對圖的擴充，允許一條邊連接三個或三個以上的點。每條邊帶有權的超圖稱為加權超圖，在挖掘出頻繁網頁集和關聯規則的基礎上，可以得到網站的加權超圖。超圖中的一個頂點代表一個網頁，超圖的邊稱為超邊，超邊連接的頂點是頻繁網頁集中的網頁。每個超邊的權取該邊所對應的頻繁網頁集中所有關聯規則可信度的平均值。
上圖為超圖的示意圖，代表A，B和C所組成的頻繁網頁集的超邊的權值，0.7是A，B和C三個網頁所組成的所有關聯規則可信度的平均值。
為了使聚集結果的每個類中的網頁具有高度相關性，超圖中僅包含出現在強關聯規則中的網頁。利用超圖進行聚類的方法是逐步切割超邊將超圖進行分割，分割成多個子超圖，分割的原則是被切割的超邊的權值和盡可能小，從而保證將相互關聯比較小的網頁分割在不同的子圖，而將關聯比較密切的網頁保留在同一子圖內。分割過程繼續進行直到被切割超邊的權值和與留下的超邊權值和的比值大于某一臨界值，或所得到的子超圖數目達到某指定值，分割過程結束，留下的各子超圖便是聚類的結果。每一個子超圖對應一個聚類，超圖中的各頂點代表該聚類中所包含的網頁。
4.事務和用戶聚類
在將網頁進行聚類的基礎上，可以將瀏覽網站的事務和用戶進行聚類。瀏覽事務聚類的原則是根據事務和網頁聚類的相似度進行，將事務聚合在相似度最高的網頁類中。事務和網頁類的相似度可以按照如下公式計算：
|Tj∩Ci|/|Ci|
其中，Tj為一個事務，Ci為一個聚類，|Tj∩Ci|為Tj和Ci中所包含的相同頁面的數目，|Ci|為Ci中所包含的頁面數目。
在記錄網站用戶標志的情況下，可以通過用戶的瀏覽事務聚類將用戶進行聚類，即將訪問相似網頁的用戶聚在同一類。
5.聚類挖掘結果的可視化
聚類挖掘的結果是多維的，由于笛卡兒坐標系最多只有三個坐標，所以不能用通常的方法作圖。而且這些多維的數據集一般不含有空間語義，數據集的各維之間沒有空間連貫性，這也很難用傳統的二維或三維圖形直接表達多維空間。本文采用了一種通過主分量分析將多維空間坐標轉換為三維坐標的挖掘結果可視化方法，實現聚類挖掘結果的可視化。根據生成的各個點之間的距離和簇的形狀，我們可以有效地從大量數據中發現對我們有用的信息。
三、結論
闡述了在電子商務系統的研究和應用中，利用基于關聯規則的多層次、超圖分割聚類方法，對Web網頁和用戶進行有效聚類。該方法借助網站層次圖，可以根據實際需要，在各個層次上進行聚類分析；在挖掘出滿足一定Support的關聯規則的基礎上進行聚類，僅將高度相關的網頁和用戶聚在同一類，而將關聯性較小的網頁排除在聚類外。該方法對于改進網站質量、完善電子商務中產品銷售策略具有十分重要的意義。
參考文獻:
[1]Pei J, Han J, Behazad M, et al. Proceedings of the 1999 KDD Workshop on Web Mining[C], Kyoto: PKDD, 1999. 396-407
[2]Cooley R, Mobasher B, Srivastava J. Data Preparation for mining World Wide Web Browsing Patterns [J]. Knowledge and Information System, 1999,1(1): 25-29
[3]Karypis G, Aggarwal R, Kumar V, et al. Multi-level Hypergraph Partitioning: Applications in VLSI Domain[R]. Minnesota: University of Minnesota, Department of Computer Science, 1997.1-50
近年來，動態網頁的發展的進程取得了很大進步，動態網頁不同于靜態網頁，動態網頁可以說是一種技術含量較高的網頁編程技術。對于靜態網頁來說，其顯示的效果與相關的內容較長時間內不會發生變化，但是對于動態網頁來說，就可以通過一些頁面的代碼不同，而使頁面的相關內容由于環境、時間或者是相關數據庫的改變進而實現變化，在動態網頁早期的時候，大部分使用的是網關接口技術來實現的，然而在進行編程的過程中出現了較多問題，如編程的效率低、技術難以實現以及修改過程復雜，正因如此早期動態網頁技術在逐漸的被新技術所取代。與此同時，新技術的不斷完善使得動態網頁設計以及表現形式更加靈活。動態網頁的設計在通常情況下是按照由上到下的原則而實現的，先從較高層的頁面一級一級的向下進行訪問頁面的相關內容，但是要求是在不同的文件中要放置不同的頁面相關內容。正常情況下，上述的情況由靜態頁面是不能實現的，而且對于用戶來說是非常不方便的。在動態頁面上的顯示的文件大都為原頁面文件，所以一定要使用遞歸調用的方法。另外一方面，對于數據庫的訪問結果要進行處理。根據用戶給定的條件，在進行數據庫的檢索過程中需要將結果反饋給相關用戶，這是用戶通過輸入條件的不同，進而獲取不一樣的檢索效果。
2動態網頁設計的探索
2.1網頁設計原則。
計算機動態網頁設計主要目的是有效抓住用戶的相關需求，進而能夠給相關的企業帶來最大的經濟效益。因此在進行網頁設計的過程中，需要遵循一定的設計原則：首先，網頁的設計要有好的對比度，而且還要具有一致性，收到簡潔明了的效果，表達出網站的主題內容。一致性主要表現在相關網頁的風格與色彩的布局上。在對比度上，好的對比度主要體現在網站的內容上一定要有重點。只有做到這個原則才能夠制作出非常優秀的網站。
2.2網站設計構思。
對于網頁設計之前，首先，需要進行的工作是構思。對于設計者構思設計方案，首先要明確網站的主題內容，比如對于一個相關的論壇，可以有不同的主題，如以愛好、學習技術為主題，擬定了主題之后再確定網站的主要內容。其次，要確定網站上目錄的鏈接，為了突出其重要性，要將目錄放在最為突出的地方，還要協調其他內容，放在較為合理的位置。最后，對于動態網頁最重要的就是要明確在網頁上的主要圖片，對于主要圖片需要根據動態網頁的主題來選擇，而且要能夠突出網站的主題。依次根據以上的三個步驟，其主要的風格基本得到確定，另外如果有特殊需要，可以進行一些相關的調整，增加或減少一些內容等。
2.3網站風格探討。
對不用戶來說，不難發現不同的頁面能夠看出有不同的風格。在版面的設計上，需要細致的觀察到版面的和諧、美觀以及最重要的實用性。另外，在傳統設計的基礎上，可以再進行一些個性化的創新設計。例如，在論壇網頁的設計上，主要使用的是d型的架構，進而進行創新。這一設計融合了邊框的設計，將一些左邊框的內容加入到上邊框上能夠減少空間的使用，使得頁面更加整潔、美觀。對內容區進行規劃時，使用到的是左右對稱法則，而且還用到了共享邊框技巧，從而都具有邊框，有效統一網頁風格。其中需要特別注意的是要在每一個欄目當中都要建立獨立的文件目錄，使用到的圖片都要放在其下面的獨立文件夾中。這樣能夠有效避免所有的文件都堆放在一起，也能夠使網站的結構看起來更加清晰。對于首頁的制作也是網站非常重要的工作，因為首頁是一個網頁的門戶。第一，對于首頁要求能夠體現網站的相關主題，讓用戶更加清晰；第二，首要要有吸引力、美觀，讓用戶有進行下一步游覽的欲望。另外，為了能與用戶進行有效的交流，可以在論壇的左欄設置投票系統，得到用戶的直接反饋。
2.4網站管理方法。
雖然現階段的網站涉及到的軟件都越來越容易使用，尤其是目前各行各業都在提倡以人為本的服務，進行設計工作，這就促使要有一個非常好的網站應該很方便去管理。設計中需要體驗用戶的感覺，進而能夠使得網絡的管理者使用起來非常方便。另外，對于管理員要設置密碼，只有這樣才能保證網站的安全性，并且保證管理員具有對密碼進行修改的權力。
3網站優化設計技巧
3.1表格設計技巧。
大部分的網站在進行頁面設計時會用到表格，使用表格來實現布局，由于表格能夠很好的實現較為復雜版面的設計工作，因此非常受歡迎。但是，也存在一定的缺點，也就是將大部分元素盡在圖中呈現，在瀏覽器中有時會出現顯示不全的現象。為了能夠有效的縮短時間，需要將大的、整個的表格打散成許多較為獨立的、小的表格來實現，另外，還需要注意的是對于意義不大的表格要進行刪除，避免出現空間的浪費，否則這些表格會使網頁的速度降低，帶來許多不便。
3.2杜絕表格嵌套。
目前的動態網頁設計過程中，設計者都傾心與使用表格嵌套的思路。因為使用表格嵌套能夠進行網頁版面設計，其好處是能夠設計出非常具有創意的版面來，也就是這一點能夠吸引著較多的設計人員，但是對于嵌套的層數越多的表格，對于瀏覽器來說，需要進行解釋與顯示的時間就會越長。所以建議在不放棄表格嵌套設計帶來的優秀創意優勢外，建議表格嵌套層數不超過三層，只有這樣才能充分的利用表格嵌套設計版面的優勢，還能夠很好地避免由于過多嵌套帶來的瀏覽器顯示速度緩慢的問題。
3.3有效優化腳本運行。
有很多的網頁設計者，為了能夠便于所設計的網頁，在進行下載前需要先啟動腳本語言。然而，放置大量的腳本代碼將會導致整個頁面的下載或者是顯示的速度變得更為緩慢。因此，為了能夠有效的減少過量腳本代碼在中帶來的顯示速度緩慢問題，需要將那些后來執行的腳本程序放到之前進行，還可以將其放到一個外部的文件中。到使用的時候，再進行一些調用工作。這能夠在很大程度上由于網站設計的不合理，進行相關的優化工作，還可以通過采取一些簡單的技術進而加快網站的下載速度。
4結束語
