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