電子商務(wù)-企業(yè)網(wǎng)站設(shè)計(jì)-wenkub
2023-03-24 10:37:37 本頁面
【正文】 能訓(xùn)練 返回 實(shí)例 3－ 1 “淡藍(lán)的天空”個(gè)人網(wǎng)站的欄目設(shè)計(jì) 一、要求與目的 掌握網(wǎng)站的色彩搭配 掌握網(wǎng)站的版面布局設(shè)計(jì) 掌握網(wǎng)站的導(dǎo)航設(shè)計(jì) 二、規(guī)劃分析過程 風(fēng)格設(shè)計(jì)： 風(fēng)格設(shè)計(jì)包含很多內(nèi)容，為了體現(xiàn)個(gè)人風(fēng)格，符合網(wǎng)站的名稱和定位，下面我們?cè)谏蚀钆浜桶婷娌季址矫孀鲆恍┮?guī)劃和設(shè)計(jì)。一般來說，總的超鏈接數(shù)應(yīng)該等于網(wǎng)頁數(shù)乘以網(wǎng)頁數(shù)減一，如有 10個(gè)網(wǎng)頁，那么就有 99個(gè)超鏈接，這么龐大的超鏈接數(shù)維護(hù)起來相當(dāng)麻煩，某個(gè)網(wǎng)頁的 2/28/2023 10 ? 知識(shí)要點(diǎn) ? 能力要點(diǎn) ? 案例分析 ? 技能訓(xùn)練 返回 改動(dòng)（如改名、刪除、增加）就可能同時(shí)需要對(duì)所有的網(wǎng)頁進(jìn)行相應(yīng)的修改，所以在網(wǎng)站中需要謹(jǐn)慎使用這種結(jié)構(gòu)。 所以過深過于復(fù)雜的層次型結(jié)構(gòu)反而會(huì)帶來很多不良的影響，最好的深度是三層，另外，建立一個(gè)良好的導(dǎo)航系統(tǒng)也可以彌補(bǔ)層次型結(jié)構(gòu)這方面的缺點(diǎn)。 如在當(dāng)當(dāng)網(wǎng)購買圖書或者音像制品，也必須按順序進(jìn)行選擇商品、確認(rèn)購物車、填寫定單、生成定單四個(gè)步驟：如圖 32所示： 選擇商品 確認(rèn)購物 填寫定單 生成定單 圖 32 當(dāng)當(dāng)網(wǎng)購物流程 2/28/2023 6 ? 知識(shí)要點(diǎn) ? 能力要點(diǎn) ? 案例分析 ? 技能訓(xùn)練 返回 2）層次型結(jié)構(gòu) 層次型結(jié)構(gòu)是按照網(wǎng)頁之間的包含關(guān)系組織而成。 2/28/2023 3 ? 知識(shí)要點(diǎn) ? 能力要點(diǎn) ? 案例分析 ? 技能訓(xùn)練 返回 不同網(wǎng)頁之間通常具有一定的邏輯關(guān)系，比如先后關(guān)系、包含關(guān)系、并列關(guān)系等，多個(gè)網(wǎng)頁按照它們之間的邏輯關(guān)系組織在一起就形成了各種邏輯結(jié)構(gòu)。在現(xiàn)在的網(wǎng)站中，最常見的邏輯結(jié)構(gòu)就是層次型結(jié)構(gòu)，其次是線形結(jié)構(gòu)和網(wǎng)型結(jié)構(gòu)。前面圖 33就是一個(gè)典型的層次型結(jié)構(gòu)，它很像一棵倒置的樹。 2/28/2023 8 ? 知識(shí)要點(diǎn) ? 能力要點(diǎn) ? 案例分析 ? 技能訓(xùn)練 返回 3）網(wǎng)絡(luò)型結(jié)構(gòu) 如圖 33所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個(gè)網(wǎng)頁相互之間都超鏈接的一種結(jié)構(gòu)，這些網(wǎng)頁可以是層次結(jié)構(gòu)上的任意網(wǎng)頁，但是因?yàn)閷?dǎo)航的需要或者內(nèi)容上的相關(guān)性而鏈接在一起。 網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì) 目錄結(jié)構(gòu)又稱為物理結(jié)構(gòu)，它設(shè)計(jì)解決的是如何在硬盤上更好地存放包括網(wǎng)頁、圖片、 Flash動(dòng)畫、JavaApplet、數(shù)據(jù)庫等各種資源在內(nèi)的所有網(wǎng)站資源。 2/28/2023 14 ? 知識(shí)要點(diǎn) ? 能力要點(diǎn) ? 案例分析 ? 技能訓(xùn)練 返回 常見的版面布局形式 “ T”結(jié)構(gòu) “ T”結(jié)構(gòu) :所謂“ T”結(jié)構(gòu)，就是指網(wǎng)頁上邊和左邊相結(jié)合，頁面頂部為橫條網(wǎng)站標(biāo)志和廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，這是網(wǎng)頁設(shè)計(jì)中用得最廣泛的一種布局方式。多指左右、上下對(duì)照形式，主要強(qiáng)調(diào)秩序，能達(dá)到安定誠實(shí)、信賴的效果。 2/28/2023 16 ? 知識(shí)要點(diǎn) ? 能力要點(diǎn) ? 案例分析 ? 技能訓(xùn)練 返回 網(wǎng)頁色彩設(shè)計(jì) ? 網(wǎng)頁中最難處理的就是色
化學(xué)相關(guān)推薦
鄂ICP備17016276號(hào)-1