網頁製作設計

1、關於網頁設計與製作

2、網頁設計需要什麼?

學習HTML。用HTML設計網站，可以控制設計的整個過程。但是，如果僅僅是網站設計的新手，應該尋找一個允許修改HTML的軟體包。HomeSite4為一個很好的Web設計工具。

在設計過程中，HomeSite4能幫助學習HTML。它還允許切換到所見即所得的模式，以便在把網站發送到Web之前，預覽網站。HTML編寫過程中可以大段大段地刪減，這是一特點。

常用軟體：Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用來進行圖像處理的，把渲出來的圖通過PS使其更加具有真實感。

(2)網頁製作設計擴展資料

在進行網站製作前，首先要進行網站頁面的整體設計。一個網站是由若干個網頁構成的，網頁是用戶訪問網站的界面。因此，通常意義上的網站設計，即指的是網站中各個頁面的設計。而網頁設計中，最先提到的就是網頁的布局。布局是否合理、美觀，將直接影響到用戶的閱讀體驗及訪問時間。

在互聯網高速發展的今天，網路已成為人們生活的一部分，成為人們獲取信息資源的重要途徑。信息的呈現離不開網頁這個重要的界面，網頁的主要作用是將用戶需要的信息與資源採用一定的手段進行組織，通過網路呈現給用戶。

3、網頁設計,網頁製作?

如何可以拿到屬於自己的網站?如何設計?如何申請網站空間?如何申請www.開頭的網站?
1.屬於自己的網站：當然要自己製作或者找別人幫你製作
2.設計；靜態頁面使用ps或fireworks製作頁面；用asp或PHP或.net等等製作動態程序；
3.申請空間：《1》在網路提供商那裡開個代理然後注冊，個人可以用身份證備案（也可以讓我給你注冊哈，我就是做這些的），《2》申請空間和域名一樣，申請好了就把域名和空間綁定就OK啦；申請空間的時候，會有FTP然後把文件傳上去在備案就能正常訪問了；（域名空間，我可以給你申請，若果有需要）
4.申請的都是WWW開頭的
，只是結尾不一樣，com（國際域名），cn（國內域名）等等；
願你能解決問題

4、網頁製作設計的介紹

