網(wǎng)頁設(shè)計(jì)的基礎(chǔ)問題

第頁網(wǎng)頁設(shè)計(jì)的基礎(chǔ)問題〔網(wǎng)頁〔制定〕〕的基礎(chǔ)問題

在任何制定領(lǐng)域，好像和圖片打交道的時(shí)間都不會(huì)短，絕大多數(shù)甚至是必須要整天編輯處理圖片。從最基本的裁剪、調(diào)色和修補(bǔ)，你應(yīng)該能夠從容地修整圖片。下面介紹網(wǎng)頁制定的基礎(chǔ)問題，希望對您有所幫助。

1、熟練掌握HTML/CSS代碼

不管你是不是開發(fā)者，網(wǎng)頁開發(fā)最基本的語言HTML/CSS你是有必要掌握的，知道如何閱讀、編輯并解決問題。然而依據(jù)制定師/開發(fā)者的實(shí)際工作狀況，你所必須要了解的程度、范疇甚至?xí)鼜V一些。在任何狀況下，你都應(yīng)該清楚樣式、色彩要如何通過代碼來進(jìn)行控制和調(diào)整，從長遠(yuǎn)來看，這些技能是極其有用的。如果你想保證這一點(diǎn)，記得在W3Schools學(xué)習(xí)這些代碼語言和使用方法。

2、編輯圖片

在任何制定領(lǐng)域，好像和圖片打交道的時(shí)間都不會(huì)短，絕大多數(shù)甚至是必須要整天編輯處理圖片。從最基本的裁剪、調(diào)色和修補(bǔ)，你應(yīng)該能夠從容地修整圖片，至少你應(yīng)該了解如何能夠盡可能好地對圖片進(jìn)行優(yōu)化。好在DigitalCameraWorld網(wǎng)站提供了一套行之有效的圖片處理技巧，僅必須六步就可以搞定絕大多數(shù)圖片的優(yōu)化處理。

3、了解印刷

雖然你絕大多數(shù)時(shí)候可能都忙于數(shù)字化的制定，但是總會(huì)有一些制定是必須要借助到印刷的。從名片到新聞稿，這些東西在制定之初就要為印刷做好準(zhǔn)備。在這方面，最值得注意的還是不同媒體的分辨率和色彩的控制。舉個(gè)例子，如果你將文本的色彩設(shè)置為FF0000的話，印刷出來的效果可能和你設(shè)定的有出入。關(guān)于印刷品而言，色彩使用的是CMYK(青色、品紅、黃色、黑色)，四色混合來實(shí)現(xiàn)不同的色彩印刷。

4、書寫標(biāo)題

在進(jìn)行網(wǎng)頁制定的時(shí)候，正文部分可用假文(Loremipsum)來作為占位符，但是標(biāo)題則不能如此。當(dāng)你在進(jìn)行概念制定的時(shí)候，標(biāo)題是視覺和內(nèi)容信息的粘合劑，它不能隨便找句話放那兒。一個(gè)合理的標(biāo)題文本可以清楚地告訴客戶這個(gè)地方要多大的空間，有什么樣的效果，它會(huì)給客戶留下清楚而持久的印象。目前推舉Copyblogger，它提供了不錯(cuò)的文本和文案案例，你可有從這里開始。

5、熟悉各種設(shè)備

作為一個(gè)網(wǎng)頁制定師，肯定要熟練地用各種數(shù)字設(shè)備來瀏覽網(wǎng)頁。不同的系統(tǒng)、不同的設(shè)備在瀏覽網(wǎng)頁這件事情上還是有差異的，所以你應(yīng)當(dāng)適時(shí)地離開自己最熟悉的電子設(shè)備，去嘗試更多的數(shù)碼設(shè)備。沒有什么比在一個(gè)老舊的手機(jī)的小窗口上瀏覽網(wǎng)頁更痛苦的事情了，但是這有時(shí)候就是實(shí)際狀況，作為網(wǎng)頁制定師的你應(yīng)該對這種狀況有所了解，保證自己的網(wǎng)頁能在任何狀況下都可以流暢地瀏覽。

6、敢于手繪

或許你并不是美術(shù)專業(yè)出身，但是你必須要敢于用草圖來傳遞信息。討論中不管有什么樣的想象和構(gòu)思，用手繪和草圖來表現(xiàn)能夠更清楚的闡述出來。請記住，線框圖和大綱才干更好地傳遞信息。你無必須成為手繪大師，不用字寫的非常美麗，但是你必須要敢于這么做，自信地用手勾勒出這一切，落于紙上，同人分享。

7、使用通用框架

