[互聯(lián)網(wǎng)]網(wǎng)站設(shè)計流程(已修改)
2024-12-19 22:39 本頁面
【正文】 網(wǎng)站規(guī)劃建設(shè)與管理維護 教程與實訓(xùn) 賈春樸 第 4章 網(wǎng)站設(shè)計流程 ◆教學(xué)提示： 前幾章已經(jīng)學(xué)習(xí)了網(wǎng)站的安裝與配置、制作網(wǎng)頁的基礎(chǔ) —— HTML語言，本章將介紹網(wǎng)站的整體設(shè)計流程。 ◆教學(xué)要求： 了解網(wǎng)站的設(shè)計流程，能夠自己獨立確定一個網(wǎng)站的主題及風(fēng)格。掌握網(wǎng)站界面設(shè)計及版面布局的方法。 講解提綱 ? 網(wǎng)站設(shè)計流程 ? 確定網(wǎng)站的類型 ? web站點的主題與風(fēng)格 ? 網(wǎng)站內(nèi)容的確定 ? 網(wǎng)站界面設(shè)計 ? 實訓(xùn)：網(wǎng)上商城的規(guī)劃設(shè)計 ? 習(xí) 題 網(wǎng)站設(shè)計流程 網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息 (包括產(chǎn)品和服務(wù) )的一種方式 ,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是 Inter上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計顯得極為重要，下面是一些網(wǎng)站設(shè)計的大致流程。 (具體內(nèi)容第一章有詳細(xì)介紹 )。 大致流程 ? (1) 明確建立網(wǎng)站的目標(biāo)和用戶需求。 ? (2) 總體設(shè)計方案主題鮮明。 ? (3) 網(wǎng)站的版式設(shè)計。 ? (4) 網(wǎng)站測試和改進。 ? (5) 內(nèi)容更新與溝通。 確定網(wǎng)站的類型 隨著 Inter的飛速發(fā)展，網(wǎng)絡(luò)已經(jīng)或正在成為人們學(xué)習(xí)、工作和生活中不可缺少的一部分，更重要的是Inter潛在的商機已經(jīng)日益顯現(xiàn)。因此，不論個人還是團體，都希望在網(wǎng)絡(luò)中找到適合自己的位置。于是，各種各樣的網(wǎng)站如雨后春筍般地建立起來，綜觀 Inter上數(shù)以百萬計的網(wǎng)站，按照其功能和結(jié)構(gòu)形式大體上可以分為以下幾類。 分類 ? (1) 門戶網(wǎng)站。 ? (2) 普及型網(wǎng)站。 ? (3) 電子商務(wù)類網(wǎng)站。 ? (4) 媒體信息服務(wù)類網(wǎng)站。 ? (5) 辦公事務(wù)管理網(wǎng)站 。 ? (6) 商務(wù)管理網(wǎng)站。 web站點的主題與風(fēng)格 確定網(wǎng)站的主題 確定站點的整體風(fēng)格 確定網(wǎng)站的主題 所謂網(wǎng)站的主題也就是網(wǎng)站的題材?，F(xiàn)在網(wǎng)上比較知名的 10類題材有：網(wǎng)上求職、網(wǎng)上聊天 /ICQ、網(wǎng)上社區(qū) /討論 /郵件列表、計算機技術(shù)、網(wǎng)頁 /網(wǎng)站開發(fā)、娛樂網(wǎng)站、旅行、參考 /資訊、家庭 /教育、生活 /時尚。在選擇網(wǎng)站題材的時候要注意以下幾點 1. 主題要小，內(nèi)容要精 網(wǎng)站的定位要小。如果要想制作一個包羅萬象的網(wǎng)站，把所有認(rèn)為精彩的東西都放在上面，會讓人感覺沒有主題和特色，樣樣都有卻樣樣都很膚淺，而且會沒有足夠的能力去維護和及時更新。 網(wǎng)站的內(nèi)容還得要新穎，創(chuàng)新的內(nèi)容就是網(wǎng)站的靈魂，沒有新穎的內(nèi)容，網(wǎng)站就失去了生命力。 2. 網(wǎng)站的題材最好是自己擅長或者喜愛的內(nèi)容 一個企業(yè)要建立網(wǎng)站，要密切結(jié)合自己的業(yè)務(wù)范圍來選擇內(nèi)容，而不要脫離業(yè)務(wù)主題去搞什么國內(nèi)國際新聞、娛樂動態(tài)等與本身業(yè)務(wù)不相關(guān)的東西，或者為了增加訪問量而去辦一些本身并不熟悉且技術(shù)難度又比較大的欄目，比如網(wǎng)上聊天之類。 3. 題材不要太濫，目標(biāo)不要過高 “太濫”是指到處可見，人人都有的題材，比如免費信息，軟件下載等；“目標(biāo)過高”是指在這一題材上已經(jīng)有非常優(yōu)秀、知名度很高的網(wǎng)站，要超過的話是很難的。 確定站點的整體風(fēng)格 網(wǎng)站的風(fēng)格設(shè)計是最抽象、也是最頭疼的一個問題。許多網(wǎng)站的建設(shè)者都是從事計算機和網(wǎng)絡(luò)技術(shù)的，他們非常熟悉網(wǎng)頁制作技術(shù)，但是卻少有想法創(chuàng)作一個既美觀又有獨特風(fēng)格的主頁。另一方面，專業(yè)的美工師通常都是傳統(tǒng)的美工技術(shù)，對網(wǎng)頁制作技術(shù)和網(wǎng)絡(luò)知識知之甚少，所以不知道如何設(shè)計最適合網(wǎng)絡(luò)傳輸?shù)膱D片。所以，網(wǎng)站的風(fēng)格設(shè)計并不簡單，它是一項綜合的技術(shù)。 風(fēng)格設(shè)計包含的內(nèi)容很多，下面就色彩搭配和 版面布局設(shè)計兩個最為重要的方面來介紹一下網(wǎng)站 的風(fēng)格設(shè)計。 1)色彩的基礎(chǔ)知識 網(wǎng)站的色彩是最影響整體風(fēng)格的因素，也是網(wǎng)站美工 設(shè)計中最令人頭疼的問題。許多網(wǎng)頁設(shè)計者都缺乏色彩搭配 的基本知識，所以在制作網(wǎng)頁之前往往有一個很好的想法， 但是卻不知如何搭配網(wǎng)頁的顏色來表達預(yù)想的效果。因此， 在介紹色彩搭配之前，先來看看色彩的基本知識。 網(wǎng)頁中的顏色通常采用 6位十六進制的數(shù)值來表示，每兩位代表一種顏色，從左到右依次表示紅色、綠色和藍色。顏色值越高表示這種顏色越深，比如紅色，其數(shù)值為“ FF0000” ，白色為“ FFFFFF” ，黑色為“＃ 000000” 。也可以采用 3個以“，”相隔的十進制數(shù)來表示某一顏色，比如紅色，其十進制表示為 Color(255,0,0)。 太陽光是彩色的，按顏色的色調(diào)通常將其劃分為7種顏色：紅、橙、黃、綠、藍、青、紫。如果將這 7種顏色按這個順序漸變?yōu)橐粭l色帶的話，越靠近紅色，給人的感覺越溫暖，越靠近藍色和紫色，給人的感覺越寒冷。所以紅、橙、黃的組合又稱為暖色調(diào)，青、藍、紫的組合又稱為冷色調(diào)。 除了冷暖的差別外，不同的單個顏色也會給人帶來不同的感覺，如下所述。 ? 紅色 =是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動、憤怒、熱情、活力的感覺。 ? 綠色 =介于冷暖兩種色彩的中間，顯得和睦、寧靜、健康、安全的感覺，它和金黃、淡白搭配、可以產(chǎn)生優(yōu)雅舒適的氣氛。 ? 橙色 =也是一種激奮的色彩，具有輕快、歡欣、熱烈、溫馨、時尚的效果。 ? 黃色 =具有快樂、希望、智慧和輕快的個性，它的明度最高。 ? 藍色 =是最具涼爽、清新、專業(yè)的色彩。它和白色混合能體現(xiàn)柔順、淡雅、浪漫的氣氛 (像天空的色彩 )。 ? 白色 =具有潔白、明快、純真、清潔的感受。 ? 黑色 =具有深沉、神秘、寂靜、悲哀、壓抑的感受。 ? 灰色 =具有中庸、平凡、溫和、謙讓、中立和高雅的感覺。 (2) 網(wǎng)站的色彩搭配 ? (1) 網(wǎng)頁色彩搭配的原理 ? 色彩 的鮮明性：網(wǎng)頁的色彩要鮮艷，容易引人注目。 ? 色彩的獨特性：要有與眾不同的色彩，使得大家對你的印象強烈。 ? 色彩的合適性：就是說色彩和表達的內(nèi)容、氣氛相適合，如用粉色體現(xiàn)女性類網(wǎng)站的柔性。 ? 色彩的聯(lián)想性：
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1