1、原生app設計要注重web安全色嗎
由於硬體設備多樣化,各種版本的手機,各種顯示屏,retina屏等等的差異,建議考慮安全色的搭配,當然並不是說一定要全部使用安全色,但是需要控制安全色和自定義色的差異。
細微的屏幕差別,色彩在不同設備上會 有所差異,在設計的時候要多方考慮,比如藍色,綠色,灰色,橘黃色,它們在不同性能的顯示屏下會有差異,甚至你使用的灰色可能直接變成白色。
所以盡量考慮安全色,不要太信任你的用戶!!!
盡量使用雙顯示屏,其中一個顯示屏具備retina或者蘋果級別的高亮的色彩性能,另一個顯示屏的整體亮度,飽和度等稍微低一些,設計時一對比就能很快找到差距,然後可以在色彩上做出更好的決斷。
記得,不要信任你的用戶!!!
這並不是保守,而是一種態度,色彩的控制力和調整方式也是一項技能,掌握這項技能,你的色彩能更好的跨不同的顯示屏展示大致相同的效果。
2、現在網頁設計選顏色的時候還需要考慮web安全色嗎
?
3、你是如何設計一個網站的?
用戶打開網站之後的第一印象很重要,網站的風格一定程度上能夠提升企業的格調和品牌形象,網站的風格也會有變化的,現在比較流行扁平化設計,可能過些年設計風格就變了,那個時候可能網站就要重新進行設計了。網站的局部也很重要,如果網站的布局很亂,內鏈設置很亂,對用戶而言,很難有良好的用戶體驗。
如果一個網站的打開速度過慢,用戶有很大的概率在網站還沒打開之前就已經關閉了。所以一個網站的打開速度是非常重要的,這在建設網站初期購買伺服器空間、開發等環節就要注意到,盡可能的保障網站的流暢性,提升用戶體驗才能更好的留住用戶。
高質量的內容是留住用戶的重要條件,用戶在瀏覽網站時,能從網站中看到自己想要的,得到對自己有用的東西,網站才能更加有吸引力。
4、關於VI設計和安全標識顏色的困惑!!!求助!!!!
安全色是表達安全信息的顏色,表示禁止、警告、指令、提示等意義。應用安全色使人們能夠對威脅安全和健康的物體和環境作出盡快的反應,以減少事故的發生。安全色用途廣泛,如用於安全標志牌、交通標志牌、防護欄桿及機器上不準亂動的部位等。安全色的應用必須是以表示安全為目的和有規定的顏色范圍。安全色應用紅、藍、黃、綠四種,其含義和用途分別如下;
紅色表示禁止、停止、消防和危險的意思。禁止、停止和有危險的器件設備或環境塗以紅色的標記。如禁止標志、交通禁令標志、消防設備、停止按鈕和停車、剎車裝置的操縱把手、儀表刻度盤上的極限位置刻度、機器轉動部件的裸露部分、液化石油氣槽車的條帶及文字,危險信號旗等。
黃色表示注意、警告的意思。需警告人們注意的器件、設備或環境塗以黃色標記。如警告標志、交通警告標志、道路交通路面標志、皮帶輪及其防護罩的內壁、砂輪機罩的內壁、樓梯的第一級和最後一級的踏步前沿、防護欄桿及警告信號旗等。
藍色表示指令、必須遵守的規定。如指令標志、交通指示標志等。
綠色表示通行、安全和提供信息的意思。可以通行或安全情況塗以綠色標記。如表示通行、機器啟動按鈕、安全信號旗等。
國家標准GB2893―82《 安全色》對安全色的含義及用途、照明要求、顏色范圍以及檢查與維修等均作了具體規定。
國家標准GB6527.2―86 《 安全色使用守則》作了進一步說明,並給出了具體使用實例。
根據《安全色》(GB2893-2001),國家規定了四種傳遞安全信息的安全色:紅色表示禁止、危險;黃色表示警告、注意;藍色表示指令、遵守;綠色表示通行、安全。在民爆行業正確使用安全色,可以使人員能夠迅速發現或分辨安全標志,及時得到提醒,以防止事故、危害發生。
點評 本帖共有 0 個人對此評論
收起
5、建築施工現場安全色標有四種,分別代表什麼?
中國國家標准GB2893―82規定紅、藍、黃、綠四種顏色為安全色.其含義和用途:
1、紅色表示版禁止、停止,權用於禁止標志、停止信號、車輛上的緊急制動手柄等;
2、藍色表示指令、必須遵守的規定,一般用於指令標志;
3、黃色表示警告、注意,用於警告警戒標志、行車道中線等;
4、綠色表示提示安全狀態、通行,用於提示標志、行人和車輛通行標志等。
(5)網站設計安全色擴展資料:
注意事項
1、在一經合閘即可送電到工作地點的開關和刀閘的操作把手上,均應懸掛白底紅字的「禁止合閘,有人工作」標示牌。
2、在室外和室內工作地點或施工設備上懸掛綠底中有直徑210mm的圓圈,黑字寫於白圓圈中的「在此工作」標示牌。
3、在工作人員上下的鐵架、梯子上懸掛綠底中有直徑210mm白圓圈黑字的「從此上下」標示牌。
4、在工作人員上下的鐵架臨近可能上下的另外鐵架上,運行中變壓器的梯子上懸掛白底紅邊黑字的「禁止攀登,高壓危險!」標示牌。
6、怎樣製做網頁
怎樣設計網頁
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體,就能搞好網頁設計了……
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體,就能搞好網頁設計了。
其實網頁設計是一個感性思考與理性分析相結合的復雜的過程,它的方向取決於設計的任務,它的實現依賴於網頁的製作。正所謂「功夫在詩外」,網頁設計中最重要的東西,並非在軟體的應用上,而是在我們對網頁設計的理解以及設計製作的水平上,在於我們自身的美感以及對頁面的把握上。
首先,我們要弄清楚網頁設計的任務。
一、設計的任務
設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。
網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分為以下三類。
第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造的嫌疑。
第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確了設計的任務之後,接下來要想的就是如何完成這個任務了。
二、設計的實現
設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網頁的製作,這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。筆者常用的軟體是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解析度下,在其它情況下只要保證基本一致,不出現較大問題即可。
說了這么多,只是希望能對做「網頁設計」的人有所幫助,希望他們在做網頁的時候能夠從整體著眼,無愧於「設計」這兩個字。
7、網頁的版式設計應注意哪幾個方面?與平面設計相比有哪些共同點和不同點
兩者共同點:
1、都需要良好的視覺表現;
2、設計師需要有良好的審美能力;
3、基本都是用同一類軟體;
其實網頁設計應該屬於多媒體設計的范疇,多媒體設計是從屬於平面設計規律而又有很多不同的一個領域,網頁除了注重設計外,更多的是考慮瀏覽的使用體驗,打工速度,程序邏輯,SEO優化各方面的知識,知識面和側重點跟平面設計有很大的不一樣。一個好的平面設計師不一定就能做好網頁設計,網頁注重交互性、操作性跟瀏覽性。如果細分出來主要差別有一下幾點:
1、設計核心的差別
平面設計的核心是品牌。它要以品牌為出發點去設計,要在視覺上100%體現品牌的魅力。
網頁設計的核心是用戶。要以用戶的操作習慣為出發點去設計,換句話說也就是要設計得人性化,讓用戶瀏覽和操作要方便。
2、字體使用有限制
平面設計的字體一般不受限制,為了表現效果,相關的字體中以任意使用。
網頁設計的字體則受到很多的限制,一般中文字體只能用宋體、微軟雅黑。
3、顏色運用的區別
平面設計可以使用成千上萬種顏色,換句話說可以使用所有顏色,但是網頁設計不行!網頁設計中規定相關安全色。
4、處理與製作方面的差別問題
傳統平面設計的作品大多是以印刷的平面形式表現。
網頁設計作品則是透過顯示器表現,並且在傳輸的過程中受到網路頻寬的限制。網頁設計不僅僅是在做設計,更多的是要考慮網頁的打開速度、兼容性等問題。所以有時候不得不為了照顧這些特殊的要求而犧牲美觀。
5、圖片格式和像素的差別
平面設計需要的圖片格式一般為 PSD CDR AI EPS 等比較大的源文件格式 或導出的JPG 一般像素(解析度)大於300的高清晰圖片。
網站設計 一般為GIF 或PNG 或JPG 一般像素(解析度)小於72的)。
6、目的差異
傳統平面的設計作品是以向人們傳達某種資訊或訴求為目的。
網站製作的設計必須是配合網站的內容設計,而不是單純地只為表現藝術而設計。除了擁有平面設計作品的功能以外,還有重要的引導和連接功能,也就是網頁具有很強的可操作性和互動性。
8、我想知道怎麼製作網頁的詳細介紹
網頁設計的流程:
1前期網站規劃
2網站素材收集
3網站設計
4網站發布
一、引言
一個網站的整體規劃和設計的好壞是它發展的重要之處, 也是它吸引人們瀏覽的所在之處。Internet/Intranet技術的日益發展,使人們認識到了Internet/Intranet的優勢,更使得資料庫與web的連接成為資料庫開發方面的熱門技術之一。
通常情況下,通過瀏覽器看到的網頁大多是靜態的。所謂「靜態」,是指網站的網頁內容「固定不變」, 當瀏覽器通過互聯網的HTTP(Hypertext Transport Protocol)協議向Web伺服器請求提供網頁時,伺服器僅僅是將原來設計好的靜態HTML文檔傳給瀏覽器。其頁面內容使用的僅僅是標準的HTML代碼,最多再加上流行的GIF89A 格式的動態圖片,比如產生幾只小貓小狗跑來跑去的動畫效果。 若網站維護者要更新網頁的內容,就必須手動更新所有的HTML文檔。靜態網站的致命弱點就是不易維護。為了更新網頁的內容, 網站維護者必須重復製作HTML文檔,隨著網站內容和信息量的日益擴增,可以想像這是多麼復雜繁瑣的工作。
那麼,什麼是動態網站呢?所謂「動態」,並不是指放在網頁上的圖片會動,動態頁面應具有以下幾個特點:
(一).交互性:即網頁能根據客戶的要求和選擇而動態改變和響應,瀏覽器即作為客戶端界面,這是今後Web發展的大勢所趨。
(二).自動更新:即無需手動更新HTML文檔, 就能自動生成新的頁面,從而大大減少工作量。
(三).因時因人而變:即當不同的時間、不同的人訪問同一網址時能產生不同的頁面,這一點對於需要對使用者授權的網站尤其適用。
隨著的Internet迅速發展,不管是專業的ISP(Internet服務提供者)和ICP(Internet內容提供者),還是一般的政府機關、銀行、交通部門、學校、醫院、服務者,甚至是每個人,都在積極尋求在Internet上發布信息,提供新型的網上管理和服務。可以說,網站設計和網站的編輯正成為新興的熱門行業。
二、網站的系統分析
(一).項目立項
我們接到客戶的業務咨詢,經過雙方不斷的接洽和了解,並通過基本的可行性討論夠,初步達成製作協議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經理,網頁設計,程序員,測試員,編輯/文檔等必須人員。
(二).客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚,需要您不斷引導和幫助分析。有些客戶可能對自己建什麼樣的網站根本就沒有明確的目的,以及他的網站建好後來干什麼也是一無所知,為了客戶能有明確的目的我們需要耐心說明,仔細分析,挖掘出客戶潛在的,真正的需求。這樣對大家都有好處,我們的宗旨應該是「客戶明明白白,雙方高高興興。」對客戶和自己都是一種負責。
配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢?簡單說,包含下面幾點:正確性:每個功能必須清楚描寫交付的功能;可行性:確保在當前的開發能力和系統環境下可以實現每個需求;必要性:功能是否必須交付,是否可以推遲實現,是否可以在削減開支情況發生時"砍"掉;簡明性:不要使用專業的網路術語;檢測性:如果開發完畢,客戶可以根據需求檢測。
三、建設方案
(一).建站理念
(1)預早籌劃
設計主頁未必很艱難。但這一工作與編制傳統的宣傳品一樣,都需要我們謹慎處理和籌劃。換言之,我們必須首先 確定自己需要傳達的主要信息,然後細意斟酌、把所有意念合情合理地組織起來;之後是設計一個頁面式樣,試用於有代表性的用戶,接著重復修訂,務求盡善盡美。
(2)盡量精簡
主頁的作用好比一本書的封面,是為了吸引用戶測覽你的網址內容。因此,主頁的設汁應以醒目為上、令人一目瞭然。切勿堆砌太多不必要的細節,或使畫面過於復雜。在主頁上清楚列出三項要點,例如機構名稱、提供的產品或服務 、以及主頁內容(亦即你的其他頁面還載有什麼資料)。應切記頁面給人的第一觀感最為重要。在網上到處瀏覽的人很多。如果你的主頁真沒有吸引力,很難令他們深入觀賞。
(3)盡量簡朴
現今大部分用戶那是用數據機接駁萬維網,所以他們一般都要花很多時間等待主頁傳送到自己的系統。主頁上的圖形應力求簡朴, 避免耽擱用戶的時間。圖像愈大、顏色愈深,傳送頁面的時間愈長。這並不是說你要完全略去圖像不用,只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種,頁頂圖像最好保持在大約10KB(千位元組)以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可;應考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒,很多用戶就會等得不耐煩。如果情況許可,最好先測試你的主頁在稍差的條件下的傳送速率,14.4千波特的數據機,或透過 Prodigy 等網上服務接駁萬維網等。
此外、還須注意配合最低檔的設備,例如標準的小型顯示器,不要假設人人都用高解像度的大熒幕。運用先進瀏覽軟體所提供的一些尖端功能是可以的、但應確保你的主頁在次一級的瀏覽軟體上(例如某些網上服務所提供的專用瀏覽軟體)仍可暢順地顯現。
(4)善用圖像
用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。最佳的圖像應集美觀與傳訊於一身。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所帶的重要信息或聯接其他頁面的指示用文字重復表達—次。用「純文中」模式測試已製成的主頁,確保其傳達到所有信息。
(5)使主頁易於漫遊
主頁的其中一個主要功能是作為漫遊工具,指引用戶查閱你存儲在網址或其他地點的信息。盡量使漫遊過程不費吹灰之力。基於清晰明確和速度的考慮,主頁上的聯接項目應只限於幾個高級的類別,例如公司、產品、服務、支援等。用六至八個聯接項目最為理想。
此外,你提供的信息不應埋藏在重重疊疊的頁面之下。穿越五個以上的聯接項目已足以令人厭煩。因此,你必須在廣度和深度之間求取平衡。如果你的網址上有太多信息,你可能要編制較長的頁面或使用更多聯接項目,甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息,肯定受用戶歡迎。
假若你有充足的資源,便應找一位專家來評估你設計的主頁是否方便易用。設法找一些對主頁陌生的用戶,來試用你的初步製成品。
(6)提網協領
主頁—般須載有以下事項:
標題,此標題須清楚無誤地標示你的網站。標題可以是名稱、標語徽號或圖像。
電子郵件地址 ,以便用戶有問題時,可以通知你。
版權資料,這是適用於主頁內容的版權規定。你可以在主頁上標示一句簡短的版權聲明,用聯接方法帶出另—個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。
聯絡資料 ,列出通訊地址電話號碼等。
(7)循環利用現有信息
製作主頁時,通常都毋須從頭做起,因為有許多現成的文字、圖畫等資料可供我們重用,例如宣傳小冊、公關文件、技術手冊、資料庫等。很多情況下,只要用少許功夫、就可把這些材料轉到網頁上使用。
(8)保持新鮮感
萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變,用戶很快會厭倦。在主頁上預告即將有新資料推出,可吸引用戶再來瀏覽不妨在頁頭以大字標題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續或自動更新、例如列出會瀏覽你的網站的人次。
同樣,為保持新鮮感,應時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關及資料編制計劃內,亦即當你使用傳統方法(例如新聞稿)傳遞的新信息時出現在你的主頁上。確保連接項目運作暢順,以免用戶在熒幕上收到「無法查閱所需檔案」的信息而大感沒趣。
(9)貫徹諾言
做不到的事情,千萬不要輕易承諾。切勿隨便叫用戶做出回應行動,例如要求用戶填交訂貸表格,除非你已制訂好處理這些訂單的方法和交貨程序。如果在網上列出聯絡電話,就要確保自己能夠迅速解決來電者的問題。
(10)吸引用戶瀏覽
既然絞盡腦汁把主頁弄得美觀實用,沒有人來欣賞就太可惜了。為吸引所有網中人來瀏覽,必須使主頁易於尋找。通知其他網站(例如題材相關的網站),他們可能想連接你的主頁。安排將自己的網址列在所有相關的網址目錄、索引、查找程序和「What's new」頁面上。盡量將網址傳播開去,使之出現在 Internet和所有傳統煤體上、例如書刊廣告、公關文件、宣傳品等。
在網站上,於每個頁面設置「home」按鍵,方便用戶隨時返回主頁。
萬維網充滿生命力、正在不斷演進,所以一些現時適用的經驗,將來未必合用。舉例來說,將來家居用戶有高速線路接駁Internet,就可以消除數據傳輸目前的所受的限制、使主頁的篇幅可以更長,頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟體所提供的先進功能、將使萬維網更強勁和更方便溝通。 HotJava將主頁由靜態的文件轉為動態的實體, 提供諸如即時製作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網上用戶帶來更多樂趣。有好的主頁,還須有精良的設備支持。網站伺服器不斷推陳出新,使建設網站的工作愈來愈容易。
(二).網站總體設計
在拿到客戶的需求說明後,並不是直接開始製作,而是需要對項目進行總體設計,詳細設計出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:網站需要實現哪些功能;網站開發使用什麼軟體,在什麼樣的硬體環境;需要多少人,多少時間;需要遵循的規則和標准有哪些。同時需要寫一份總體規劃說明書,包括:網站的欄目和板塊;網站的功能和相應的程序;網站的鏈接結構;如果有資料庫,進行資料庫的概念設計;網站的交互性和用戶友好設計。
在總體設計出來後,一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統,而且在客戶需求不是十分明確的情況下提交方案,往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求並總體設計後提交方案,這樣對雙方都有益處。網站建設方案的包括以下幾個部分:.客戶情況分析;網站需要實現的目的和目標;網站形象說明;網站的欄目板塊和結構;網站內容的安排,相互鏈接關系;使用軟體,硬體和技術分析說明;開發時間進度表;宣傳推廣方案;維護方案;製作費用;本公司簡介:成功作品,技術,人才說明等。當您的方案通過客戶的認可,那麼可以開始動手製作網站了。但還不是真正意義上的製作,你需要進行詳細設計。
(三).網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖,它們應該 包含必要的細節,例如:程序界面,表單,需要的數據等。程序員可以根據它們寫出實際的程序代碼。我們這次主要用ASP來實現有關功能和解決有關問題的,例如,公告版BBS,聊天室,信息發布系統, 網上超市等都用ASP來實現人機交互功能的,其中也用到調用資料庫的技術。
ASP (Active Server Pages)是Microsoft 公司推出的一種Web應用程序開發技術,也是伺服器端的腳本(Script)運行環境,使用該技術可以開發動態的、交互的Web應用程序。
(四).網站的製作規范探討
(1)網站目錄規范
目錄建立的原則:以最少的層次提供最清晰簡便的訪問結構。
a.根目錄。根目錄指DNS域名伺服器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件,以及其他必須的系統文件;
b.每個語言版本存放於獨立的目錄;
c.每個主要功能(主菜單)建立一個相應的獨立目錄;
d.當頁面超過20頁,每個目錄下存放各自獨立images目錄,共用的圖片放在根目錄下的images目錄下;
e.所有的js文件存放在根目錄下統一目錄script;
f.所有的CSS文件存放在各語言版本下的style目錄
g.所有的CGI程序存放在根目錄並列目錄cgi_bin目錄
(2)文件命名規范
文件命名的原則:以最少的字母達到最容易理解的意義。
a.索引文件統一使用index.html文件名(小寫)。index.html文件統一作為「橋頁」製作具體內容,僅僅作為跳轉頁和meta標簽頁。主內容頁為main.htm;
b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如:關於我們aboutus;信息反饋feedback 產 品proct;所有單英文單詞文件名都必須為小寫,所有組合英文單詞文件名第二個起第一個字母大寫;
c.所有文件名字母間連線都為下劃線;
d.圖片命名原則以圖片英語字母為名,大小原則寫同上;
e.js的命名原則以功能的英語單詞為名。例如:廣告條的js文件名為:ad.js
f.所有的CGI文件後綴為.cgi。
(3)鏈接結構規范
鏈接結構的原則:用最少的鏈接,使得瀏覽最有效率。首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。超過三級頁面,在頁面頂部設置導航條。
(4)尺寸規范
a.頁面標准按800*600解析度製作,實際尺寸為778*434px;
b.每個標准頁面為A4幅面大小,即8.5X11英寸;
c.大banner為468*60px,小banner為88*31px。
(5) 首頁HEAD區規范
a.公司版權注釋
b.網頁顯示字元集
簡體中文:
繁體中文:
英 語:
c.網頁製作者信息
d.網站簡介
e.搜索關鍵字
f.網頁的css規范
g.網頁標題
四、網站的設計製作
1.整體形象設計
在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字,Logo,標准色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格。
2.開發製作
本次網站規劃設計採用軟體工程的設計方法,設計小組在系統分析和總體設計的基礎上,將設計任務分解,分配到設計組的每個成員,各模塊有設計組成員單獨承擔設計和調試,既有分工,又有協作,最後將各模塊上載到伺服器上,做鏈接和整體的調試。
3.調試完善
各模塊初步完成後,上傳到伺服器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決並記錄下來。
網站建設實際上是一個不斷充實和完善的過程,通過不斷的發現問題,解決問題,修改,補充,使網站結構趨向合理,內容更加豐富,形式更富有感染力。
4.宣傳推廣
剛剛建成的網站就好像一個新注冊的電話號碼,沒有人會自動找上門來,這時你就需要適當地做一些網站推廣工作了,這里有很多方法,例如:
a.網頁里設置適當的META標簽;
b.交換友情鏈接。這是個免費而高效的辦法,就好比在別人商店打上你的廣告,在你的商店打上別人的廣告,這樣一來當網友參觀別人的網站時就知道你的網站了,如果你的廣告做的好,他一多半都會參觀你的網站,這是件無須開支、互利互惠的好事情,推薦使用。
c. 在各大搜索網站(例如sohu.com yahoo.com)注冊你的網站,這樣當別人在搜索同類的信息時就會發現你的網站;
d.備新聞稿件在各新聞公告板發表;
e.合理使用Email郵件列表;
f.付費廣告,這個辦法最有效了,但它是付費的;
g.在論壇里貼條子。這個辦法效率不高,也很累,有時也會被別人刪除掉,所以不推薦。
另外還需要說明的是,請千萬不要使用發垃圾郵件來推廣個人主頁,這樣不但不會使別人喜歡你的網站,反而會引起別人的極度反感,這是一種不道德的行為。
至此,網站項目建設完畢。
5.維護
網站做好了是不是就打算一勞永逸呢?不是,如果網站做大的話,網站維護也是個艱巨的工作。當網站變得十分龐大時將會有不計其數的圖片、網頁文件等內容,如果它們有一個丟失或鏈接失敗都會引起網頁錯誤,想想我們做的多副圖片如果少一副會是什麼情景?所以我們一定要保證整個網站的「健康」和完整。為了使網站健康、完整,通常我們在做新網站之前,都應該在DW里建設一個「本地網站」,也就是自己電腦上的網站副本,這樣才能有效減少網站錯誤,剛才我們製作網站時是先做網頁後建網站,其實這種網站建設方法是錯誤的,正確的是先建網站後添加內容。另外就是要時常檢查網站的鏈接是否有誤,這里我們可以使用DW的SITE程序的SITE菜單中CHECK LINK SITEWIDE選項來檢查網站中是否有斷掉的鏈接,以便及時修復。
另外我們還應該科學地存放不同類型的文件,例如將網站中的圖片都放在一個文件夾里,將網頁放在另一個文件夾里。而且如果將來網站真的「肥沃」起來,我們甚至需要為每一個欄目建立一個文件夾,例如將有關MUSIC欄目的文件放在一個文件夾里,將PICTURES欄目的文件放在一個文件夾里,這樣一來,會為我們的維護工作減少很多不必要的麻煩!
網站維護最後要說的就是網站的文件備份了,如果電腦發生了災難,我們的網站就很可能要癱瘓了,所以時常備份網站文件也是很重要的。
網站成功推出後,長期的維護工作才剛剛開始,我們需要做到的是:及時響應客戶反饋;例如可以採取Email自動回復功能,然後盡快解決問題,再次回復;網站流量統計分析和相應對策;盡量推廣和使用您的網址;網站內容的及時更新和維護。
五、網站安全問題及對策
防火牆是阻止外面的人對你的網路進行訪問的任何設備,此設備通常是軟體和硬體和組合體,它通常根據一些規則來挑選想要或不想要的地址。
首先絕大多數簡單的身份驗證過程都是以IP地址為根據的。IP地址是Internet網上最普遍的身份索引,它有靜態和動態之分。 靜態IP地址即固定不變的IP地址;它可以是某台連在Internet網上的主機地址。靜態IP地址分在幾類。其中一類能通過Whois查詢命令得到;並且此類地址主要是Internet網上最高層的主機的IP地址,這些主機可以是域名伺服器、Web伺服器和「根」主機,並且在InterNIC的Whois資料庫中都有它們的注冊主機名。另一類靜態IP地址被分配給Internet網中的第二和第三層主機(這些機器還有固定的物理地址),然而這些機器不一定擁有注冊主機名。但不管怎樣它們有注冊的IP地址。動態IP地址是指每次強制分配給不同的上網主機的地址。ISP的拔號伺服器中經常使用動態IP地址--節點機每次拔號上網,都會被分配一個不同的IP地址。無論IP地址是靜態還是動態的,它都被用於網路傳輸中。
防火牆最基本的構件既不是軟體也不是硬體,而是構造防火牆的人的思想。目前存在著許多類型的防火牆,每種都有各自的優缺點,最常見的一種上稱為「網路層防火牆」的防火牆。網路層防火牆通常以路由器為基礎,換句話說路由器決定「誰」和「什麼」能訪問你的網路。這種方案採用了一種所謂的「數據報過濾」技術,即檢查到達路由器的外部數據報並作出選擇的技術。
以路由器為基礎的防火牆要對每個聯結請求的源地址(即發出數據報的主機的IP地址)進行檢查。確認了每個IP源地址後,防火牆構造者所制定的規則將被實施。基於路由器的防火牆有很快的速度,這是因為它被草草地檢查一下源地址,沒有發揮路由器的真正作用,並根本不判斷地址是否是假的或偽裝的。然而速度的加快是有代價的,基於路由器防火牆將源地址作為索引,這就意味著帶有偽造源地址的數據報能在一定程度對你的伺服器進行訪問。
為了網站的安全,除了在Internet服務管理器的Web站點屬性中設置好目錄安全性外,還應該選擇保護性好的防火軟體,由於時間關系,我們本次使用的是網路保護神LockDown 2000,它能清除目前已知(553種)和未知的所有特洛伊木馬、郵件病毒,防止網路炸彈攻擊、在線檢測和控制所有對本機的訪問,還能跟蹤入侵者,留下它的罪證。
LockDown2000是目前世界上針對Windows操作系統最有效、最完善的安全防護軟體,它能非常智能化地追蹤和識別未經允許的用戶。LockDown2000可以使Internet用戶免遭最老練黑客的攻擊,阻止任何人闖入你的計算機,保護你的文件不被人偷看或刪除。如果你要與他人共享你的資源,只須列出他們的地址,他們就可以訪問你的計算機。LockDown2000的作用就像一道設在你計算機和Internet之間的防火牆,它會自動地為你實時查尋目前世界上的各種黑客程序。
如果你允許某些人訪問你的計算機,LockDown2000會保存一份完整的記錄並簡要地報告聯接到你計算機的用戶的身份。通過反登錄,詳細地記載他們連接的時間和地址情況,以及十分詳細地記錄他們在你計算機里到底做了什麼事情。
它的主要功能有:
1.能夠完全關閉遠程用戶(很有可能這種用戶就是黑客)對你計算機系統的訪問;
2.實時監控和記錄遠程用戶在你計算機里的活動情況;
3.自動追蹤所有連接情況,記錄黑客的IP地址、域名和計算機名稱;
4.如果有人已經連接到了你的計算機或正在企圖闖入,LockDown2000會用不同的聲音發出警告。如果有人未經你的許可,就連接到你的計算機,它立刻會在屏幕上彈出警告窗口和實時監控窗口;
5.完全控制Internet或區域網的任何連接情況;
6.可以自動地任意斷開與一個用戶或所有用戶的連接,這對於資源共享的計算機而言,是非常重要的;
7.能夠記錄以前連接到你的計算機的用戶資料,能夠限制與你計算機連接的數目;
8.如果你喜歡使用ICQ與外界聯系,LockDown2000能夠向黑客發送無效的文件包,從而使你的計算機免遭黑客的ICQ炸彈的攻擊;
9.可以查出和中止偷偷運行在你限制的程序列表中的任何一個程序,這種程序很可能是一種不知名的黑客程序或病毒。
此外,LockDown2000還有易於安裝、與其它程序不發生任何沖突的特點。
http://www.fesky.com.cn/syx/wzhcehua/index.htm
9、網頁設計,一般最少要設置多少高度?
大概的高度為:
Window XP首屏大小580 px
Window 7 首屏大小710 px
具體原因如下:
一個網頁的尺寸設置和瀏覽器與系統的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。
系統解析度統計:
對大於30W台客戶端用戶進行測試,得到的測試數據如下(數據來源於網路):
在Window XP常見解析度1024×768下我們除掉任務欄,瀏覽器菜單欄以及狀態欄後剩下的網頁首屏高度平均值是584。
在Window 7常見解析度1440×900下我們除掉任務欄,瀏覽器菜單欄以及狀態欄後剩下的網頁首屏高度平均值是716。
綜合解析度及瀏覽器下的統計數據:
Window XP首屏大小580 px
Window 7 首屏大小710 px
10、如何制網頁
怎樣設計網頁
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體,就能搞好網頁設計了……
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體,就能搞好網頁設計了。
其實網頁設計是一個感性思考與理性分析相結合的復雜的過程,它的方向取決於設計的任務,它的實現依賴於網頁的製作。正所謂「功夫在詩外」,網頁設計中最重要的東西,並非在軟體的應用上,而是在我們對網頁設計的理解以及設計製作的水平上,在於我們自身的美感以及對頁面的把握上。
首先,我們要弄清楚網頁設計的任務。
一、設計的任務
設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。
網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分為以下三類。
第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造的嫌疑。
第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確了設計的任務之後,接下來要想的就是如何完成這個任務了。
二、設計的實現
設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制,這一部分可以在紙上完成。第二部分為網頁的製作,這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。筆者常用的軟體是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解析度下,在其它情況下只要保證基本一致,不出現較大問題即可。
說了這么多,只是希望能對做「網頁設計」的人有所幫助,希望他們在做網頁的時候能夠從整體著眼,無愧於「設計」這兩個字。
★建設自己的網站較好的步驟☆
必須注意的是:建立自己的網站是一件浩大的工程,一般比較麻煩。所以應當按照一定的步驟一步步來。
我覺得建站可以按照以下步驟進行:
1、先在本地設一個文件夾,作為網站存儲的地方。名字最好取「My Sites」。
2、在網站文件夾裡面建立一些文件夾,包括「images」等(存儲圖片、文件等),並且按照網頁內容,再建立幾個文件夾。(也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些)
3、打開你的網頁編輯程序(例如FP、Dreamwear等),新建網頁,保存為「index」(主頁),重復以上步驟,在網站文件夾裡面建立「search」(查找)、「map」(站點地圖)、「index02」(網站簡介等)。
4、按照上面步驟,再在網站分類文件夾裡面建立許多網頁(接著還要把內容輸入網頁)
5、已經做到了這么多,我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」,把准備好的文檔、圖片、程式、文件和網頁特效等放進去。(可以加入一些動態網頁)
6、慢慢把這些文件一個不漏的放進網頁裡面(要掌握技巧)
7、把網站充實了,就差不多了。這時應該申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。
8、把網站上傳至空間裡面,刪了准備文件,就OK了!
不過也可以這樣使用FP建站:
1、在FP裡面選擇新建站點。
2、然後在【導航】裡面設置網頁名稱以及標題。
3、准備好文檔、圖片、程式、文件和網頁特效等,把它們都充實進網站裡面。
4、申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。
5、把網站上傳至空間裡面,刪了准備文件。完畢。
如果使用Dreamwear來建站,那就更加高級啦!Dreamwear的功能很強大,安裝了它的朋友們可以研究研究。
在網站設計中,純粹HTML格式的網頁通常被稱為「靜態網頁」,早期的網站一般都是由靜態網頁製作的。靜態網頁的網址形式通常為:www.example.com/eg/eg.htm,也就是以.htm、.html、.shtml、.xml等為後後綴的。在HTML格式的網頁上,也可以出現各種動態的效果,如.GIF格式的動畫、FLASH、滾動字母等,這些「動態效果」只是視覺上的,與下面將要介紹的動態網頁是不同的概念。
在《網路營銷基礎與實踐》第二版第3章「網路營銷導向的企業網站建設」中,提出了採用靜態網頁對搜索引擎的影響,書中對於靜態網頁本身的介紹比較少,尤其對於靜態網頁的特點沒有做專門的介紹。 網路營銷教學網站(www.wm23.com)將靜態網頁的特點簡要歸納如下:
(1)靜態網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為後綴,而不含有「?」;
(2)網頁內容一經發布到網站伺服器上,無論是否有用戶訪問,每個靜態網頁的內容都是保存在網站伺服器上的,也就是說,靜態網頁是實實在在保存在伺服器上的文件,每個網頁都是一個獨立的文件;
(3)靜態網頁的內容相對穩定,因此容易被搜索引擎檢索;
(4)靜態網頁沒有資料庫的支持,在網站製作和維護方面工作量較大,因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難;
(5)靜態網頁的交互性交叉,在功能方面有較大的限制。