在創(chuàng)業(yè)階段使用常見的網(wǎng)頁制定框架并不是什么丟人的事情，實(shí)際上，除非你真的是特別專業(yè)而強(qiáng)大的開發(fā)者，最好還是使用通用的框架。你不用重新發(fā)明輪子。一樣的道理，使用通用的框架可以讓別人也更好的使用你的網(wǎng)站和產(chǎn)品，如果你的網(wǎng)站必須要最終交付給客戶，那么從長遠(yuǎn)來看，用通用框架更好維護(hù)。比如Wordpress這樣的系統(tǒng)就不錯(cuò)，支持廣泛，功能強(qiáng)大。

8、備份和打包

網(wǎng)站看起來是個(gè)完善的整體，但是實(shí)際并非如此，它同樣是容易損壞且脆弱的。備份網(wǎng)站是一門必修課。你應(yīng)當(dāng)了解網(wǎng)站系統(tǒng)中哪些東西比較容易損壞，多久備份一次比較合理。即使你不明白其中的道理，至少要了解哪些必須要儲(chǔ)存，備份應(yīng)該備份在什么地方。此外，你應(yīng)該了解如何將網(wǎng)站樣式、制定相關(guān)、個(gè)性化、客戶文件以及系統(tǒng)的關(guān)鍵性文件在哪里，以及如何打包它們。

9、了解趨勢

你并不必須要了解全部的網(wǎng)站制定和技術(shù)趨勢，但是你必須要適時(shí)地去了解它們。簡單來說，重要的不是對所有趨勢如數(shù)家珍，但是你至少要深入了解至少三個(gè)流行趨勢，能夠說明白這些制定趨勢在視覺上的特征，為什么要用它們，它們的運(yùn)作原理是怎樣的，你為什么喜愛或者不喜愛它們，等等。多閱讀制定趨勢文章，你就能搞定這一點(diǎn)。

10、解釋制定理論

色彩、流程、平衡、比例、間距，這些常見的制定概念你都了解了嘛?當(dāng)你在進(jìn)行制定項(xiàng)目的時(shí)候，這些概念你都應(yīng)當(dāng)了解并運(yùn)用起來。制定并不是單純的好看，內(nèi)在的概念也原理能告訴你為什么它這樣才會(huì)美麗。理解了它們，能自己解釋它們，你才干創(chuàng)造出平衡的美感。每一次向別人解釋這些概念，探討這些原理，你會(huì)對這些基礎(chǔ)掌握的更加扎實(shí)。

網(wǎng)頁制定必須要學(xué)習(xí)哪些技術(shù)

HTML4.01

HTML是Web的語言，每一個(gè)Web開發(fā)者都必須要對它擁有基本的了解。

HTML4.01是重要的Web標(biāo)準(zhǔn)，它與HTML3.2的差異非常之大。

當(dāng)類似font的標(biāo)簽和color屬性被添加到HTML3.2后，它就逐漸成為開發(fā)人員們的一場噩夢。開發(fā)那些必須把字體信息加入每個(gè)單獨(dú)頁面的網(wǎng)站，其過程成為了一種漫長而昂貴的折磨。

通過HTML4.01，所有的格式化信息可以被移出HTML文檔，轉(zhuǎn)而放入一個(gè)獨(dú)立的樣式表中。

HTML4.01之所以重要，另外一個(gè)原因是由于XHTML1.0，這個(gè)最新的HTML標(biāo)準(zhǔn)是作為一種XML應(yīng)用被重新表達(dá)的HTML4.01。在您的頁面中使用HTML4.01可以保證在將來將HTML輕松升級到XHTML。

請保證您使用了最新的HTML4.01標(biāo)準(zhǔn)。

HTML4.01

HTML是Web的語言，每一個(gè)Web開發(fā)者都必須要對它擁有基本的了解。

HTML4.01是重要的Web標(biāo)準(zhǔn)，它與HTML3.2的差異非常之大。

當(dāng)類似font的標(biāo)簽和color屬性被添加到HTML3.2后，它就逐漸成為開發(fā)人員們的一場噩夢。開發(fā)那些必須把字體信息加入每個(gè)單獨(dú)頁面的網(wǎng)站，其過程成為了一種漫長而昂貴的折磨。

通過HTML4.01，所有的格式化信息可以被移出HTML文檔，轉(zhuǎn)而放入一個(gè)獨(dú)立的樣式表中。

HTML4.01之所以重要，另外一個(gè)原因是由于XHTML1.0，這個(gè)最新的HTML標(biāo)準(zhǔn)是作為一種XML應(yīng)用被重新表達(dá)的HTML4.01。在您的頁面中使用HTML4.01可以保證在將來將HTML輕松升級到XHTML。

請保證您使用了最新的HTML4.01標(biāo)準(zhǔn)。

層疊樣式表(CascadingStyleSheets-CSS)

