如何制作網(wǎng)頁也許是很多新手設(shè)計師們都會遇到的一個問題 。網(wǎng)頁是一個企業(yè)、團體、組織的門戶 ， 通過精彩的網(wǎng)頁可以讓用戶記住你所要表現(xiàn)的主題和要實現(xiàn)的功能 。因此對于設(shè)計師來說 ， 學習如何設(shè)計出理想的網(wǎng)頁 ， 幫助客戶建立所期望塑造的品牌形象是一門大學問 。在這篇文章中 ， 我們一起分享一些關(guān)于網(wǎng)頁設(shè)計的思路和方法 。
在開始設(shè)計你的網(wǎng)頁之前 ， 首先要了解什么是網(wǎng)頁：
Web 是一種體系結(jié)構(gòu) ， 通過它可以訪問遍布于Internet主機上的鏈接文檔 。Web 是Internet提供的一種服務；是存儲在全世界Internet計算機中的數(shù)量巨大的文檔的集合；Web 上海量的信息是由彼此關(guān)聯(lián)的文檔組成 ， 這些文檔稱為主頁（Home Page）或頁面（Page） ， 它是一種超文本（Hypertext）信息 ， 而使其連接在一起的是超鏈接（Hyperlink） 。
最常用的應用有：Internet 。
其次 ， 你要熟悉設(shè)計網(wǎng)頁所需要的主要功能：
【其實，設(shè)計網(wǎng)頁并不難！如何設(shè)計出理想的網(wǎng)頁 ...】
1.HTML功能
出版在線的文檔 ， 其中包含了標題、文本、表格、列表以及照片等內(nèi)容 。
通過超鏈接檢索在線的信息 。
為獲取遠程服務而設(shè)計表單 ， 可用于檢索信息、定購產(chǎn)品等 。
在文檔中直接包含電子表格、視頻剪輯、聲音剪輯以及其他的一些應用 。
2.ＣＳＳ功能
ＣＳＳ是Cascading Style Sheets（層疊樣式表單）的簡稱 。它主要的功能是可以在將網(wǎng)頁的樣式（如字體大小、字體顏色、行高度、背景色……）更靈活地控制、定位（如建立專門的ＣＳＳ文件 ， 只要改變一個數(shù)值 ， 就可令一整個網(wǎng)站的字體風格產(chǎn)生變化） 。
最常用的應用有：去下劃線、設(shè)置字體大小為Xpx或Xpt、設(shè)置字體在點擊時變色、定位行高……
3.ＦＴＰ功能
文件傳輸協(xié)議 File Transfer Protocol 的縮寫 。文件傳輸協(xié)議可讓用戶進入另一臺電腦系統(tǒng)取得公用軟件或是傳送文件至另一個電腦系統(tǒng)內(nèi) 。
最常用的應用有：使用ＦＴＰ權(quán)限進行網(wǎng)頁上傳、下載……
4. JavaScript 語言
JavaScript是一種緊縮的、基于對象的腳本描述語言 ， 用于客戶端和服務器端Internet應用程序的開發(fā) 。由Netscape公司開發(fā) ?，F(xiàn)在的ＩＥ、ＮＳ瀏覽器 ， 可解釋直接嵌入在HTML頁面中的JavaScript語句 ， 不需要通過編譯 。相類似的語言還有由微軟公司開發(fā)的VBScript 。
最常用的應用有：動態(tài)按鈕、彈出窗口、自動更新日期……
你的設(shè)計流程
只要能熟悉這些基礎(chǔ)功能 ， 就算不是專業(yè)設(shè)計師 ， 配合使用相關(guān)軟件也能設(shè)計出一個符合品牌形象 ， 并且讓人印象深刻的網(wǎng)頁 。一般而言 ， 一個網(wǎng)頁設(shè)計流程包含：設(shè)計主題丶收集材料和研究丶規(guī)劃網(wǎng)頁布局丶選擇工具丶制作、上傳和推廣 。經(jīng)過了這樣一連串的過程之后 ， 你的網(wǎng)頁應該算大功告成！
工欲善其事 ， 必先利其器 ， 在這里推薦幾款常用的網(wǎng)頁設(shè)計工具：
1. Frontpage
Frontpage 可能是最簡單、最容易 ， 卻又功能強大的網(wǎng)頁編輯工具 。采用典型的 Word 界面設(shè)計 ， 只要你懂得使用 Word ， 就差不多等于已經(jīng)會使用 Frontpage 。就算你不懂 Word 也沒關(guān)系 ， "所見即所得"的操作方式會讓你很快上手 ， 而且你無須學習 HTML 語法 。但Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好 ， 做出來的網(wǎng)頁 ， 用 Netscape 往往不能正常顯示；其次 ， 生成的垃圾代碼多 ， 也會自動修改代碼 ， 導致在某些情況下極為不便；再次 ， 對DHTML的支持不好 。但不管怎么說 ， Frontpage 的確是最好的入門級網(wǎng)頁編輯工具 。
推薦閱讀
- 總結(jié)一些打動人心的APP設(shè)計點
- 卡通吉祥物的設(shè)計理念和設(shè)計技巧
- 封面設(shè)計要點|時尚雜志封面設(shè)計注意事項
- 如何設(shè)計出好的字體？
- 品牌VI如何設(shè)計才能精益求精
- 包裝設(shè)計中不可思議的個性主義和意義體現(xiàn)
- Banner設(shè)計的三大注意和六大原則！
- 網(wǎng)站banner設(shè)計不可忽視的3大要點！
- 新手設(shè)計師該如何搞定電商Banner
- 提高點擊率的Banner設(shè)計14招