1、怎麼設計網頁
網頁設計——根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化),進行網站功能策劃,然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種,精美的網頁設計,對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同,應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的試聽感受。
網頁設計常用的工具包括AI、PS、FL、FW、DW等。
網頁,是網站中的任何一頁面,通常是HTML(是標准通用標記語言下的一個應用)格式(文件擴展名為html、或htm、或asp、或aspx、或php、或jsp等)。網頁通常用圖像檔來提供圖畫,網頁要使用網頁瀏覽器來閱讀。
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁制
作軟體,就能搞好網頁設計了。
其實網頁設計是一個感性思考與理性分析相結合的復雜的過程,它的方向取決於設計的
任務,它的實現依賴於網頁的製作。正所謂「功夫在詩外」,網頁設計中最重要的東西
,並非在軟體的應用上,而是在我們對網頁設計的理解以及設計製作的水平上,在於我
們自身的美感以及對頁面的把握上。
首先,我們要弄清楚網頁設計的任務。
一、設計的任務
設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並
非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。
網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的
任務也不同。從形式上,可以將站點分為以下三類。
第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量
的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的
親和等問題。
第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設
計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然
而就現狀上來看,這類網站有粗製濫造的嫌疑。
第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有
幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對
設計者的美工水平要求較高。
當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘
了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確了設計的任務之後,接下來要想的就是如何完成這個任務了。
二、設計的實現
設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在
紙上完成。第二部分為網頁的製作,這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這里
面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁
面的不同位置。
除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,
只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該
能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、
Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟體。
接下來我們要做的就是通過軟體的使用,將設計的藍圖變為現實,最終的集成一般是在
Dreamweaver里完成的。雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都
是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計
是失敗的。在製作的過程中,我們會碰到許多問題,其中最敏感的莫過於頁面的顏色
了。
四、造型的組合
在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一
個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要
素點、線、面來進行處理。在一幅成功的作品裡,是需要點、線、面的共同組合與搭配
來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、
交叉、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應
根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。
通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感,讓
觀者在感受美的過程中領會設計的主題,從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上
的各種元素有機的組織起來,它甚至還可以引導觀者的視線。
三、色彩的運用
色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅
色是火的顏色,熱情、奔放;也是血的顏色,可以象徵生命。黃色是明度最高的顏色,
顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象徵安寧和
平與安全,如綠色食品。紫色是高貴的象徵,有莊重感。白色能給人以純潔與清白的感
覺,表示和平與聖潔。
我們知道,顏色是光的折射產生的,紅、黃、藍是三原色,其它的色彩都可以用這三種
色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們
的作品更貼近現實。
色彩代表了不同的情感,有著不同的象徵含義。這些象徵含義是人們思想交流當中的一
個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水
平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義,和不同的顏色搭配,它所表現出來的效果也不同。比如
綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、
淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配
則會給人帶來暖意。設計的任務不同,配色方案也隨之不同。考慮到網頁的適應性,應
盡量使用網頁安全色。
但顏色的使用並沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經
驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和
對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目
的視覺效果。
五、設計的原則
設計是有原則的,無論使用何種手法對畫面中的元素進行組合,都一定要遵循五個大的
原則:統一、連貫、分割、對比及和諧。
統一,是指設計作品的整體性,一致性。設計作品的整體效果是至關重要的,在設計中
切勿將各組成部分孤立分散,那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫,是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表
現形式上的相互呼應,並注意整個頁面設計風格的一致性,實現視覺上和心理上的連貫
,使整個頁面設計的各個部分極為融洽,猶如一氣呵成。
分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目了
然。在信息量很多時為使觀者能夠看清楚,就要注意到將畫面進行有效的分割。分割不
僅是表現形式的需要。換個角度來講,分割也可以被視為對於頁面內容的一種分類歸
納。
對比就是通過矛盾和沖突,使設計更加富有生氣。對比手法很多,例如:多與少、曲與
直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、
聚與散等等。在使用對比的時候應慎重,對比過強容易破壞美感,影響統一。
和諧是指整個頁面符合美的法則,渾然一體。如果一件設計作品僅僅是色彩、形狀、線
條等的隨意混合,那麼作品將不但沒有「生命感」,而且也根本無法實現視覺設計的傳
達功能。和諧不僅要看結構形式,而且要看作品所形成的視覺效果能否與人的視覺感受
形成一種溝通,產生心靈的共鳴。這是設計能否成功的關鍵。
六、網頁的優化
在網頁設計中,網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速
度和頁面的適應性,影響觀者對網站的印象。
在資訊類網站中,文字是頁面中最大的構成元素,因此字體的優化顯得尤為重要。使用
css樣式表指定文字的樣式是必要的,通常我們將字體指定為宋體,大小指定為12px,
顏色要視背景色而定,原則上以能看清且與整個頁面搭配和諧為准。在白色的背景上,
我們一般使用黑色,這樣不易產生視覺疲勞,能保證瀏覽者較長時間地瀏覽網頁。
圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低
,這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切
成小塊,分別進行優化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們
把有較為復雜顏色變化的小塊優化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優
化為gif,這是由這兩種格式的特點決定的。
表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、
高度、邊框、背景色、對齊方式等參數。很多時候,我們將表格的邊框設為0,以此來
定位頁面中的元素,或者籍此確定頁面中各元素的相對位置。我們知道:瀏覽器在讀取
網頁html原代碼時,是讀完整個table才將它顯示出來的。如果一個大表格中含有多個
子表格,必須等大表格讀完,才能將子表格一起顯示出來。我們在訪問一些站點時,等
待多時無結果,按"停止"按鈕卻一下顯示出頁面就是這個原因。因此,我們在設計頁面
表格的時候,應該盡量避免將所有元素嵌套在一個表格里,而且表格嵌套層次盡量要
少。在使用Dreamweaver製作網頁時,會自動在每一個td內添加一個空字元「 」。如果
單元格內沒有填充其它元素,這個空字元會保留,在指定td的寬度或高度後,可以在源
代碼內將其刪去。
網頁的適應性是很重要的,在不同的系統上,不同的解析度下,不同的瀏覽器上,我們
將會看到不同的結果,因此設計時要統籌考慮。一般我們在800*600下製作網頁,最佳
瀏覽效果也是在800*600解析度下,在其它情況下只要保證基本一致,不出現較大問題
即可。
說了這么多,只是希望能對做「網頁設計」的人有所幫助,希望他們在做網頁的時候能
夠從整體著眼,無愧於「設計」這兩個字。順便說一下,本文只代表本人個人觀點,僅
供參考。
對於網頁的框架與定位,這個是很難說得清楚的,這要看你在做網站時,對網站的
規劃,並不能一並而論的,如果你沒有這方面的經驗,就多多在網上看看別人是如何設計
的吧,是非常的用的,可以把他們給抓下來,做個圖庫,方便自己設計
其實看看一些設計精良的網頁,會對自己有很大的作用,
把別人的網頁下載下來,再用相關的軟體,進行分析,
可以學到許多的東西的,是一種快捷的學習方法,
但決不是COPY
我認為首要的是突出主題
一個好的網站(個人的只能算做網頁)最首要的是突出你的主題,在別人搜索或訪問時首
先就看有沒有自己所需要的內容,要麼就直奔主題.然後再在主題鮮明的基礎上做好框架
設計.一個好的網站要做到層次分明,結構合理,讓人一看就能明白你想要表達的中心思
想是什麼,以及怎樣才能以以最快的速度找到自己想要的內容.這兩個主要問題解決後再
在一些細節上加以潤色,就能製作出賞心悅目的網站.
2、如何設計一個簡單的網頁?
直接使用DW軟體做一個,簡單快捷
3、怎麼製作一個網頁
要領一:確定網站主題
做網站,首先必須要解決的就是網站內容問題,即確定網站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材:第1類:網上求職;第2類:網上聊天/即時信息/ICQ;第3類:網上社區/討論/郵件列表;第4類:計算機技術;第5類:網頁/網站開發;第6類:娛樂網站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續細分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者,你可以有自己的見解,做出自己的特色;二者,在製作網站時不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有創作熱情,很難設計製作出優秀的作品。
對於內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖製作一個包羅萬象的站點,這往往會失去網站的特色,也會帶來高強度的勞動,給網站的及時更新帶來困難。記住:在互聯網上只有第一,沒有第二!
要領二:選擇好域名
域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站,其所有建設的價值,都凝結在其網站域名之上。失去這個域名,所有前期工作就將全部落空。
目前,做個人網站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網易的虛擬域名服務,其實這對個人網站的推廣與發展很為不利,不光是它「適時」開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網站,而且也妨礙了網頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網站的第一筆財富,要把域名起得形象、簡單、易記。
要領三:掌握建網工具
網路技術的發展帶動了軟體業的發展,所以用於製作Web頁面的工具軟體也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具,各種各樣的Web頁面製作工具,下面是幾款具有代表性的網頁製作器:
(1)HTML編輯器。雖然HTML代碼復雜,編輯和調試要花費大量的時間,但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果,仍受高級網頁製作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復雜頁面創建及高級HTML規范,使用較為普遍的有Hotdog等專業HTML編輯器。
(2)所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕松編制網頁。而且,Frontpage還能解析網頁的HTML源代碼,並提供了預覽支持。但Frontpage的一些特殊顯示功能並不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁製作人員使用的工具軟體。
(3)現在非常流行的 Macromedia公司出品的Flash互動網頁製作工具。這是是一款功能非常強大的互動式矢量多媒體網頁製作工具。能夠輕松輸出各種各樣的動畫網頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;並且由於Flash編制的網頁文件比普通網頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態Web製作的工具。
另外,個人網站製作者還需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對於常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫製作工具以及矢量繪圖工具,並能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬體和網路知識也是必備的。
當然,互聯網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片製作技術。所以,為了省卻這些麻煩,網站製作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。
要領四:確定網站界面
界面就是網站給瀏覽者的第一印象,往往決定著網站的可看性,在確定網站的界面時要注意以下三點:
①欄目與板塊編排
構建一個網站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網站建設初學者,最容易犯的錯誤就是:確定題材後立刻開始製作,沒有進行合理規劃。從而導致網站結構不清晰,目錄龐雜混亂,板塊編排混亂等。結果不但瀏覽者看得糊里糊塗,製作者自己在擴充和維護網站也相當困難。所以,我們在動手製作網頁前,一定要考慮好欄目和板塊的編排問題。
網站的題材確定後,就要將收集到的資料內容作一個合理的編排。比如,將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引,索引應該將網站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是:
●盡可能刪除那些與主題無關的欄目;
●盡可能將網站內最有價值的內容列在欄目上;
●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內容,如站點簡介、版權信息、個人信息等大可不必放在主欄目里,以免沖淡主題。
另外,板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET矽谷動力(www.enet.com.cn)的站點分新聞、產品、游戲、學院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內容較少,只要分個欄目也就夠了,不需要設置板塊。如果有必要設置板塊的,應該注意:
●各板塊要有相對獨立性;
●各板塊要有相互關聯;
●各板塊的內容要圍繞站點主題;
②目錄結構與鏈接結構
網站的目錄是指建立網站時創建的目錄。例如:在用Frontpage建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題,大多數站長都是未經規劃,隨意創建子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的維護,以後內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排,比如:
●不要將所有文件都存放在根目錄下。有網站製作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率;上傳速度變慢,伺服器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那麼即使只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。
●按欄目內容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:網站簡介、站長情況等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內容也最好放在一個目錄下,便於維護管理。
●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。
其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便於記憶;盡量使用意義明確的目錄,以便於記憶和管理。
網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點並不是分布在一個平面上,而是存在於一個立體的空間中。一般的,建立網站的鏈接結構有兩種基本方式:
●樹狀鏈接結構(一對一),這類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出,條理比較清晰,訪問者明確知道自己在什麼位置,不會「不知身在何處」,但是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須回到首頁再進行。
●星狀鏈接結構(一對多),類似網路伺服器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達自己喜歡的頁面。但是由於鏈接太多,容易使瀏覽者迷路,搞不清自己在什麼位置,看了多少內容。
因此,在實際的網站設計中,總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。關於鏈接結構的設計,在實際的網頁製作中是非常重要一環,採用什麼樣的鏈接結構直接影響到版面的布局。
③進行形象設計
網站的設計可以從以下幾點出發:
●設計網站標志(LOGO)。LOGO是指網站的標志,標志可以是中文、英文字母,也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如:網站內有代表性的人物、動物、植物,可以用它們作為設計的藍本,加以卡通化或者藝術化;專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志,採用不同的字體、字母的變形、字母的組合可以很容易製作好自己的標志。
●設計網站色彩。網站給人的第一印象來自視覺沖擊,不同的色彩搭配產生不同的效果,並可能影響到訪問者的情緒。「標准色彩」是指能體現網站型象和延伸內涵的色彩,要用於網站的標志,標題,主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用,但應當只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網站的標准色彩不超過3種,太多則讓人眼花繚亂。適合於網頁標准色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。
●設計網站字體。和標准色彩一樣,標准字體是指用於標志,標題,主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的「與眾不同」和特有風格,可以根據需要選擇一些特別字體。製作者可以根據自己網站所表達的內涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,那麼辛苦設計製作便可能付之東流了。
●設計網站宣傳語。也可以說是網站的精神、主題與中心,或者是網站的目標,用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站,進行對外宣傳,可以收到比較好的結果。
要領五:確定網站風格
「風格」是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志,色彩,字體,標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素,網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網站獨有的,這就形成了網站的「風格」。
風格是有人性的,通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執著熱情的;是活潑易變的,還是墨守成規的。
總之,有風格的網站與普通網站的區別在於:在普通網站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風格的網站上你可以獲得除內容之外的更感性的認識,比如站點的品位,對瀏覽者的態度等。
在明確自己想給人以怎樣的印象後,要找出網站中最有特色的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化、宣傳。總之,風格的形成不是一次定位的,你可以在實踐中不斷強化、調整、改進。
要領六:有創意的內容選擇
好的內容選擇需要有好的創意,作為網頁設計製作者,最苦惱的就是沒有好的內容創意。網路上的最多的創意即是來自於虛擬同現實的結合。創意的目的是為了更好的宣傳與推廣網站,如果創意很好,卻對網站發展毫無意義,那麼,網站設計製作者也應當放棄這個創意。另外,主頁內容是網站的根本之所在,如果內容空洞,即使頁面製作地再怎樣精美,仍然不會有多少用戶。從根本上說,網站內容仍然左右著網站流量,內容為王(Content Is King)依然是個人網站成功的關鍵。
要領七:推廣自己的網站
網站的營銷推廣在個人網站的運行中也占著重要的地位,在推廣個人網站之前,請確保已經做好了以下內容:網站信息內容豐富、准確、及時;網站技術具有一定專業水準,網站的交互性能良好。一般來說,網站的推廣有以下幾種方式:
(1)搜索引擎注冊與搜索目錄登錄技巧
注冊著名的搜索引擎站點是在技術上推廣網站的第一步。注冊搜索引擎有一定的技巧,像AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別Frame,所以一定要提交有內容的Main頁面。
而像Yahoo、搜狐等搜索目錄網站採用手工方式收錄網址,以保證收錄網站的質量,在分類查詢時獲得的信息相關性比搜索引擎站點(靠Spider自動搜索的)更強。由於搜索目錄網站收錄網站的人為因素相對較多,因此在提交網站時要注意遵守規則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意:將網址提交到最合適的目錄下面,要認真詳細的介紹網站,千萬不要有虛假、誇張的成分。
(2)廣告交換技巧
很多個人站點在相互廣告交換時都提出了幾個條件:第一,訪問量相當;第二,首頁交換。顯而易見,這種做法是為了充分利用廣告交換。以很多個人網站的經驗,當與一個個人站點交換鏈接時,對方把網站的LOGO放到了友情連接一頁,而不是首頁時,很少有訪客會來
4、項目答辯,自己做了一個關於動物的網站,要怎麼向別人介紹。在線等 急!
幾種方法:
(1)報紙登廣告;需要一定量的資金投入。
(2)通過報紙發行,在部分報紙內夾雜廣告單頁;小資金投入。
(3)微信朋友圈,qq群推廣;幾乎零投入。
(4)通過百度等搜索引擎通過購買關鍵詞推廣,這個效果最好,但投入相對要大一些。
5、怎麼做一個網頁(網頁設計作業)
jsp+美工+編程
當人們訪問你的站點時,他們都會立即下意識地判斷:這個站點怎麼樣?值不值的當回事兒?是否值的把他加入到我的bookmark中去,要知道,在網路信息的虛擬世界裡,互聯網提供了天下大同的機會,同時也讓這個虛擬世界充斥著數不清的商業站點、垃圾站點,大多數站點缺乏靈魂、主旨,東一榔頭西一棒子,鬆散、混亂,原因就在於缺乏策劃設計。因此要想使你的網站從那些數不清的站點中脫穎而出,就必須對整個站點作好統籌安排,規劃,對所有的內容進行細意斟酌,把所有的意念合情合理的組織起來設計一個合理的頁面樣式。下面我們就具體的來探討一下網站策劃設計.
一、 首先確定web站點的營銷目標:
1)、市場調查階段
了解一下目前internet的發展狀況以及同類站點的發展、經營狀況,吸取他們的長處,找出自己的優勢,對市場作個調查,明確自己網站的主題,尋找一個好的出發點。
2)、你設想中的網站規模有多大?
作網站並不是盲目的想做多大就作多大,而要根據自身的現階段能力,以及企業的規模大小,確定你的網站是小型、中型、大規模的網站,還是從小規模的開始,然後逐步發展。這主要的是關繫到網站的後期維護以及網站的發展方向來考慮的。
3)、確定網站的類別,你希望網站有怎樣的設計特色
根據主題、形式以及本身企業的特點,網站的設計也有不同的類別,大概可分為:以內容為主,設計為輔,注重速度這種大型的專業網站,它一般體現在專業的 icp,isp供應商製作的網站,在設計這類網站時不要太花哨,應注重信息量;第二種大多數企業為了更好的宣傳自己的產品,擴大銷路,使自己的產品走向世界,提高自己企業的形象而製作的網站,這種網站製作應結合本身產品特點而製作的特色網站,相對來說比較注重產品的營銷;第三種是形象類的網站,一般這種網站相對體現在政府部門,作為對外一個窗口,相對來說這種網站設計比較嚴肅;第四種是個人主頁網站,這種網站相對比較自由,不受什麼約束,可以根據每個人自己的特長自由發揮。因此我們在製作主頁時先明確自己的定位方向,設計出適合自己的站點。
4)、你的主要目標受眾是誰?
根據網站的類別不同,目標受眾也不一樣,有工商業者、專業人士、學生;女性,男性;兒童,青少年,中年人,老人;還是所有的人,比如教育類的網站相對來說是目標受眾是院校的老師和學生。化裝類、護膚產品類的網站相對來說是女性等。
5)、確定整個網站的整體風格
其實,這個原則和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、注腳什麼的,都要統一風格,貫穿全站。這樣子讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。
舉個簡單例子。如果你在列示一二三四若干條的情況下,在每條前面用黑圓點加強視覺效果,那麼其他類似地方,也應該用保持同樣的風格。色彩斑斕的站點,尤其要注意風格的統一。顏色可以變,不過字體、主體文本對齊風格、標題、背景效果以及特殊圖像效果等等都應保持統一。
很多缺乏編輯、出版背景的網友,很容易忽視這點,特別是網頁一多,更容易忘。
6)、你准備投入多少資金、如何經營這個網站?
對所作的網站大概的作個估價,需要多少資金,你准備投入多少資金來運營這個網站,假設網站製作好以後如何經營這個網站,是全部由自己來做,還是委託專業服務來做,自己定期指導,還是設定要求、目標完全由別人代勞。這是不可忽略的問題,如果一個網站前期作的再好,後期沒人維護也是空的,就好比一條剛建好的街道,乾乾凈凈的,人們也比較喜歡來這里逛街,日久了,人走的人多了,垃圾多了這時沒人來管里,這樣垃圾越堆越多,走的人肯定也越來越少了。日久了也逐漸被人遺忘了。網站經營也是這個原理。
7)、根據目標框架整理出站點的內容框架以及邏輯結構圖
①把目標細化以整理出站點內容框架
基本確定的目標,您就應該把目標細化,並初步整理出為達到這些目的,站點所需要包含的所有內容了。例如,站點應該發布希么信息,站點需要提供什麼應用程序,等等。然後,你應該把初步定下的內容綱要寫下來,交給上級或業務人員審核批准。這實際上就形成了站點設計的需求報告。在你的內容綱要里,還應該註明這些內容的信息來源,哪個部門應該提供哪方面的信息。把這些羅列下來,會使得上級以及各個相關部門清楚"誰應該為這些內容負責"。
②進一步整理出站點邏輯結構圖
定下內容綱要後,你應該能夠大致畫出站點的結構圖了。結構圖也有很多種,順序結構,網狀結構,繼承結構,WEB結構等,應依據你的內容而定。例如,如果你是在編一個教程,那麼可能用表示順序的流程圖就比較合適。多數復雜的網站會綜合應用到幾種不同的結構圖。畫出結構圖的目的,主要是便於有邏輯地組織站點和鏈接,同時,將來你會用這個圖去分配工作和任務。例如:
你可以告訴某個開發人員,讓他完成結構圖中某個分支的內容;
你可以把這個圖遞交給業務人員,告訴他們哪些頁面,需要他們進一步提供內容或資料;
你可以把結構圖給專業美工看,讓美工人員考慮以什麼樣的形式來表現你要表達的內容等等。
簡而言之,這個框架圖,將為你下一步進行工作分配,人員安排提供依據。
二、 網站製作過程中把握的幾點
1)、重點信息放在突出醒目的位置,整個網站空間排序適當
一個網站很重要的就是標題,標題就像路牌一樣,人家在你的網站上逛來逛去,全靠它指路了。給人的第一印象是否能夠馬上注意到標題,標題要意義清晰、描述性強,把最吸引人的地方放在突出顯眼的位置,然後再慢慢展開。或者說,把你的獨特內容包裹成一個懸念,吸引人家注意。讀者看一篇文章,前三段注意力最集中,如果這「寸土寸金」的前三段用不好,人家就要和你拜拜嘍!
留出可調整的位置,用於滿足臨時性或短期營銷活動的宣傳需要。如,福州電信局12月11日舉辦的「福建省首屆信息網路展示會」展覽,需要在網頁中放在最突出的位置。這就需要調整原有的結構,既讓新的內容有突出的體現,還要不至於淹沒其他重點。
在每屏中的文字與圖形的布局既要考慮到重點的突出,還要給人以和諧的感覺。不能讓圖形淹沒文字,也不能圖形太少而讓人覺得單調。視覺的吸引和誘惑力是不能低估的。 文字內容和圖片搭配要和諧。
2)、網頁應該易懂,控制沒個模塊的信息量。 網頁要易讀、易懂。
網站設計最重要的訣竅,恐怕就是你的網頁要易讀。 花時間和心思來規劃文字和背景顏色的搭配方案。勿使背景沖淡了文字的視覺效果。
這就意味著,你必須花點心思來規劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果,別用花里胡哨的色彩組合,讓人看起你的網頁來很費勁。一般來說,淺色背景下的深色
這個原則也意味著,你最好別把文字的規格設得太小、也不能太大。文字太小,人家讀起來難受;文字太大,或者文字視覺效果變化頻繁,像是沖著人大喊大叫,看起來不舒服。
另外,最好讓文本左對齊,而不是居中。按當代中文的閱讀習慣,文本大都居左的。當然,標題一般應該居中,因為這符合讀者的閱讀習慣。
網頁的內容最好能夠開門見山,讓瀏覽者在最短的時間內了解你的網頁的內容。在內容上著筆盡量要細致,讓人家能在最短的時間內,了解你想呈現給人家什麼。給人家一幅清晰的畫卷,別雲山霧罩的。開門見山,直接了當。大家都知道,網友的耐心尤其少。你能提供的信息或許對他們有裨益,但如果要人家沒完沒了地翻下去才能找到,恐怕極少有人有這份耐心。
立體規劃內容。將所有的結構按照一定的框架結構分別納入不同的頁面。
立體規劃內容,將所有部分按一定的構架各就其位、分別納入不同層次的頁面。注意先要把最重要的內容放到首頁上,其他的依次就緒。
然後,你就可以勾劃頁面藍圖、編HTML了。就文本內容的表現而言,記住盡量別讓其一行文字的寬度,橫跨整個屏幕。段落一多,這樣子看起來很費勁,而且別人的瀏覽器還可能和你的差別很大。最好別超過屏幕寬度的一半。
文字的寬度,最好別超過屏幕寬度的一半。
3)、網頁頁面越小越好,最好別超過50k,盡量精簡
上網的人追求的是速度。所以頁面的大小是非常重要的,如果你的網站主要是為了提供消息內容,那麼在最短的時間內呈現出來你的內容,別人會更加舒心的查看你的網站。
別使速度影響了你的效率,要知道,很多人是沒有耐心的。網頁的速度最好控制在十秒以內。或者更快。
有研究顯示,如果一個網站頁面的主體在15秒之內顯現不出來,訪客會很快失去對該站的興趣。當然,也有例外,比如內容實在太精彩,人家不去不行。再像視覺藝術類站點,也不能以「快」為唯一設計標准。不過,即使這類站點,也該在加個導引頁,給讀者一個提示,別不理睬人家的心情。但是大多數網站還是以內容為主,大部分人感興趣的還是信息量,追求的是速度。
要限定頁面的大小,就得從各個角度考慮節省。最大的一頭是圖像,有的好東西,只得割愛了。想想看,在創意表達、品牌形象、掙錢幾個目標之中,哪個最重要?
4)、網站導航要清晰,容易查找,
所有的超鏈接應清晰無誤地向讀者標識出來,所有導航性質的設置,像圖像按鈕,都要有清晰的標識,讓人看得明白,千萬別光顧視覺效果的熱鬧的,而讓人家不知東西南北。 所有的導航條都要非常清晰明確的讓瀏覽者看出來。
鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色。如果你一定要別出心裁,鏈接的文本就要想著以什麼方式加以突出,比如說加粗體?加字型大小?兩側加豎標?或者幾者兼用。總之,文本鏈接一定要和頁面的其他文字有所區分,給讀者清楚的導向。
鏈接文字要重點突出;
清晰導航還要求:讀者進入目的頁的點擊次數,不能超過三次。如果三次以上還找不到,人家可就沒有耐心陪你玩了!
三、 網站推廣
網上世界黑漆無邊,你怎麼讓人家找到你?很多有些經驗的網友知道這個問題的份量,不過對於一波一波興奮上網的新手,他們腦中的概念大多是:「有了網站,自然有人來」。不怪他們,商家們的欺騙宣傳太成功了,他們哪裡知道,網上有數不清的網站像「無人區」一樣死寂。因此我們在作好網站以後,後期的推廣宣傳工作也不可忽略,主要的可以從以下幾個方面來宣傳。
1)、傳統媒體:廣播、報紙、電視都是很好的方法。現在我們已經看到很多在傳統媒體中的商家廣告,就是以網址為廣告內容的主體。同時,商家所有的印刷品,包括名片,都是宣傳網址的良好介質。
2)、網際網路本身的方法:諸如導航台、新聞組、電子郵件群組、圖標廣告、分類廣告等等,都是宣傳網址的好方法。提高你網站在導航站點的排名、Banner廣告、有技巧得利用傳統媒體、BBS、新聞組都是獲取潛在用戶注意力的手段。 充分利用網頁的交互性,增強與客戶之間的聯系,及時得到客戶的反饋信息,了解客戶的需求,不斷的改進網站,提高整個網站的信譽。
孫子曰:「夫未戰而廟算勝者,得算多也;未戰而廟算少者,得算少也。多算勝,少算不勝,而況無算乎?「這里的廟算就是我們講的謀略,也就是今天所講的策劃。
策劃是一種能力,是一種謀略,一種技巧,一種手段,一個計劃,一次革命!
策劃就是設計。人們稱鄧小平為「改革開放的總設計師」,實際上也就是對策劃、策劃實踐的一次歷史性確認。
真正的策劃人是一個復合型人才,必須掌握:經濟學、哲學、心理學、傳播學、營銷學、管理學等,以及具體的如戰略、競爭、策略、計劃、市場調查、市場渠道設計、品牌經營、企業規劃,甚至人力資源以及整個國家和世界的動態和發展趨勢。
6、設計一個網頁的一般流程是什麼樣的?
跟客戶粑粑多聊多問,知道客戶粑粑的需求,當然,他有理想的參考網站那是最好的,可以省去很多力氣。
你要知道固定尺寸,比如說:pc端網頁需求常用尺寸:一般常用1920px,1440px,1366px,1280px,1200px,1136px,1080px等尺寸吧,為什麼會有這樣的尺寸呢,因為要適應不同的廠家生產的顯示器的正常尺寸,台式機常規尺寸一般在1920px,筆記本可能就1440px-1080px之間了,所以設計網頁首先考慮的就是適應不同顯示器尺寸,尺寸適應越好,說明兼容越好,設計可以說是越成功。
除了pc端以外,考慮第第二個適應就是移動端的尺寸,常用尺寸是:340px,640px,720px,1080px,這個根據甲方對圖片與瀏覽速度需求做出適當選擇,舉例:640px常規網站佔用開啟速度可能是0.5秒全開,因為640px的網站本身比較小,所以打開速度快,客戶使用友好,但是解析度低了,客戶視覺感就差,設計1080px打開速度就慢,可能1.5秒,客戶體驗感就相對差,但解析度高,客戶視覺效果就會好。
上面兩個考慮好了以後,考慮字體大小以及顏色,如何能讓字體舒適的展示給客戶,這里提出一個參考,pc端建議字體大小12-18px之間,移動端參考640px尺寸的字體大小建議18px-26px之間,顏色反差盡量不要太大,因為顏色反差大了不適合人的正常閱讀。
上面三個考慮好了以後,需要知道客戶粑粑是做哪種網站,常規就三種,企業展示站(企業里用的對外展示的),信息站(58,趕集那種的),商城站(一般小程序做的較多,網站也有搞得,你可以理解為做一個新的淘寶站)。
首先是考慮導航欄,做什麼樣的站去參考類似站的導航欄是什麼樣子的,如果這里參考別人都不會,建議停下來看會教程吧。
其次是做banner/輪播圖,每個網站都需要做輪播圖,甭管是打廣告還是什麼,banner都是必不可少的,這個地方搞不了,去學ui設計吧。
參考別人的頁頭頁腳怎麼搞。
然後就是內容了,把每一頁的按照順序設計排版好久ok了。
做完後給客戶粑粑過審。
注意:這里說的是設計網頁,不是製作網頁。
7、如何製作一個簡單的網頁 求大神
建站需要域名,伺服器和建站程序
域名和伺服器可以用騰訊雲的,大服務商比較穩定
建站程序可以用常用的開源程序來做的,如pageadminCMS,wordpress等等
網上資源很多,教程也很多,新手也容易上手,如果找不到好的,可以直接某寶幾塊錢可以買上千個模板,直接套模板建站,好看實用,後期再在原模板上做修改調整或者開發
建站大概流程就是
域名實名認證,伺服器如果是國內的先備案,都可以在服務商後台操作的
都好了之後,域名解析到伺服器
伺服器配置環境,win系統直接用寶塔配置換,PHP+MYSQL+IIS就可以的
伺服器開設空間,綁定域名和開設資料庫,這個都用寶塔來操作
上傳網站程序到開設空間對應的文件夾里
訪問域名搭建網站
網上都可以找到對應的教程 的,新手還是比較容易上手的哈
安全方面,伺服器要再裝一個安全狗,這樣網站不容易被入侵
8、如何用網路製作做一個寵物顏色搭配網站
至於色彩搭配,不是在這空口說白話的,要根據不同的構思不同的搭配,需要結合深入的色彩搭配經驗,不是說憑一個寵物用品四個字就出來搭配的。不同的公司不同的產品品牌,都有不同的適合自己產品的設計方案。設計。是綜合性很強的技術,不是看四個字就出來的。
網站的幾個基本組成元素:域名+空間+程序+模板+維護經驗+日常管理.網站建設 是一個綜合性的技巧,小說網站也不例外,這個就像種菜,並不是說看個操作流程就一定會種菜,還要土壤,水肥,氣候,直接間接的相關知識都做足夠的了解,才能真正去操作,最終還要一個好的服務商。
以十幾年的企業網建運維網商系統經驗,網站=域名+伺服器空間+網站程序+售後服務,網站就像一個家:
【域名】:網址 就相當於家的住址。記住和找到家所在的位置。
【空間】:就是蓋房子的基礎 土地 環境 等。
【程序】:就是家的主體框架,是整個家的運轉中心。
【模板】:網站的美化 就是家的裝修,當然因人而異有人不裝修原汁原味也可以。
【維護】:技術性維護就像安居樂業的保安和堅實後盾。
【勤勞】:是整個家可以穩定持續運轉極其重要的部分,家裡所有的東西都要靠勤奮去填充,增加新鮮,讓大家覺著你家很好 很充實。
這是一個完美網站的所有,有能力和經驗的可以全部自己做好,沒有相關經驗的部分可以找專業的技術團隊協助。有一個非常直接的真理:用合適的成本,找合適的人,去做合適的事...這是大自然發展的規律。
域名,由域名中心統一管理,諸多代理商銷售推廣,可以聯系任何一家代理商在線付款注冊。空間,伺服器,尋找有資質的服務商選購和自己網站規劃搭配的配置,切記,夠用即可,現在的伺服器大多可以無縫升級,沒有必要為未來的想法預消費,需要的時候再升級即可。關鍵是商家的信譽,資歷,多年經驗的優先考慮。
模板程序維護等,技術方面,最好找專業技術團隊協助運作,避免出現問題網站故障臨時找人抱佛腳。影響就大了。具體可以聯系我們綜合分析你的需求,給你提供方案和細節參考。
9、求一個dw網頁設計作業,關於動物園的,有6個網頁鏈接,簡單的就行!急急急
你可以把你們老師的具體要求發出來,根據你們老師的要求來做,一般來說也還是很簡單的。