網(wǎng)站頂部區(qū)域位于網(wǎng)站首頁的首屏，其視覺重要地位不言而喻，設(shè)計一個兼具美觀和實用性的頂部，可以給用戶留下良好的印象。本文小編就以凡科建站的自助建站系統(tǒng)為例，詳細講述頂部設(shè)計操作，使用凡科建站進行網(wǎng)站模板建站的站長們一定要看！

　　本文根據(jù)頂部區(qū)域的三個主要設(shè)計來講：導(dǎo)航欄、網(wǎng)站標(biāo)題以及頂部的基礎(chǔ)設(shè)計。

　　一、頂部基礎(chǔ)設(shè)計

　　網(wǎng)站頂部的基礎(chǔ)設(shè)計主要包括頂部區(qū)域的背景設(shè)計，以及是否需要固定在網(wǎng)站頁面的設(shè)置。進入網(wǎng)站的頂部設(shè)置頁面，要么直接點擊頂部區(qū)域，然后點擊出現(xiàn)的“編輯頂部”按鈕就會出現(xiàn)頂部設(shè)置頁面，如圖1，

　　要么點擊【樣式】按鈕，如圖2，在跳出頁面點擊“樣式設(shè)計-頂部”頁面進行設(shè)置，如圖3。

　　1、背景設(shè)計：需要結(jié)合下面網(wǎng)站banner設(shè)計考慮，選擇“默認”就是保持模板原有的設(shè)計，“隱藏”背景不會有任何顏色，“自定義”可以進行純色或漸變色背景填充，或是使用自定義圖片背景。

　　2、固定設(shè)計：頂部固定就是隨著用戶下滑頁面，頂部也會時刻懸停于網(wǎng)站頂部，便于用戶隨時取用導(dǎo)航。選擇“開啟”才能啟用下方的“固定背景”設(shè)計，然后對固定背景進行選擇和自定義設(shè)計。如圖5：

　　二、欄目設(shè)計

　　頂部區(qū)域是包含網(wǎng)站導(dǎo)航欄的。設(shè)計導(dǎo)航欄，點擊導(dǎo)航欄區(qū)域，會出現(xiàn)管理欄目、設(shè)置樣式這些操作按鈕。如圖6：

　　站長在進行網(wǎng)站模板建站時，根據(jù)這些按鈕，可以對導(dǎo)航欄的排版風(fēng)格進行選擇，欄目的文本可進行修改、字體小大、尺寸、色彩等設(shè)計，增減欄目數(shù)量，務(wù)求設(shè)計一個美觀易用的導(dǎo)航欄，提升用戶體驗，清晰的導(dǎo)航欄設(shè)計，也讓整個網(wǎng)站架構(gòu)更加清晰。

　　三、網(wǎng)站標(biāo)題設(shè)計

　　網(wǎng)站表一位于頂部設(shè)計的左邊，與導(dǎo)航欄平行。設(shè)計這個部分，關(guān)鍵是要設(shè)計一個簡單好記又有個性的網(wǎng)站LOGO，借助工具按鈕上傳。

　　1、添加網(wǎng)站LOGO圖片：點擊網(wǎng)站標(biāo)題區(qū)域，點擊“l(fā)ogo”按鈕，添加網(wǎng)站LOGO圖片的展示設(shè)置。如圖7：

　　然后點擊“添加LOGO”添加設(shè)計好的網(wǎng)站LOGO圖片，以及對網(wǎng)站LOGO進行更詳細的設(shè)計，添加鏈接、固定圖片位置、添加圖片描述等，操作指示如圖8：

　　2、編輯網(wǎng)站標(biāo)題：點擊網(wǎng)站標(biāo)題區(qū)域，對標(biāo)題文字內(nèi)容進行修改，對標(biāo)題文本進行挑選字體，修改色彩、大小，添加鏈接，標(biāo)題固定的設(shè)置，操作指示如圖9：

　　完成以上大概主要部分的設(shè)置，就算是完成網(wǎng)站模板建站中頂部的設(shè)置了，站長要發(fā)揮自己的藝術(shù)能力，設(shè)置一個好看的頂部。