網站模板

網站模板

網站模板在這裡指的是網站頁面模板,是當網站中有許多頁面版式色彩相同的情況下,將其定義為網頁模板,並定義其中部分可編輯,部分不可利用網頁模板製作其他頁面時就會很方便,不易出錯。

這裡我們稱為普通網頁模板。網站模板就是已經做好的網頁框架,使用 網頁編輯軟體將模板原有的圖片和文字替換成自己的 內容,再發布到自己的網站。

一般按以下步驟進行網頁模板的製作:

1、要沉穩,不要花里胡哨。

2、要素凈、大氣,不要五彩繽紛。

3、要有個性、有風格,要突出行業的特點。

定義


顧名思義就是用已經成形的網站為框架進行套用,可以在後台進行設置網站的一些信息,把這個網站改變成自己需要的網站信息,最為直接的就是象一些網站提供的自助建站和我們眾所周知的博客,比如穀穀互聯中華網庫專業提供網站模板,另外還有一些公司把自己公司已經設計好的網站進行一些修改再套用如修改風格,網站名稱等信息,但大致格式及裡面的代碼並未改動,此網站也可叫作模版網站。他們最大的特點就是省時,省力,操作簡單。
每個網站模板壓縮包內包含:PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改),按鈕圖片PSD文件、Flash源文件和字體文件,推薦使用Dreamweaver軟體向NNT流量網站模板添加內容。網站PSD模板,Photoshop的源文件格式,PSD文件可以存儲成RGB或CMYK模式,還能夠自定義顏色數並加以存儲,還可以保存Photoshop的層、通道、路徑等信息,是惟一能夠支持全部圖像色彩模式的格式,但體積龐大,在大多平面軟體內部可以通用(如cd ai ae等),另外在一些其它類型編輯軟體內也可使用,例如office系列。但像瀏覽器類的軟體不支持。它的功能要強一些。psd作為常用的設計格式,在全世界有數千萬用戶,在中國就有數百萬用戶,在通用設計領域,比如婚紗模板,展板模板等等,基本都是由photoshop設計完成的,他們的實用性非常強,通用性也強,大家都可以使用。

製作工具


網路技術的發展帶動了軟體業的發展,所以用於製作Web頁面的工具軟體也越來越豐富。從最基本的HTML編輯器到流行的Flash互動網頁製作工具,各種各樣的Web頁面製作工具,下面是幾款具有代表性的網頁製作器:
1、HTML編輯器。雖然HTML代碼複雜,編輯和調試要花費大量的時間,但因HTML的穩定性、廣泛支持性及可創建複雜的頁面效果,仍受高級網頁製作人員的青睞。使用較為普遍的有Hotdog等專業HTML編輯器。
2、所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕鬆編製網頁。而且,Frontpage還能解析網頁的HTML源代碼,並提供了預覽支持。但Frontpage的一些特殊顯示功能並不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁製作人員使用的工具軟體。
3、 Macromedia公司(已被Adobe公司收購)出品的Flash互動網頁製作工具,是一款功能非常強大的互動式矢量多媒體網頁製作工具。能夠輕鬆輸出各種各樣的動畫網頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;並且由於Flash編製的網頁文件比普通網頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態Web製作的工具。
4、Dreamweaver:Dreamweaver是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器。它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具,利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。
另外,個人網站製作者還需了解W3C的HTML4.0規範、CSS層疊樣式表的基本知識、javascriptVBScript的基本知識。對於常用的一些腳本程序如ASPCGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫製作工具以及矢量繪圖工具,並能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬體和網路知識也是必備的。當然,網際網路還是一個免費的資料庫。編製網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片製作技術。所以,為了省卻這些麻煩,網站製作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。

模板分類


成品模板

在網站建設行業中,經常會聽說自助建站,智能建站,就是說網站的提供商已經提供了模板以及該模板帶有的一套網站系統,網站系統有可能是asp的,有可能是php的,或者其它的語言。確切的說,這類成品模板網站是可以無數次的使用被使用,用戶在購買了提供商的模板后只有使用權,不擁有版權,而網站的提供商擁有最終對網站模板以及系統源代碼的版權。

仿製型模板

就是說在網站製作的過程中,在模板設計的時候參考其它現有的網站風格,色彩,布局。也就是說,仿製型的模板網站既有自己的風格在裡面,但是又有其它網站的模板風格,例如噹噹商城,京東商城的網上平台被很多模板涉及商所參考,Ecshop,Shopex,的官方網站經常可以下載雷同的網站模板;根據這類模板製作出的網站叫做仿製型模板網站。

手工模板

和上面兩種類型的網站一樣,手工模板網站的模板是完全根據各個網站特定的風格來訂製的模板。區別在於手工模板網站使用的客戶擁有對模板的版權,而且一套模板只允許一個企業使用,如果其它的企業進行複製,屬於侵權行為