網頁設計是指使用標記語言，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（外語簡稱：GUI）的形式被用戶所瀏覽。 簡單來說，網頁設計的目的就是產生網站，什麼是網站呢，就是伺服器內的一系列網頁的組合，終端用戶發出請求後[[伺服器通過傳輸特定的網頁向用戶傳輸所需的信息。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使用HTML/XHTML/XML放置到網站頁面上。而更復雜的信息如vector graphics,動畫，視頻，聲頻則需要插件程序例如Flash, QuickTime, Java run-time environment,等等，這些插件程序也是通過HTML/XHTML/XML植入網頁的。 隨著瀏覽器和W3C標准一致性的改善，XHTML/XML（可擴展標記語言）與層疊樣式表（外語簡稱：CSS）共同用作網頁內容的設計已經被廣泛的接受和使用。最新的標准和建議則是朝著瀏覽器的能力擴充和改善發展，使之能夠不需要插件程序也能夠給用戶傳輸多媒體信息和更多的選擇。

5、網頁設計(網頁製作)

看見你的留言過來的= =

想問 你到底想學什麼呢？ 如果你想走網頁設計那條路的話 那就走那美工條路
應聘的職位就是 網頁美工或網頁設計師
如果你想做程序員 就學編程去 應聘的職位是程序員 網頁編程
我不是程序員 我是純美工一個 所以也只能給你走美工的路的意見了
-------------------------------------------

要做設計 那你就得做高級美工 不然 普通的修改和找個模板改改的事 程序員也會做 用不著多找你一個

網頁設計怎麼學 其實很簡單 最初就是從看開始 網站你見過吧 到處都有 你找優秀的看 你要注意的是 一個好的網站 為什麼讓你覺好看 原因就是三點 顏色、布局、細節
這里介紹你一個站 http://www.sj63.com 裡面收集了很多的優秀網站
如果你真的對設計有興趣 那你看到這個站 你一定會激動 [我當時就激動的不行= =]
這個站 是設計師們經常光顧的站 因為太多優秀的站 非常值得學習哦
但如果你只是想找模板 那你要失望了 這里可不會提供..

好 當你大概明白一個網站的基本構成的時候 那麼你接下來需要的就是素材
再給你一個站 依然是設計師大愛 http://www.zcool.com.cn
如果你真的對設計感興趣 那看到這個你會更加的激動- -|||
裡面不旦有素材 還有很專業的討論區呢 有了作品 投進去看看 會有很多設計師給你很好的建議哦
[以上兩個是我現在正在混跡的地方]

做為一個合格的網頁設計者 這兩個站里的東西已經完全夠你學了
接下來的 就是個人的進階能力的問題咯

另外 要做網頁設計 有兩個軟體你一定要會
一個就是PS 一個就是FLASH 很高興兩樣你都剛好都會一點
那麼 接下來要做的事就是讓你自己會的更多了
PS的學習地 我再給你一個站 我就是從那裡出師的 不敢說自己是PS頂尖 但俺絕對算高手哦-0-
http://www.cntuw.com 這個是個偏學生的站 是我大學的時候混跡的地方 裡面的東西很多 也很好學
如果你能學到說 裡面教的東西你已經能完全融匯貫通
那麼我恭喜你 你已經到了去混做個普通平面設計師都沒有問題的階段咯~

至於FLASH了 這個沒什麼好說的 相信你在圖書館里能借到一堆的書- -
先把FLASH中的基本用法學好 做為能力測驗 你可以做一個FLASH的音樂MV看看 要能做出這個才能叫基本會哦= = 因為這個真的是很基本的..

另外 做為美工的加成的能力 就是要再會幾樣軟體
其中非常重要就是Dreamweaver 這個說重要不重要 卻不能不學
誒 世俗有很頑固的看法 那就是不會Dreamweaver就不能叫做網頁美工
哼 其實誰說非得學 不怕告訴你 我就不會 怎麼著 我也沒想過學 我們公司也沒要求我學 人家要的是我的設計 我設計夠好 他們就沒有話說 我連切圖的工作都是丟給程序做的 怎麼著？人家程序員都沒有意見- -............
誒 好吧 我就是發發牢騷.. 你還是學學吧 世俗的看法很可怕的 為了你能快速找到工作 學吧^^ 這個因為我不會 所以沒發給你准確的意見 就不說了

再一個就是CorelDRAW 這個是矢量製作軟體 有的人可能要說了 這個是平面設計才要的軟體 網頁設計學這個做什麼
有一個事實你必須知道 你剛畢業的話 不可能有大公司 好公司要你 你能找到的 估計就是只有用手指頭就能數清員工的小公司哦
這樣的公司 用人都是往死里用的 你是美工？OK 那不僅網頁 平面廣告的你也一並做了吧-0-..
所以 就當是為了增加就業籌碼 反正你還在大學 趁著還沒火燒眉毛 趕緊學了吧 絕對絕對不會虧的 我發誓= =+

還一個軟體叫Illustrator 這個純粹是為了方便你用素材 因為你網頁的大多數素材都是要用它打開 所以 也談不上學 你只要知道一點怎麼用就可以了

好了 現在 你既會PS 也會FLASH 又懂的CorelDRAW 有了不錯的網頁欣賞水準 也有源源不斷的素材 你自己也很肯努力不斷學習新的設計理念 那你離真正的[網頁設計師] 這個頭銜還能遠么

在公司學習的過程到底是什麼樣呢？ 其實就是個趕鴨子上架的過程
因為公司里讓你做的事 你應該不可能在學校演練到
比如臨時讓你做個FLASH 要求什麼什麼的 那麼 你臨時要做怎麼辦
無非就是絞盡腦汁做出來咯 實在不行 去網上找個FLASH改一改 改成你老闆要的樣子
然後改或做的過程 你就會明白 哦哦 原來這個效果是這樣做出來的啊..

所謂公司實習 也就是這樣一個過程 久了你就習慣了 也很會應付的 這個不用緊張 公司也知道你剛做比較不容易做好 只要盡力去做就好了 慢慢會變好的^^

--------
以上是純美工的路線指導建議 呵呵 我基本已經把我自己的學習之路都給你擺出來了
其實我大學讀的是計算機編程 不過 我實在不喜歡那些枯燥無聊的程序編碼 甚至厭惡到看多了頭很暈的地步 剛好我喜歡畫畫 喜歡作圖 喜歡動畫 於是就自己跑去學美工了
現在很慶幸當初的選擇 我確實適合做美工..

--------------
至於工作好不好找就看你的美工水準了 如果你的美工能力不錯 那比程序員好找多了
我從來就沒愁過工作 我換工作再找新的也就一個星期以內的事- - 而且是我挑公司 不是公司挑我
因為 現在 比起好的程序員 好的美工卻不多哦[當然 可能地域有變 我就不清楚了]

一些忌諱： 網頁設計不是抄襲 找個站改改就好這樣的事最好不要做 你既然做為網頁美工[或網頁設計]那客戶要的就是你的創作
否則 你的工作給會一點美工的程序員也能做 那要你做什麼 所以 不要做讓自己價值貶低的事..
你可以借鑒 可以學習 可以模仿風格 卻不能抄 尺度自己要把握好 這個是做設計基本的職業道德。

再另外 誰說大三學這個遲了？？ 我就是大三下才開始學的= =
我可沒見聘用我的公司對我的工作有任何不滿過

6、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(6)網頁製作設計擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

7、網頁的設計有幾種方法

第一、靠前、無邊框設計。無邊框設計在近幾年比較流行，在設計頁面的時候，將頁面中的風格線、邊框刪掉，用間距來代替的一種設計方法。無邊框設計一般是以大圖為主，圖片本來就是一種分割元素。而內容基本是有規律的，留白間距之間的內容一定要相對一致、重復、緊密，這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說，小眾垂直的產品更適合使用無邊框設計。

第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式，提升了版面的使用率，可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢？1、可以提高頁面的使用率。卡片就好像是一個容器，將類型不一樣的內容設置在不一樣的卡片中，這樣就可以很好地區分內容，還能夠統一頁面的風格。比如傳統列表，內容一般是縱向滾動的方式，能夠展示的內容比較有限，卡片式的設計採用的滑動方式，就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器，將不同的內容放置在不同的卡片，更好地區分內容的類型。卡片的維度是不一樣的，而且相對獨立、有互相有聯系，所以通過卡片歸納網站的內容，整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛，可以覆蓋、滑動、堆疊，有良好的擴展性和可操作性。

第三、分割線的設計。這也是常見的一種頁面布局設計方式，可以更好地幫助用戶快速熟悉頁面的布局，有良好的內容組織性。分割線可以貫穿整個頁面，將不同的內容進行分割，成為獨立的信息。

網站建設中的頁面布局，有不同的設計方式，而且設計的趨勢不斷在變化，在設計頁面布局之前，就要考慮好合適的樣式，不能一味地追求潮流，根據產品的實際需求，選擇合適的設計方式。而分割線的設計，想要做得出色，就要處理好線的間距、粗細、顏色等等

8、網頁設計，怎麼做？

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。

二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。

三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。

五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。

六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者

9、網頁製作如何設計？

多看看別人的漂亮網站找找靈感，正所謂想到才能做到。另外CSS是美工的基礎咯，做網頁圖片的時候建議你用FIREWORK來做，並最好以GIF格式出現在網頁上。效果會比PS做出來的更清晰（特別是在文字方面）。

10、什麼是網頁設計？

網頁設計，又稱web界面設計，是企業將產品、服務、理念、文化等信息傳遞給訪問者的一種形式，和我們通常所見的平面設計是有一些不同之處的，最為主要的就是利用文字和圖片之間的組合，從而達到很好的和諧與美的布局設計。
網頁設計中需要達到的一個要求就是需要體現不同頁面之間的聯系，正確處理網頁之間、網頁的順序和內容、網頁內部和區域之間的關系。為了可以使得最終的效果得到良好的呈現，在布局的時候需要特別的注意是否合理和諧，美化視覺的合理性，讓參觀者有一個流暢的視覺體驗