樣式可定義HTML元素如何被顯示，類似font標(biāo)簽在HTML3.2中所起到的作用。樣式通常被儲(chǔ)存在HTML文檔之外的文件中。外部樣式表使您有能力僅僅通過編輯一個(gè)簡單的CSS文檔來改變網(wǎng)站內(nèi)所有頁面的外觀和布局。如果您曾經(jīng)嘗試過進(jìn)行某些改變，比如同時(shí)改變站內(nèi)所有網(wǎng)頁標(biāo)題的字體或顏色，您就會(huì)明白CSS如何能夠達(dá)到事半功倍的效果。

XHTML-HTML的將來

XHTML指可擴(kuò)大超文本標(biāo)記語言(ExtensibleHyperTextMarkupLanguage)。

XHTML1.0是源自W3C的最新的HTML標(biāo)準(zhǔn)。它于2000年1月26日成為正式的推舉標(biāo)準(zhǔn)(Recommendation)。W3CRecommendation意味著其規(guī)范的穩(wěn)定性，同時(shí)其規(guī)范目前已成為一種Web標(biāo)準(zhǔn)。

XHTML是一種使用XML進(jìn)行重構(gòu)的HTML4.01，并可以通過遵循一些簡單的指導(dǎo)方針馬上在現(xiàn)有的瀏覽器中投入使用。

XML-用于描述數(shù)據(jù)的工具

擴(kuò)大標(biāo)記語言(XML)并不是HTML的替代品。在將來的web開發(fā)中，XML會(huì)被用來描述和存儲(chǔ)數(shù)據(jù)，而HTML會(huì)被用來顯示數(shù)據(jù)。

我們對XML最合適的描述是，一個(gè)跨平臺(tái)的、獨(dú)立與軟硬件的，信息存儲(chǔ)和傳輸工具。

我們相信XML的重要性不亞于HTML關(guān)于web的基礎(chǔ)性地位，并且XML將會(huì)成為最重要的數(shù)據(jù)處理和傳輸工具。

XSLT-用戶轉(zhuǎn)換數(shù)據(jù)的工具

XSLT(可擴(kuò)大的樣式表語言轉(zhuǎn)換，ExtensibleStylesheetLanguageTransformations)，是用于轉(zhuǎn)換XML的語言。

將來的網(wǎng)站將不得不向不同的瀏覽器并向其他web服務(wù)器以不同的格式傳遞數(shù)據(jù)。而XSLT則是一種將XML數(shù)據(jù)轉(zhuǎn)換為不同格式的新的W3C標(biāo)準(zhǔn)。

XSLT可以把XML文件轉(zhuǎn)換為瀏覽器可識(shí)別的格式，比如HTML，或者WML-一種用于許多手持設(shè)備的標(biāo)記語言。

XSLT還可以添加元素，并對元素進(jìn)行刪除、重新排列及排序，測試并確定顯示哪些元素，等等。

Banner制定必須要注意什么

關(guān)于Banner的制定，相信已經(jīng)有很多人都看過這方面經(jīng)驗(yàn)的分享了，我也做過了一些Banner的制定，在這其中通過不斷的學(xué)習(xí)、施行積存了自己的一些小小經(jīng)驗(yàn)和方法，下面給大家淺淺的分享下我總結(jié)的Banner制定經(jīng)驗(yàn)及注意事項(xiàng)。下面從這四部分逐一給大家分享下。

1、banner制定中的文字注意事項(xiàng)

一般來說，網(wǎng)站制作一個(gè)banner分為兩個(gè)部分，文字和輔助圖。雖然輔助圖站的面積比較大，但如果不加入文字說明的話，客戶就會(huì)看不懂你做的banner要表現(xiàn)什么、要說明什么，所以文字是整個(gè)banner的主角，我們在制作banner的時(shí)候特別要注意對文字的處理和擺放。

①分清主標(biāo)和副標(biāo)，從主次上來說，主標(biāo)為主，字體要大顏色要醒目。副標(biāo)起到從內(nèi)容上和形式上都輔助主標(biāo)的作用。一個(gè)好的banner標(biāo)題文字處理都比較飽滿，比較集中。

②如果主標(biāo)太長，必須求方不舍得刪文字的狀況下，對主標(biāo)中重要關(guān)鍵字進(jìn)行權(quán)重，特別主要的信息，弱化的、之、和年第X屆這種信息量不大的詞。

③如果必須求方整體文字太短，畫面太空，可以用一些加入一些輔助信息豐富畫面。如加點(diǎn)英文，域名，頻道名等。

2、Banner有動(dòng)態(tài)和靜態(tài)兩種

