|
網(wǎng)站建設(shè)設(shè)計(jì)規(guī)范及網(wǎng)站制作注意事項(xiàng)在當(dāng)前的疫情下,很多行業(yè)都受到了影響,但在互聯(lián)網(wǎng)行業(yè),卻沒(méi)有受到影響,反而加速了行業(yè)的再發(fā)展。因此,許多企業(yè)和公司開(kāi)始在互聯(lián)網(wǎng)上建設(shè)網(wǎng)站,但對(duì)網(wǎng)站建設(shè)的一些注意事項(xiàng)卻知之甚少。現(xiàn)在,重慶市網(wǎng)站建設(shè)公司將帶您去看看網(wǎng)站建設(shè)設(shè)計(jì)說(shuō)明書(shū)和網(wǎng)站制作說(shuō)明的意義事項(xiàng)。 1、制作網(wǎng)站頁(yè)面:為每個(gè)頁(yè)面添加適當(dāng)?shù)臉?biāo)題。如果是網(wǎng)站主頁(yè),建議標(biāo)題使用網(wǎng)站名稱(chēng)或網(wǎng)站所代表的公司或組織名稱(chēng);其余內(nèi)容頁(yè)面,建議標(biāo)題與正文內(nèi)容一起細(xì)化匯總。標(biāo)題的順序是相反的,格式是“頁(yè)面標(biāo)題”列標(biāo)題“站點(diǎn)名稱(chēng)”。標(biāo)題應(yīng)該包含頁(yè)面最重要的目標(biāo)關(guān)鍵字。每頁(yè)的標(biāo)題應(yīng)該不同。 統(tǒng)一頁(yè)面元素格式。在傳統(tǒng)的表格布局網(wǎng)站中,每個(gè)頁(yè)面元素的格式往往不統(tǒng)一,比如頁(yè)面和頁(yè)面,或者區(qū)域之間的顯示效果有偏差,因?yàn)榫W(wǎng)頁(yè)中的數(shù)據(jù)信息集成了多種數(shù)據(jù)元素,如果要逐個(gè)修改其設(shè)置,工作量是巨大的。在頁(yè)面中使用div+CSS布局技術(shù),可以用CSS樣式文件控制同一頁(yè)面的所有區(qū)域,甚至網(wǎng)站中的所有頁(yè)面的格式,從而有效地避免了同一頁(yè)面不同區(qū)域或不同頁(yè)面之間反映的效果偏差。[5] 由于CSS樣式具有強(qiáng)大的文本格式布局能力,設(shè)計(jì)者可以更好地使用樣式來(lái)控制頁(yè)面布局,并可以有效地將相同的頁(yè)面元素甚至不同的頁(yè)面元素設(shè)置為統(tǒng)一的格式顯示。 保持視覺(jué)一致性。div+CSS的布局方式具有明顯的優(yōu)勢(shì),實(shí)現(xiàn)了web內(nèi)容與樣式格式的分離;簡(jiǎn)化了代碼,減少了網(wǎng)頁(yè)的體積;結(jié)構(gòu)清晰,提高了搜索引擎對(duì)網(wǎng)頁(yè)的索引效率;在更新和維護(hù)網(wǎng)頁(yè)時(shí),只保留了外部樣式表的屬性需要修改時(shí),可以自動(dòng)更新以前應(yīng)用過(guò)的多個(gè)頁(yè)面的樣式格式。雖然div+CSS技術(shù)的結(jié)構(gòu)簡(jiǎn)單明了,但并不意味著網(wǎng)頁(yè)的HTML代碼除了頭標(biāo)簽和正文標(biāo)簽之外,都是div標(biāo)簽,因?yàn)橹挥?/span>div+CSS布局技術(shù)是不可能完成整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)的。 2、做網(wǎng)站導(dǎo)航:確保網(wǎng)站導(dǎo)航以HTML的形式鏈接。網(wǎng)站應(yīng)有清晰的導(dǎo)航和層次結(jié)構(gòu)。網(wǎng)站上的重要頁(yè)面應(yīng)該能夠從網(wǎng)站較淺的位置找到,以確保每個(gè)頁(yè)面可以通過(guò)至少一個(gè)文本鏈接到達(dá)。車(chē)站所有頁(yè)面均應(yīng)鏈接至主頁(yè)。鏈接結(jié)構(gòu)為:主頁(yè)-內(nèi)部頁(yè)-主頁(yè)。相關(guān)網(wǎng)頁(yè)的內(nèi)容應(yīng)相互鏈接,如該條下的“相關(guān)文章”功能。所有頁(yè)面之間應(yīng)該有廣泛的互連,如果這不可能,請(qǐng)考慮構(gòu)建站點(diǎn)地圖。如果站點(diǎn)地圖上有100多個(gè)鏈接,則需要將站點(diǎn)地圖拆分為多個(gè)頁(yè)面。 3、制作網(wǎng)站標(biāo)簽:充分利用網(wǎng)站或頻道主頁(yè)上的描述標(biāo)簽,以……的形式對(duì)本網(wǎng)頁(yè)的內(nèi)容進(jìn)行總體描述。內(nèi)容頁(yè)不添加描述標(biāo)記和關(guān)鍵字標(biāo)記。 4、創(chuàng)建網(wǎng)站URL:嘗試使用簡(jiǎn)單的URL地址。如果網(wǎng)站使用動(dòng)態(tài)頁(yè)面,盡量減少參數(shù)的數(shù)量和控制參數(shù)的長(zhǎng)度。 5、制作網(wǎng)站CSS/JS:嘗試將樣式表放在頁(yè)面頂部,腳本放在頁(yè)面底部,并嘗試使用外部CSS和JavaScript文件。 6、制作網(wǎng)站鏈接:使用文本而不是flash、JavaScript等來(lái)顯示重要內(nèi)容或鏈接。鏈接到相關(guān)內(nèi)容時(shí),請(qǐng)使用準(zhǔn)確描述內(nèi)容的文本。例如,當(dāng)您為瀏覽者提供指向更多Photoshop信息的鏈接時(shí),請(qǐng)使用“有關(guān)Photoshop的更多信息”等描述,而不僅僅是“更多信息”。 7、制作網(wǎng)站圖片:嘗試使用文字而不是圖片來(lái)顯示重要的名稱(chēng)、內(nèi)容或鏈接。如果必須將圖片用作文本內(nèi)容,請(qǐng)使用alt屬性添加描述性文本。網(wǎng)站上的重要圖片,如徽標(biāo)、圖片、導(dǎo)航圖片等,需要使用“ALT”加上說(shuō)明。 8、網(wǎng)站改版:當(dāng)網(wǎng)站改版或我的鏈接
|