動畫模板

Flash網站具有設計精美,擁有更多聲效、動畫、流媒體剪輯、美術效果及兼顧互動性等特徵,非常適合公司作在線產品展示。Flash網站基本以圖形和動畫為主,所以比較適合做那些文字內容不太多,以平面、動畫效果為主的應用。如:企業品牌推廣、特定網上廣告、網路遊戲、個性網站等。製作全Flash網站和製作html網站類似,事先應先在紙上畫出結構關係圖,包括:網站的主題、要用什麼樣的元素、哪些元素需要重複使用、元素之間的聯繫、元素如何運動、用什麼風格的音樂、整個網站可以分成幾個邏輯塊、各個邏輯塊間的聯繫如何、以及你是否打算用Flash建構全站或是只用其做網站的前期部分等等,都應在考慮範圍之內。實現全Flash網站效果多種多樣,但基本原理是相同的:將主場景作為一個“舞台”,這個舞台提供標準的長寬比例和整個的版面結構,“演員”就是網站子欄目的具體內容,根據子欄目的內容結構可能會再派生出更多的子欄目。主場景作為“舞台”基礎,基本保持自身的內容不變,其它"演員"身份的的子類、次子類內容根據需要被導入到主場景內。

選擇模版


1.標題標籤客制化
模版的標題一定要可以修改,不僅僅是首頁的標題,還要包括分類頁的標題和文章頁的標題,參加過我們的公益培訓和VIP培訓的,或者說有點SEO基礎的同學,都應該知道標題的重要性,而且網站內部的各個頁面的標題盡量不要一樣的,所以選擇模版的時候,一定要選擇一個標題標籤可以自由修改的。
2.URL靜態化及客制化
這個包含了兩點,一是模板支持偽靜態,這個,在選擇空間的時候也跟大家講過要選擇支持偽靜態的空間,選擇模板的時候也是一樣的,要求模板支持偽靜態;URL客制化,就是說,我們在寫文章的時候,可以自己編寫我們的URL,當然前面的一部分是固定的,文章ID部分就可以自己編寫,具體的例子,在後面寫wordpress教程和Z-blog教程的時候,會詳細講到。
3.meta標籤客制化
meta標籤指meta keywords和meta description,也就是關鍵詞標籤和描述標籤,關鍵詞標籤,基本上對SEO沒什麼用處了,你要是覺得有用,那你就認真寫,要是覺得沒用,就乾脆刪除掉這個標籤,描述標籤是給用戶看的,當然要認真寫,用戶在搜索結果中看到你的網站,點不點進去看,很大程度上取決於你的描述是否足夠吸引人,足夠清晰。另外,每個頁面(包括分類頁面和文章頁面)的描述標籤要不一樣,並且跟頁面內容相關。
4.tag標籤功能
在我們發布文章或者產品的時候,允許我們輸入標籤,系統自動按照標籤聚合內容並生成標籤頁面。
5. 導航結構客制化
模板應該允許我們自己修改導航的布局,包括導航顏色的調整,導航大小,下拉菜單等等的修改。
6. 模塊DIY
模板要支持我們自由增刪模塊,自由調整模塊位置。
7. 地圖自動生成
模板要可以自動生成xml網站地圖,便於我們向搜索引擎提交。如果不帶有地圖自動生成功能,起碼也得支持祥光的地圖自動生成插件。
8. 相關文章生成
模板可在文章頁面下方,生成與之相關的文章,增強文章的相關性,促進文章收錄數據的更新。
9. 相關站內鏈接
這裡是指inner link,也就是內鏈的自動生成。每篇文章去增加鏈接是件很繁瑣的事情,或者說,站長朋友們經常會忘記,如果說是博客還好,如果是像我們SEO交互論壇這樣的,內容完全不受站長控制的網站,每天的帖子上萬,都要手動去增加內鏈的話,是件很麻煩的事情,這個時候,如果系統支持我們在後台設置好關鍵詞和鏈接,然後再文章中自動生成該鏈接,我們就輕鬆多了。
10. 正確生成H標籤
在一個網站中,重要程度僅次於標題標籤的標籤就是H標籤了,有些模板會自動生成H1,H2標籤,但是不一定正確,可能有些模板在所有頁面都把網站名稱放在H1標籤中,這樣是不對的。在首頁,我們的標題標籤中就已經包含了網站名稱。分類頁面,H1標籤應放分類名稱,文章頁H1標籤應該放標題名稱等。
11. 翻頁控制
意思就是說,允許我們自己定義一個頁面放置多少篇文章。控制翻頁,主要是為了減少每一篇文章離首頁的點擊距離。這個利害關係,相信大家都懂的。
12. 圖片alt屬性
很多新手站長朋友們,經常用百度站長平台檢測網站後會發現百度提示圖片alt屬性沒有填寫。百度對於圖片的抓取還存在一定的難度,所以,我們需要給圖片加上說明文字,那麼這個alt屬性,我們用來說明圖片的,所以選擇模板的時候要考慮是否可以自動生成圖片alt屬性,或者說是否支持手動填寫alt屬性。
14. 代碼精簡
這點,很多站長朋友們可能並沒有很在意,其實一個精簡的網站,對蜘蛛來說是非常友好的。同樣一個功能,你用百來行代碼來實現,別人可能用兩三行代碼就實現了,這就是代碼的精簡化。代碼精簡,利於蜘蛛爬行,減輕伺服器負擔,同時也節約網站空間
當然,一個完整的模板要考慮的遠遠不止以上這些,比如還有301轉向,複製內容的消除等,但是要找到一個十全十美的網站模板實屬不易,所以大家在找尋模板的時候,盡量考慮以上因素就行了,不要太過於追求完善,不然,要找到一個完全符合的模板是非常難的哦。所以,模板下載下來后,還需要自己去修改下,才能完全實現以上功能。

