PC + 手機 + 微信網站 + 小程序 + APP,五端合一(yī / yì /yí)
在(zài)設計和(hé / huò)創建一(yī / yì /yí)個(gè)Web站點的(de)時(shí)候,組織結構固然很重要(yào / yāo),但也(yě)不(bù)要(yào / yāo)忽視外觀的(de)設計,因爲(wéi / wèi)當訪問者初次浏覽該站點的(de)時(shí)候,最先吸引他(tā)的(de)就(jiù)是(shì)網頁的(de)外觀。對于(yú)一(yī / yì /yí)個(gè)Web站點來(lái)說(shuō),外觀不(bù)僅僅指其包含的(de)每一(yī / yì /yí)個(gè)網頁的(de)外觀,而(ér)且還包括其結構的(de)外觀。在(zài)本節中,将着重讨論結構的(de)外觀設計和(hé / huò)Web頁面的(de)外觀設計。一(yī / yì /yí)個(gè)Web站點的(de)結構層次最好不(bù)要(yào / yāo)超過3層,因此,我們應當考慮三種不(bù)同類型的(de)網頁。它們分别是(shì):主頁、二級網頁和(hé / huò)三級網頁。
一(yī / yì /yí)、主頁
網站制作主頁通常也(yě)是(shì)一(yī / yì /yí)個(gè)Web網站的(de)起始頁。有時(shí)也(yě)叫做首頁或者起始頁。主頁外觀設計的(de)好壞将直接決定着訪問者對該Web站點的(de)第一(yī / yì /yí)印象,一(yī / yì /yí)般來(lái)說(shuō),主頁應當包含一(yī / yì /yí)些本站點的(de)内容提要(yào / yāo),本站點的(de)情況說(shuō)明和(hé / huò)一(yī / yì /yí)些指向二級網頁的(de)鏈接,因此,它是(shì)整個(gè)站點的(de)核心部分。對于(yú)主頁中的(de)說(shuō)明文字應盡量做到(dào)文字精煉、表達清楚, 因爲(wéi / wèi)主頁隻包括一(yī / yì /yí)些Web網站的(de)基本情況介紹。以(yǐ)及一(yī / yì /yí)些指向二級網頁的(de)鏈接,所以(yǐ)主頁的(de)版面設計應當簡潔大(dà)方、色調夠明快、能給人(rén)一(yī / yì /yí)種一(yī / yì /yí)目了(le/liǎo)然、輕松愉快的(de)印象,切忌不(bù)可花裏胡哨,文字哆裏哆唆,茫然不(bù)知所雲。
在(zài)大(dà)多數的(de)Web站點設計中,均采用表格和(hé / huò)框架來(lái)設計和(hé / huò)改再Web網頁的(de)布局,在(zài)主頁的(de)設計中,表格和(hé / huò)框架的(de)使用頻率尤其高,這(zhè)個(gè)網站的(de)主頁的(de)制作就(jiù)采用了(le/liǎo)使用表格的(de)方法,利用表格可以(yǐ)很好地(dì / de)安排網頁的(de)布局,表格的(de)第一(yī / yì /yí)行是(shì)整個(gè)網站的(de)标題,一(yī / yì /yí)般需要(yào / yāo)寫上(shàng)一(yī / yì /yí)些标志性或者說(shuō)明性文字,.用以(yǐ)标明該網站的(de)性質和(hé / huò)類型。例如這(zhè)個(gè)主頁采用的(de)是(shì)“劍氣如歌刀似虹”表格的(de)第二行列舉了(le/liǎo)該網站的(de)一(yī / yì /yí)些主要(yào / yāo)内容,并包含了(le/liǎo)指向二級網頁或其他(tā)Web站點的(de)超鏈接,它的(de)主要(yào / yāo)作用就(jiù)是(shì)給訪問者一(yī / yì /yí)個(gè)該Web站點内容的(de)簡要(yào / yāo)說(shuō)明,起到(dào)一(yī / yì /yí)個(gè)指示的(de)作用;表格的(de)第三行是(shì)對該網站的(de)一(yī / yì /yí)些描述;表格的(de)第四行是(shì)特定的(de)超鏈接,用于(yú)指向網絡内部,當基本框架确定以(yǐ)後,就(jiù)可以(yǐ)開始爲(wéi / wèi)這(zhè)個(gè)Web頁面添加背景音樂、背景醫像或者其他(tā)一(yī / yì /yí)些内容等等。
二、2級網頁
二級網頁一(yī / yì /yí)般用于(yú)區分Web站點中的(de)各部分,并且列出(chū)各個(gè)部分的(de)主要(yào / yāo)内容。一(yī / yì /yí)般來(lái)說(shuō),二級網頁之(zhī)間并不(bù)采用相互鏈接,它們一(yī / yì /yí)般也(yě)隻包括所在(zài)區域的(de)内容提要(yào / yāo),而(ér)不(bù)包括詳細的(de)内容細節。因爲(wéi / wèi)如果二級網頁如果過于(yú)詳細,容易給訪問者造成一(yī / yì /yí)種疲勞的(de)感覺。二級網頁的(de)制作和(hé / huò)主頁的(de)制作在(zài)風格上(shàng)有所不(bù)同,它的(de)主要(yào / yāo)任務是(shì)給訪問者講解有關該Web站點的(de)更加詳紹的(de)内容以(yǐ)及指向其他(tā)三級網頁的(de)超鏈接。實際上(shàng),二級網頁在(zài)整個(gè)網頁中起到(dào)了(le/liǎo)一(yī / yì /yí)種承上(shàng)啓下的(de)作用。它既對主頁部分起到(dào)支撐的(de)作用,提供給主頁一(yī / yì /yí)些必要(yào / yāo)的(de)說(shuō)明;另外一(yī / yì /yí)方面,它又指導訪問者如何到(dào)三級網頁去獲取更爲(wéi / wèi)詳細的(de)内容知識,所以(yǐ)說(shuō),二級網頁的(de)制作是(shì)比較關鍵的(de)。二級網頁的(de)制作,要(yào / yāo)遵循内容不(bù)可過分簡明,但也(yě)不(bù)要(yào / yāo)過分詳細的(de)原則。文字說(shuō)明應該盡量清楚明确,至于(yú)其他(tā)方面也(yě)應當遵循上(shàng)面所說(shuō)的(de)制作Web站點主頁的(de)基本原則。
三、3級網頁
三級網頁一(yī / yì /yí)般位于(yú)一(yī / yì /yí)個(gè)Web站點的(de)最底層,它的(de)主要(yào / yāo)作用是(shì)爲(wéi / wèi)二級網頁提供一(yī / yì /yí)些更爲(wéi / wèi)詳細的(de)甚至是(shì)全部的(de)内容細節,它的(de)下一(yī / yì /yí)級不(bù)應再有更進一(yī / yì /yí)步的(de)網頁内容。一(yī / yì /yí)般來(lái)說(shuō),如果一(yī / yì /yí)個(gè)三級網頁的(de)内容過多,在(zài)一(yī / yì /yí)個(gè)網頁中存放不(bù)下時(shí)。可以(yǐ)把它們分成幾個(gè)相互平行關系的(de)網頁,三級網頁中除了(le/liǎo)包含支撐二級網頁的(de)全部詳細内容外。還應該包括指向該Web站點主頁以(yǐ)及指向其他(tā)有關的(de)Web站點的(de)一(yī / yì /yí)些超鏈接,所以(yǐ),對于(yú)三級網頁的(de)制作、設計和(hé / huò)創建Web站點的(de)前期準備工作,特别是(shì)關于(yú)Web站點的(de)資料收集工作的(de)好壞将直接決定了(le/liǎo)三級網頁制作的(de)質量,沒有前期所準備的(de)豐富的(de)内容材料,就(jiù)不(bù)可能制作出(chū)好的(de)三級網頁。
上(shàng)一(yī / yì /yí)篇:天津網站設計中要(yào / yāo)注意哪些細節?
下一(yī / yì /yí)篇:企業網站設計網絡安全及信用問題