【文章內(nèi)容簡介】 ，同時具備強(qiáng)大的技術(shù)開發(fā)能力，能夠滿足有特殊要求的客戶的需求。另一方面“寧波奔馬特”擁有完善的貿(mào)易體系，由專業(yè)的貿(mào)易人員完成整個貿(mào)易過程，能夠高效、專業(yè)的保障客戶?？傊皩幉ū捡R特”不同與國內(nèi)一般的對外的工廠和外貿(mào)公司，他摒棄了普通的對外貿(mào)易中間成本，能夠更優(yōu)質(zhì)的滿足于國外客戶的要求。 寧波奔馬特網(wǎng)站設(shè)計宗旨： 將寧波奔馬特網(wǎng)站，做成一個業(yè)內(nèi)專業(yè)性的頂尖規(guī)范化網(wǎng)站，從這個方面出發(fā)：在技術(shù)方面屏棄網(wǎng)站設(shè)計過程中華而不實(shí)的設(shè)計思路，避免網(wǎng)站設(shè)計過程不利于長遠(yuǎn)發(fā)展的技術(shù)，從細(xì)小 到宏觀的方面考慮，即方便網(wǎng)站的升級又利于網(wǎng)站的推廣。在實(shí)用性方面：方便網(wǎng)站管理員對網(wǎng)站維護(hù)工作，方便歷史數(shù)據(jù)的管理、分析，提供不同專題的推出。 文字方面特別突出寧波奔馬特 。 二、設(shè)計的實(shí)現(xiàn) 設(shè)計的實(shí)現(xiàn)可以分為兩個部分。第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網(wǎng)頁的制作，這一過程是在計算機(jī)上完成的。 寧波奔馬特五金工具廠 策劃人： *** 設(shè)計首頁的第一步是設(shè)計版面布局。我們可以將網(wǎng)頁看作傳統(tǒng)的報刊雜志來編輯，這里面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 接下來我們要做的就是通過軟件的使用，將設(shè)計的藍(lán)圖變?yōu)楝F(xiàn)實(shí)，最終的集成一般是在Dreamweaver 里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在制作過程中產(chǎn)生的。設(shè)計作品一定要有創(chuàng)意，這是最基本的要求，沒有創(chuàng)意的設(shè)計是失敗的。在制作的過程中，我們會碰到許多問題，其中最敏感的莫過于頁面的顏色了。 三 、設(shè)計的原則 設(shè)計是有原則的，無論使用何種手法對畫面中的元素進(jìn)行組合，都一定要遵循五個大的原則： 統(tǒng)一、連貫、分割、對比及和諧 。 統(tǒng)一 ，是指設(shè)計作品的整體性，一致性。設(shè)計作品的整體效 果是至關(guān)重要的，在設(shè)計中切勿將各組成部分孤立分散，那樣會使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。 連貫 ，是指要注意頁面的相互關(guān)系。設(shè)計中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個頁面設(shè)計風(fēng)格的一致性，實(shí)現(xiàn)視覺上和心理上的連貫，使整個頁面設(shè)計的各個部分極為融洽，猶如一氣呵成。 分割 ，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。在信息量很多時為使觀者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個角度來講，分割也可以被視 為對于頁面內(nèi)容的一種分類歸納。 對比就是通過矛盾和沖突，使設(shè)計更加富有生氣。對比手法很多，例如：多與少、曲與直、強(qiáng)與弱、長與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應(yīng)慎重，對比過強(qiáng)容易破壞美感，影響統(tǒng)一。 和諧是指整個頁面符合美的法則，渾然一體。如果一件設(shè)計作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒有 “ 生命感 ” ，而且也根本無法實(shí)現(xiàn)視覺設(shè)計的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通， 產(chǎn)生心靈的共鳴。這是設(shè)計能否成功的關(guān)鍵。 寧波奔馬特五金工具廠 策劃人： *** 四 、網(wǎng)頁的優(yōu)化 在網(wǎng)頁設(shè)計中，網(wǎng)頁的優(yōu)化是較為重要的一個環(huán)節(jié)。它的成功與否會影響頁面的瀏覽速度和頁面的適應(yīng)性，影響觀者對網(wǎng)站的印象。 寧波奔馬特 網(wǎng)站，文字 和圖片 是頁面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用 css 樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為 12px，顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用 黃 色，這樣不易產(chǎn)生視覺疲勞，能保證瀏覽者較長時間地瀏覽網(wǎng)頁。 圖 片是網(wǎng)頁中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其 size 降至最低，這樣可以成倍地提高網(wǎng)頁的下載速度。利用 Photoshop６或 Fireworks４可以將圖片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為 gif 或 jpeg，要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為 jpeg，而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為 gif，這是由這兩種格式的特點(diǎn)決定的。 表格 (table)是頁面中的重要元素 ,是頁面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對齊方式等參數(shù)。很多時 候，我們將表格的邊框設(shè)為 0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網(wǎng)頁 html原代碼時，是讀完整個 table 才將它顯示出來的。如果一個大表格中含有多個子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點(diǎn)時，等待多時無結(jié)果，按停止 按鈕卻一下顯示出頁面就是這個原因。因此，我們在設(shè)計頁面表格的時候，應(yīng)該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。在使用 Dreamweaver 制作網(wǎng)頁時，會自動在每一個 td 內(nèi)添加一個空字符 “ ”。如果單元格內(nèi)沒有填充其它元素，這個空字符會保留，在指定 td 的寬度或高度后，可以在源代碼內(nèi)將其刪去。 網(wǎng)站結(jié)構(gòu)要清晰，布局要合理，要對主體欄目進(jìn)行分類，子欄目進(jìn)行有序歸類，符合瀏覽和查詢習(xí)慣；網(wǎng)站的系統(tǒng)設(shè)計要做到便于控制、操作簡便。 客戶在一個瀏覽界面中，能夠比較直接的到達(dá)其他欄目區(qū)域。 寧波奔馬特五金工具廠 策劃人： *** 第四部分 系統(tǒng)設(shè)計 一、系統(tǒng)總體構(gòu)架 本網(wǎng)站的建設(shè)主要包括以下幾個功能 ? 信息產(chǎn)品發(fā)布 與管理系統(tǒng) 網(wǎng) 站 功 能 模 塊 列 表 ? 詢盤系統(tǒng) ? 會員管理系統(tǒng) ? 客戶反饋 寧波奔馬特五金工具廠 策劃人： *** 寧波奔馬特網(wǎng)站的欄目框架圖例： 引導(dǎo)頁 關(guān)于奔馬特 生產(chǎn)能力 公司概況 領(lǐng)導(dǎo)寄語 公司榮譽(yù) 質(zhì)量監(jiān)控 開發(fā)技術(shù) 企業(yè)文化 發(fā)展歷程 組織結(jié)構(gòu) 工廠 Factory 銷售 開發(fā) 技檢 生產(chǎn) 車間 產(chǎn)品展臺 營銷網(wǎng)絡(luò) 在線咨詢 人才資源 相關(guān)設(shè)備 廠房環(huán)境 操作人員 來樣加工 二次加工 定制開發(fā) 監(jiān)控體系 監(jiān)控人員 監(jiān)控儀