影響分析


如果能夠用一套模板直接改文字搞定的客戶,那樣的客戶必定是中低端客戶,可能出的價錢,也是讓一些網站建設公司抱怨不少。中低端客戶在壓價、同行在拼價、設計師在拚命,您認為,這個現象合理嗎?做網頁設計的,都有過這樣的價格經歷,做個網站千把塊,甚至幾百塊,客戶對稿子還挑三揀四,改來改去。所以很多人憤怒了,對這個行業憤怒了,怒這個行業不規範,怒自己修鍊多年只值個白菜價。
在這個環境下,有的人選擇繼續修鍊,做高端設計,有的人選擇忽悠,忽悠客戶忽悠設計。網頁設計既然是個行業,就應該存在高中低端,並不是只有超高端才能生存。賣奧拓的老總開寶馬,賣寶馬的老總開奧拓,並不是只有高端的公司才能有生存,關鍵是現階段,中低端的網站,成本卻不夠低端。
對網頁模板心存憤怒的同志,存在很大遷怒的成分,畢竟此前,國內基本沒有高質量的商業模板。我們的想法是,面對白菜價客戶,就應該用白菜的成本;面對高端的客戶,模板給你的作用,可能僅僅是提供設計手法方面的幫助而不是包括思想在內的全部設計。

所用語言


1、ASP全名Active Server Pages,是一個WEB伺服器端的開發環境,利用它可以產生和執行動態的、互動的、高性能的WEB服務應用程序。ASP採用腳本語言VBScript(Java script)作為自己的開發語言。
2、PHP是一種跨平台的伺服器端的嵌入式腳本語言。它大量地借用C,Java和Perl語言的語法,並耦合PHP自己的特性,使WEB開發者能夠快速地寫出動態產生頁面。
3、JSP是Sun公司推出的新一代網站開發語言,Sun公司藉助自己在Java上的不凡造詣,將Java從Java應用程序和Java Applet之外,又有新的碩果,就是JSP,Java Server Page。JSP可以在Serverlet和JavaBean的支持下,完成功能強大的站點程序。
4、ASP .NET的前身ASP技術,是在IIS 2.0上首次推出(Windows NT 3.51),當時與 ADO 1.0 一起推出,在IIS 3.0 (Windows NT 4.0)發揚光大,成為伺服器端應用程序的熱門開發工具,微軟還特別為它量身打造了VisualInter Dev開發工具。ASP .NET是基於通用語言的編譯運行的程序,其實現完全依賴於虛擬機,所以它擁有跨平台性,ASP .NET構建的應用程序可以運行在幾乎全部的平台上。其中大致分為以微軟.NET Framework為基礎使用IIS做為Web 伺服器承載的微軟體系,以及使用Mono為基礎框架運行在Windows或Linux上的開源體系。

發展趨勢


隨著網路的普及,網站的日新月異,各式各樣的網站模板也層出不窮,很多公司企業,也都開發了快速建站系統,內置幾千套網站模板供客戶選擇,大大降低了建站難度,減少了建站投入,相信不遠的將來會有更多更專業的網站模板出現,供大家選擇。
中國的網際網路發展較晚,網站模板在中國的發展也一直比較緩慢,有很多專業的網站模板網站,提供了大量的網站模板資源,但大都是歐美、日韓的作品,這點稍微瀏覽幾個相關網站即可發現,但是任何東西到了中國,都要有他的中國特色。網站模板到了中國,儼然變成了CMS模板,網站模板結合CMS系統內置的模板引擎,使網站模板使用起來更加方便快捷。