1、如何學好網頁設計?
需要有一個明確的學習路線 也就是類似提綱的東西
在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁製作軟體,就能搞好網頁設計了。這種理解很狹隘。
其實網頁設計是一個感性思考與理性分析相結合的復雜過程,它的方向取決於設計的任務,它的實現依賴於網頁的製作。正所謂「功夫在詩外」,網頁設計中最重要的東西,並非在軟體應用上,而是在我們對網頁設計理解以及設計製作水平上,在於我們自身美感以及對頁面把握上。
首先,我們要弄清楚網頁設計的任務。
一、設計的任務
設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者意圖,而並非創造美。
網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分為以下三類。
第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造嫌疑。
第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確了設計的任務之後,接下來就是要想如何完成整個任務了。
二、設計的實現
設計的實現可以分為兩個部分。第一部分為站點規劃及草圖繪制,這一部分可以在紙上完成。第二部分為網頁製作,這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統報刊雜志來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。
除了要有一台配置不錯的計算機外,軟體也是必需的。不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。筆者常用的軟體是Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟體。
接下來我們要做的就是通過軟體的使用,將設計藍圖變為現實,最終集成一般是在Dreamweaver里完成的。雖然在草圖上,我們定出了頁面大體輪廓,但是靈感一般都是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在製作過程中,我們會碰到許多問題,其中最敏感的莫過於頁面顏色了。
三、色彩的運用
色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象徵生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象徵安寧和平與安全,如綠色食品。紫色是高貴的象徵,有莊重感。白色能給人以純潔與清白的感覺,表示和平與聖潔。
我們知道,顏色是光折射產生的,紅、黃、藍是三原色,其它色彩都可以用這三種色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們的作品更貼近現實。
色彩代表了不同的情感,有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際意義,和不同顏色搭配,它所表現出來的效果也不同。比如綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同,配色方案也隨之不同。考慮到網頁的適應性,應盡量使用網頁安全色。
但顏色的使用並沒有一定法則,如果一定要用某個法則去套,效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和對比來完成整個頁面配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目的視覺效果。
四、造型的組合
在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡,是需要點、線、面的共同組合與搭配來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交叉、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。
通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感,讓觀者在感受美的過程中領會設計的主題,從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上的各種元素有機的組織起來,它甚至還可以引導觀者的視線。
五、設計的原則
設計是有原則的,無論使用何種手法對畫面中的元素進行組合,都一定要遵循五個大的原則:統一、連貫、分割、對比及和諧。 關鍵字: 網頁製作 學習|網頁設計技巧|網頁設計的原則|
2、怎麼做好網頁設計?
網頁設計是一個綜合性的,工作,他不但但要求你用美術,美術只是其它一門最重要的,
還有社會文化的了解,對各方面藝術的精通,精懂,你才會,有更出色的作品,更好的創意,
有時候靈感,就是原自每個人的生活,和我們十分相近,只要用心觀察,用心學習,就會有進步的
首先,基礎的工具軟體,PS FLASH DW AI 3DMAX這些都要求會使用,並用其做出效果
然後,你要用HTML CSS JAVASCIRPT 有所了解並學習,基礎客戶端語言編程,
在則,你最好,了解後,能進一些好的北京地方的,科班進行學習深造,了解構圖方法和一些設計理念以備在自己的工作中加以應用,
最後,就是,學完後,不一定說明你就是最好的優秀的,各各方面,要看你自己的能力,是否,會來到這個行業中,去學習去進步跟你的團隊一起完成一個提案,等,都 是問題,最好學好以後去一些公司實習,或一邊實習一邊學習,建意你從平面設計開始學起,從平面設計轉入交互設計,會有一守的過濾,這樣對你日後 ,發展有一定的幫助,
3、網頁設計的幾個要素是什麼?
(一)圖片要素
圖片並不適合於所有的網頁,而是和網頁的主要內容有關,有些網站,來訪者並不在意網頁是否可以做出精美的圖片,他們所關心的只是網站中的內容,如果加入大量的圖片,來訪者反而覺得過多的圖片會影響訪問的速度;而像游戲網站、風景名勝網站和影視介紹網站,則需要大量精美的圖片作為依託。在這類網站中,圖片是一個極其重要的要素,如果這類網站少了做工精美的圖片,那麼整個網站都會顯得黯然失色。要做出精美漂亮的圖片,就需要設計者熟練掌握圖形圖像設計軟體,還要有一定的美術基礎和創意技巧。
(二)排列方法要素
網頁的排列方法也叫做網頁布局,這是網頁設計中尤為重要的一環。網頁作為一種版面,既有文字又有圖片,文字有大有小,有標題和正文之分,圖片有橫豎之別。我們要用完美的格式將文字和圖片同時展現給來訪者,而不能將其簡單地羅列在一起,給人一種雜亂無章之感。關於網頁布局,常見的有「國」字型、標題正文型、拐角型、左右框架型、上下框架型、綜合框架型等多種方式,我們要根據網頁的內容來進行選擇。如網頁內容豐富繁雜,就需要考慮用「國」字型或拐角型,而如果網頁內容比較少則可以選擇標題正文型。關於網頁布局,我們要靈活多變地來進行設計,這樣才能不斷提高和豐富我們的網頁。
(三)主色調要素
主色調要素也就是色彩要素,色彩在網頁中佔有很大的比重。我們在進行網頁主頁設計時,利用合理清新的色彩可以彌補主頁上的其他不足。當然,在網頁頁面的色彩搭配選擇上與網站的主題是分不開的,一個網站在色彩的選擇上不能太多也不能太少,這樣既可以避免瀏覽者因色彩過多而迷失方向,也不至於色彩單調而乏味。
4、網頁設計難不難學,有什麼技巧嗎?
我個人而已,學起來不是很難,技巧的話,就是要去理解盒子與盒子之間的關系,並記住各種標簽
5、Dw網頁設計製作9個小技巧,你都會嗎
1)怎樣將 Dreamweaver 集成到 IE 瀏覽器?
Dreamweaver 安裝程序會在上下文選單增加一個「 Edit with Dreamweaver 」命令,我們還可以修改 Windows 的注冊表使它與 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一樣,通過 IE 工具欄的編輯按鈕來調用 Dreamweaver 打開當前網頁。
將下面文本的最後一行要改為你自己的 Dreamweaver 安裝路徑,把它們保存為一個 *.reg 文件,雙擊它將信息添加到注冊表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要設置為 IE 預設的編輯器,打開 IE 的「Internet 選項」,在程序標簽指定。
2)為了使用某些腳本,經常要為圖形或文本加上空鏈接,但是瀏覽時點擊有空鏈接的對象時,會跳到頁面的頂端,如何避免?
因為瀏覽器以為鏈接到同一頁,可它又找不到定義的書簽( anchor ),於是停留在頁面的頂端。用「 javascript:void(null) 」替換空鏈接的「 # 」,解決這個問題。
3)使用 CSS 、層的時候,在不同瀏覽器的效果不一樣,有時甚至出現錯位現象,怎樣解決?
在對不同瀏覽器的兼容方面, Dreamweaver 作得不錯,但絕不意味用 Dreamweaver 作出的網頁在 IE 和 Netscape 中完全一樣。通常情況下,用不同的瀏覽器瀏覽同一個網頁的外觀不可能完全一樣,這是不同廠家的瀏覽器本身決定的。
一般要盡量注意以下問題:
不要混合使用層和表格排版,如果是父子關系,如層中表格,不在此原則范圍內;
內聯式的 CSS 在 Netscape Navigator 中經常會出現問題,使用鏈式或內嵌式;
有時需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。對於只有幾個像素寬度或高度的層,改用圖片來實現;
避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。
4)為何從別的文檔拷貝文本到 Dreamweaver ,所有的段落會擠成一團,而在 Dreamweaver 內部又帶有格式代碼?
Dreamweaver 復制和粘貼文本有二種類別,標準的方式將對象連同對象的屬性一起復制,把剪貼板的內容作為 HTML 代碼;另一種方式僅復制或粘貼文本,復制時忽視 html 格式,粘帖時則把 html 代碼作為文本粘貼。多按一個「 Shift 」( Ctrl+Shift+C/Ctrl+Shift+V )鍵即按後一種方式操作。
5)為什麼網頁用 IE 瀏覽正常,用 Netscape Navigator 卻不符合要求甚至出錯,而且在 Dreamweaver 的文檔窗口老是修改不好?
請檢查代碼。因為用所見所得編輯器反復修改頁面的某些部分,有時會留下一些多餘的代碼,比如多餘的鏈接,這些代碼在 Dreamweaver 的文檔窗口看不到, IE 會忽視它們。但是 Netscape Navigator 對代碼要求更嚴格,預覽時就出現不可思議的現象。
6)在 Netscape Navigator 中,有些書簽( anchor )不起作用,有些好象消失了?
Netscape Navigator 的書簽是大小寫敏感的。在 Navigator 中,多層嵌套的表格裡面的書簽會丟失,把書簽放到表格外面。
7) Dreamweaver 文檔窗口布滿了各種各樣的面板,為了編輯文檔,不得不扒開一個個空隙,太累,如何是好?
一個 800X600 分辯率的屏幕對於 Dreamweaver 來說確實小了些,不過即便是 1024X768 ,也放不下所有的面板。關鍵是好好組織。
關閉那些在編輯中暫時用不到的面板,把常用的面板放在一起,節省屏幕空間;
除非現在要用,否則關閉「 HTML Source Inspector 」,它除開佔用屏幕空間,還佔用相當的系統資源;
按 F4 隱藏所有打開的面板,一覽文檔的全貌,再按一下,顯示面板;
在「 Windows 」選單有個「 Arrange Floating Palettes 」命令,使用這個命令將所有打開的面板放在窗口四周,並互不重疊。
多用快捷鍵並熟練掌握是很好的提高工作效率的方法。
當添加不可見的對象時,Dreamweaver會在文檔窗口的頁面頂部加上相應的圖標,如果圖標太多,可能妨礙編輯。可以按「Ctrl+Shift+I 」(主選單 View|Invisible Elements )來隱藏和顯示它們。也可以設定不出現這些圖標,不過不建議這樣作,因為它們能幫助選擇對象,便於編輯。
8) Head 對象面板只能添加內容,能在文檔窗口修改 標記的內容嗎?
可以。有一種非常直觀的方式,按「 Ctrl+Shift+W 」(主選單 View|Head Content ),在文檔窗口主選單欄下出現一行圖標,點擊這些圖標修改。
9)如何選擇表格、層裡面那些非常小的,比如 1X1px 的圖片?
在表格的單元格中點擊,然後按下「 Shift 」鍵,用箭頭鍵移動即可選擇。
也可先選定表格單元(按下 Ctrl 鍵,用滑鼠點擊相應單元)或者層,然後在「 HTML Source Inspector 」面板中選擇高亮代碼中的 ,返迴文檔窗口,圖片即被選擇。
6、網頁製作有哪些技巧?
1.對比圖像,文字更具吸引力
2.眼球的第一運動聚焦於網頁的左上角
3.用戶瀏覽網頁時,首先觀察網頁的左上部和上層部分,之後再往下閱讀,瀏覽右邊的內容
4.讀者會忽視橫幅廣告
5.花哨的字體和格式被忽視
6.用數詞來代替數字
7.字體大小影響瀏覽行為
8.遇到感興趣的內容,用戶僅會多看一眼副標題
9.人們大都只瀏覽網頁的小部分內容
10.簡短的段落相對於長段落來說有更好的表現力
11.根據視覺鎖定,一欄格式比多欄格式擁有更好的表現力
12.網頁頂部和左邊的廣告更能吸引眼球
13.將廣告放置與最佳內容一旁也可以提升注意力
14.在各種測試中,人們閱讀文字廣告最為專心。
15.越大的圖像吸引越多的注意力
16.干凈、清晰的特寫圖片能吸引更多的視覺注意
17.標題能吸引眼球
18.用戶花費大量時間察看按鈕和菜單
19.表單格式可以延長讀者的注意時間
20.避免呈現大塊的文本
21.格式可以吸引注意力
22.利用好空白
23.放置於網頁頂部,導航工具的作用將更好的發揮
7、網站設計有什麼技巧或者說注意點?
1、使用者優先的觀念
無論什麼時候,不管是著手准備設計HomePage之前。正在設計之中,或者已經設計完畢,有一個最高行動准則一定要牢記在心,那就是∶使用者優先。因為沒有使用者去光顧, 任何自認再好的HomePage都是沒有意義的。
2、考慮大多數人的連線狀況
您或許使用辦公室的ISDN,也可能使用學校的高速專線,但您都必須知道,目前大多數人所使用的還是14.4K或28.8KModem透過電話線路的緩慢連線方式 ,而且塞車塞得很嚴重。所以您在設計HomePage時就必需以這種普遍狀況為設計參考量,不要放置一堆會加重塞車情形或讓人等得發火的東西。最後,完成之後, 您最好自己透過遠端Modem撥接上網的方式來親自測試一下。
3、考慮使用者的瀏覽器
其次,必需考慮使用者的瀏覽器軟體,如果您想要讓所有的人都可以毫無障礙地觀看您的HomePage,那麼最好使用所有瀏覽器都可以閱讀的格式,不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果想要展現自己的高超技術又不想放棄一些潛在觀眾,可以考慮在主頁中設置幾種不同的觀賞模式選項(例如純文字模式、Frame模式、Java模式等等),供瀏覽者自行選擇。
4、內容第一
「內容永遠第一」,這句話適合書本,更適合網路上的HomePage,而且幾乎每個參與提供意見的人都舉雙手贊成這句話。沒有內容的書本已經夠令人討厭, 但至少您還可以很快判斷出來,而HomePage呢?您可能得耗費一整個晚上的時間與金錢,才會發現原來網站里根本沒有您要找的東西,這種痛苦真不是三言兩語可以形容。內容可以是任何東西,包括文字、圖片、影像、聲音等等,但請記住一點:一定要跟這個網站所要提供給人的訊息有關系。再提醒一次∶內容永遠第一!
一個好的網站在進行實際的HomePage建置之前,首先應該考慮什麼條件呢?它們包括有:牢記使用者優先的觀念、考慮大多數人的連線狀況、考慮使用者的瀏覽器,以及內容第一等等。再來看看在著手HomePage的實際建置過程中,所應該掌握的幾個重點原則。
5、著手規劃、確定特色、鎖定目標
不管做什麼事,一定要進行規劃,建置網站更是如 此。規劃時必須確定自己網站的性質、 提供內容、目標觀眾,然後根據本身的軟硬體條件來設置范圍。網路的特色是及時、新鮮、豐富、熱鬧,這是吸引大家上網的條件,如果本身條件強大,可以根據上述原則使自己網站成為一個全方位的信息提供者,如果不足,就成為單方面的提供者;此外,還可以在特殊議題或主題上加以突出,進一步鎖定目標觀眾。
6、第一頁很重要
第一頁是最重要的東西,因為它是別人認識這個網站的第一印象。如果是新開幕的站台,最好在第一頁就對這個網站的性質與所提供內容做個扼要說明與導引,讓別人判斷要不要繼續進入裡面。最好第一頁就有很清楚的類別選項,而且盡量符合人性化,讓參觀者可以很快找到需要的主題。在設計上,最好秉持干凈而清爽的原則。第一、若無需要,盡量不要放置大型圖形文件或加上不當的程序,因為它會增加下載時間,導致觀賞者失去耐心;第二、畫面不要散置得太過雜亂無序,因為觀賞者會找不到東西。記住:失敗的第一頁會讓許多人掉頭遠去,不可不慎。
7、分類
內容的分類很重要,可以按主題分類、按性質分類、按機關組織分類,或按人類思考直覺式地分類等等,一般而言,按人類的直覺式思考會比較親切。但無論哪一種分類方法,都要讓使用者可以很容易找到目標。而且分類方法最好盡量保持一致,若要混用多種分類方法也要掌握不讓使用者搞混的原則。此外,在每個分類選項的旁邊或下一行,最好也加上這個選項內容的簡要說明。
8、互動性
WWW的另一個特色就是互動。好的網站 HomePage必須與使用者有良好的互動性,包括在整個設計呈現、使用介面導引上等等,都應該掌握互動的原則,讓使用者感覺他的每一步都確實得到適當的回應,這部份需要一些設計上的技巧與軟硬體支持。事實上,好的網站HomePage設計必須加上個人技巧、經驗累積以及軟硬體技術的配合運用等。
9、圖形應用技巧
圖形是WWW網站的特色之一,它帶有醒目、吸引人以及傳達訊息的功能,好的圖形應用可以讓HomePage增色不少 ,但不當的圖形應用則會帶來反效果,而其中又以大量使用無意義及大型的圖形成為HomePage的敗筆。筆者建議,如果可以,應盡量縮小或省略圖形。目前國內的網路傳輸資源極為有限,因此使用圖形時一定要考慮傳輸時間的問題。根據經驗與統計,使用者可以忍受的最長等待時間大約是90秒鍾,如果您的HomePage無法在這段時間內傳輸並顯示完畢,那麼使用者就會毫不留情掉頭離去。因此必須依據HTML 文件、圖形文件的大小,考慮傳輸速率、延遲時間、網路交通狀況,以及服務端與使用者端的軟硬體條件,估算HomePage 的傳輸與顯示時間。在圖形使用上,盡量採用一般瀏覽器均可支持的壓縮圖形格式,例如JPEG與GIF等,而其中JPEG的壓縮效果較好,適合中大型的圖形,可以節省傳輸時間。如果真要放置大型圖形文件,最好將圖形文件與HomePage分開,在HomePage中先顯示一個具有連結功能的縮小圖檔或是一行說明文字,然後加上該圖形文件大小的說明(例如100KB),如此不僅加快HomePage的傳輸,而且可以讓使用者判斷是否繼續進入觀看。
10、圖形加上說明
此外,還有一點要特別提醒,許多網站建置者常常忽略了這件事。為了節省傳輸時間,許多人習慣採用「關閉圖形「 的模式再觀看您的HomePage(甚至有人使用純文字的瀏覽器 )。因此當您在放置圖形時,一定要記得為每個圖形加上不顯示時的說明文字(也就是在HTML文件中的圖形文件後面加上alt文字說明),如此使用者才能知道這個圖形代表什麼意義,判斷要不要觀看。特別是如果這個圖形具有可連結的選項功能時,千萬記得一定 要加上說明文字,並給予同樣的可連結功能。
11、背景底色
不少人喜歡在HomePage中加上背景圖案,認為如此可以增加美觀,但卻不知這樣會耗費傳輸時間,而且容易影響閱讀視覺,反而給予使用者不好的印象。筆者建議,若沒有絕對必要,最好避免使用背景圖案,保持干凈清爽的本文。但如果真的喜歡使用背景,那麼最好使用單一色系,而且要跟前景的文字可以明顯區別,最忌諱使用花俏多色的背景,因為這樣不僅大量耗費傳輸與顯示時間,而且會嚴重混亂使用者的閱讀。
12、HTML格式的注意事項
有關HTML的撰寫方面,應注意以下的一些注意事項;不少人在撰寫HTML文件時,會簡略一些命令格式,但為了日後維護方便,撰寫HTML時最好架構完整,而且初學者也可以藉此對HTML語法有正確認識。另外,如果本身網站想讓別人可以透過搜尋站來找到, 那麼千萬不要忘了在〈Title〉指令中加上可供搜尋的關鍵字串。為了增加與使用者的互動,HomePage中最好也加上可供使用者表達意見的E-mail信箱,在HTML中一定要注意它的格式命令寫法,許多人在這個地方常常寫錯。另外,在PC系統下,文件的大小寫不分,但在UNIX系統下,則大小寫有區分,需要注意。
13、避免濫用技術
技術是令人著迷的東西,許多人也喜歡使用技術。專家普遍指出,好的技術運用會讓HomePage栩栩如生,令人嘆為觀止;但不當的技術則適得其反,反而成為HomePage的大敗筆。首先,使用技術時一定要考慮傳輸時間,不要成為他人觀看的沉重負擔;其次,技術一定要與本身網站的性質及內容相配合,不要耍了一大堆不相乾的技術。有一個最常見的技術應用,就是利用JavaScript撰寫一個走馬燈的功能,讓文字可以動態地顯示在窗口的最下一欄,這種方式看起來似乎很酷,但卻容易遮住該位置原本用來顯示地址及傳輸狀態的功能,反而造成使用者的不便。何況既然只是顯示一兩個文字,何不直接放在HTML本文中呢?Java小程序也是目前網路上的常見技術,它是一個好用的利器,擅長於動態物象的呈現,雖然只要瀏覽器支持就可以動,但同樣,也需要考慮傳輸時間,以及一般人的電腦系統負荷等問題。最後,技術最好不要用得太過多樣而復雜,有些人似乎不展現功力就不快樂,所以也不管合不合適,就把所有可用技術全部用在裡面,這時大家就會看到一個慘不忍睹的HomePage。
14、即時、更新、維護
不要忘記,大家都想看新鮮的東西,沒人對過時信息有興趣, 所以資料一定要注意即時性。有些網站半年沒更新,感覺就像一池死水。如果想要經營一個帶有即時性質的網站, 除了注意內容外,資料還要記得每日更新。筆者建議,不妨每隔一陣子就對頁面設計做一次小翻新,時時保持新鮮感。最後,須考量的就是事後維護管理的問題,寫HomePage很簡單,但維護管理就比較繁人,它的工作往往偏重屬重復而死板。個人性質的網站在維護管理上比較簡單,但公司網站如此不僅加快HomePage的傳輸,而且可以讓使用者判斷是否繼續進入觀看。
8、怎麼學好網頁設計?
需要有一個明確的學習路線 也就是類似提綱的東西
很多人都是 這邊學一點 那邊學習一點 學了很久 都是皮毛上面的毛
首先了解一個 網頁設計的幾個方向,自己選一個 方向作為自己努力的目標
粗淺說一下個人的看法:前台 設計 目前比較多指的是平面方面的設計,就是頁面做的漂不漂亮,然後是符合web標准;
後台 指的是動態網頁+資料庫方面 的內容 主要實現網頁與用戶的交互功能;
以前還有一個方向叫做RIA當時主要用Flash來開發 動態效果豐富的交互界面web應用程序;
貌似隨著Ajax的出現打破了,RIA 有了新的發展方向。
本人了解的東西比較少,上面這么說可能很不全面,僅供參考吧!
確定一個方向以後開始安排學習!(作為一個全面的web人才,各個方面都可以學一些,但是作為剛開始入門,建議不要貪多,選一個方向深入學習,積累的一定程度以後,可以橫向擴展 學習其他方面的一些東西,這樣才會可持續發展!)
然後開始 從基礎學起,基礎中的基礎HTML,別小看這個東西,很多做網頁的人都沒有認真仔細學習過HTML 這個要學仔細。
HTML之後 建議系統的了解一下CSS 這個在目前是前台開發非常重要的一塊。http://www.w3schools.com/ 這里是比較權威的網頁學習網站,但是.....是英文的,看個人能力了....囧
當然,你還需要一個網頁開發工具,這要根據你選擇的方向有針對性的挑選,如果是做前台,PS 肯定要學 然後比較大眾的是Dreamweaver 和 Flash
如果你是搞web應用程序開發的,根據選擇的語言找一款對應的好上手的IDE環境就可以了,高手們經常炫耀說只要"記事本"就足夠了,入門級別的人千萬別這么玩,人家把知識全裝到腦子裡面了,你可玩不了這么高級的。
語言的學習就因人而異了,每個人的基礎程度不同,各個語言都有經典的教程和書籍。
語言學習的同時要學非常重要的一塊:資料庫~~~ 這個.......沒什麼說的了,努力+加油!
很重要的一點就是:加入專業論壇,有問題可以問問網友,同時你也可以,經常瀏覽論壇看看別人遇到哪些問題,檢驗檢驗你自己是否能解決這類問題,對自己的經驗積累和提高很有幫助。
簡單推薦幾個學習的地方:1.藍色理想(老牌基地了,精華帖子比較多,對初學者絕對是精華了,高手跳過此步) 2.CSND 這里學習氛圍挺濃,高手深藏不漏哦 問問題經常能得到很多回復。
如果學前台設計,那就要到專業的 PS 或 AI 論壇學習了,國內著名的幾個設計論壇都可以去混混,多看看別人的東西,一定不能手懶,別人寫了一個教程,不能只是看看,一定要親手操作操作,積累再積累,到了一定程度 你就會爆發了 呵呵!
再者就是收集素材,日積月累吧,別小看收集素材,也是提高審美的一種手段;當然你如果是寫web程序的,收集別人的經典代碼、教程也是自我積累的好方法。
學習到一定程度之後,看看主流的一些開發流程,自己總結一下學習過的軟體和知識,形成一套自己的開發流程,這樣做事情就不會手忙腳亂了。(以前經常看見有人,開了PS 開了DW 開了Flash 開了資料庫管理系統 開了web應用開發環境.........真叫手忙腳亂啊)
也許看過以後感覺很囧,要學這么多東西啊??目前中國國情就是這樣,一個人要身兼數職,那個方面多少都要會一點,這樣才能有飯吃。國外都是每個人學一樣,有人專門做平面設計 然後有人專門 做成符合標準的DIV+CSS網頁 然後有人專門做資料庫 再有人專門做web程序............國內這樣專業分工的公司可不多。
忘記了一點:另外一類東西叫CMS 就是網站內容管理系統,一套網站管理系統,直接在後台寫文章,做一套模板 前台就能生成整套網站,作為應用級別的,這種來得最快。根據你自己的需要去選擇 去學習吧。
總之,選擇了這條道路 就要有長期抗戰的准備,幾乎天天都在技術進步和更新。
亂寫一氣,還是匿了........囧
9、關於網頁製作的技巧問題
dreamweaver 與 Frontpage 都是工具,具體實現都可以做出來的, 不過應該大致思路是用div標簽來做菜單,然後利用滑鼠事件,當位於文字上時div標簽由隱藏更改為顯示,當離開時,再將屬性回復為影藏;哎,好久都沒有干這方面的事情了,有些生疏了,