在瀏覽網(wǎng)頁的過程中，雖然閃爍的圖案會(huì)產(chǎn)生瞬間記憶刺激，引起注意，但這種記憶往往為壓迫性的，久之易產(chǎn)生負(fù)面效應(yīng)，從而模糊記憶。而穩(wěn)定的畫面不易引發(fā)特別的關(guān)注，但如果有優(yōu)良的界面引導(dǎo)和內(nèi)容，可產(chǎn)生良性的記憶，持久而牢固。依據(jù)粗略統(tǒng)計(jì)，100個(gè)Banner里面有1/3是靜態(tài)的。

3、Banner的"重量'要輕

以46860的Banner為例，最好是15K左右，不要超過22K。而8831的Banner最好在5K左右，不要超過7K太大的會(huì)引起網(wǎng)頁打開速度，導(dǎo)致瀏覽下降，這里面也有個(gè)量的問題，太多的廣告而影響瀏覽者瀏覽網(wǎng)頁，導(dǎo)致反感，這也是一個(gè)問題。所以放廣告條的時(shí)候要合計(jì)到廣告的大小和多少，還有就是搭配問題。

4、從banner制定上來看，必須要注意：

①Banner的文字不能太多，用一兩句話來表達(dá)即可。

②廣告語要朗朗上口，可以第一時(shí)間的讓人逮住表達(dá)的重點(diǎn)。

③圖形無須太繁雜，文字盡量使用黑體等粗壯的字體，否則在視覺上很容易被網(wǎng)頁其他內(nèi)容淹沒。

④圖形盡量選擇顏色數(shù)少，能夠說明問題的事物。

⑤如果選擇顏色很復(fù)雜的物體，要合計(jì)一下在低顏色數(shù)狀況下，是否會(huì)有顯然的色斑。

⑥盡量不要使用彩虹色、暈邊等復(fù)雜的特技圖形效果，這樣做會(huì)大大增加圖形所占據(jù)的顏色數(shù)，增大體積。

⑦產(chǎn)品數(shù)量不宜過多。很多廣告主總是想展示更多產(chǎn)品，少則4-5個(gè)，多則8-10個(gè)，結(jié)果使得整個(gè)Banner變成產(chǎn)品的堆砌。

Banner的顯示尺寸非常有限，擺放太多產(chǎn)品，反而被淹沒，視覺效果大打折扣。所以，產(chǎn)品圖片不是越多越好，易于識(shí)別是關(guān)鍵。

網(wǎng)站著陸頁應(yīng)該如何制定

一個(gè)網(wǎng)站的著陸頁是承載了很多東西的，當(dāng)有人打開網(wǎng)站的著陸頁的時(shí)候，就能很快的讓人知道你的品牌如何，再通過行為性的"呼喚元素'來促使用戶執(zhí)行你的特定操作，通過視覺化的手法，給用戶留下深入的印象等，想要把著陸頁做好，真的是很困難的事情。在這里，時(shí)間財(cái)富網(wǎng)的我就說幾個(gè)著陸頁制定效果的小技巧。

正如同你所知道的，著陸頁的制定并不簡單。單純的將你的LOGO替換到著陸頁模板上，并不能夠帶來足夠優(yōu)秀的制定效果，導(dǎo)航是否好使，可讀性是否優(yōu)秀，整體的制定是否一致，都會(huì)影響著著陸頁的效果，而這些都必須要你進(jìn)行貼切而細(xì)致的制定，才干做好。而這也使得這些提升頁面效果的技巧非常有用。

第一，著陸頁的頂端。

著陸頁必須要有網(wǎng)站的logo，如果是企業(yè)網(wǎng)站，那就必須要布置企業(yè)的logo，客人能夠據(jù)此一看便知你的網(wǎng)站是什么，進(jìn)而能夠清楚的傳達(dá)給用戶你的網(wǎng)站是做什么的，能夠?yàn)橛脩籼峁┦裁礃拥姆?wù)。另外在logo的一側(cè)還必須要放置網(wǎng)站的定位語，這樣就能夠和行業(yè)進(jìn)行一定的區(qū)分，讓用戶明白你的網(wǎng)站和同行之間的區(qū)別，接著右邊可以放置網(wǎng)站的聯(lián)系方式，通常是企業(yè)的400，這能夠展現(xiàn)出企業(yè)實(shí)力，讓用戶覺得這是大企業(yè)。

第二，著陸頁要配置相應(yīng)的Banner圖。

關(guān)于企業(yè)網(wǎng)站而言，Banner上可以配置企業(yè)曾經(jīng)的一些成功案例，或者企業(yè)的產(chǎn)品，抑或是企業(yè)的核心優(yōu)勢。這些圖一定要制定成高大上，同時(shí)要注意圖和網(wǎng)站內(nèi)容的相關(guān)性，有的企業(yè)網(wǎng)站的著陸頁就在這里出現(xiàn)了只要好看，不特別和企業(yè)的相關(guān)性，就顯得不夠?qū)I(yè)大氣，進(jìn)而影響到企