如何設計網頁網站

一、在網上申請免費的虛擬空間。二、自己購買虛擬主機，或自己服務器托管。以上兩個條件滿足一個就可以。 然后把制作的網頁通過 FTP工具上傳到空間，就可以訪問了 。這時可能會有一個二級，或三級的域名，托管服務器會有固定IP。 直接在IE里打開就可以了。三、也可以申請頂級域名，如：.com .net .cn 等轉發，解析就可以了。

具體的，是可以打游戲，還是游戲展覽，還是游戲攻略什么的~

首先租用一個空間來存放網頁及程序文件，然后租用一個域名且備案通過。然后將空間IP地址解析到域名后臺，解析成功后（這里你可以理解為綁定的作用，就像手機綁定賬號一個道理），就可以使用了。將你做好的程序上傳到FTP空間后，輸入域名即可運行了。

　　一、以下是網站專題頁制作的基本功：　　1、創意設計 　　說到創意，應該是設計師最擅長，但肯定也是最頭疼的問題，如何評判一個創意的好壞，借用周董的一句話“哎呦，不錯哦”。當別人看到你的頁面的時候，能發出這種感慨，那基本上你的這個頁面應該是做到位了。這里介紹5種小方法： 　　2、版式設計 　　版式設計應該算是最基本的設計原則，這個雖然闡述起來比較簡單，如果要運用的好還是需要多下工夫。這里通過一個簡單的例子來解釋版式設計中的幾個原則： 　　3、色彩設計 　　這里的色彩設計并不是對色彩理論的解釋，也不是對色彩感覺的解釋，因為本人是個色彩感覺一般的設計師。這里只說3個原則：色彩對比、色彩大小與形狀、彩色位置。 　　4、趣味設計 　　趣味設計的是一種親切感，并不是所有的頁面都要求有，但是偶爾為之，會讓頁面添色不少。 　　5、關于頁面加載 　　圖片設計的時候注意大小，這個是關系到頁面的加載時間。 　　二、以下是網站專題頁制作的整體思路： 　　1、確定產品專題頁面表現形式 　　電腦端網站上面目前主流的專題頁面就是是長頁面滾動條，還是多屏滾動切換的形式。如果是移動端的話可以使用H5做一個多屏滾動切換的效果來展現;表現形式本身并沒有什么，個人建議是在電腦端如果是信息比較多的可以優先考慮長頁面滾動條的形式，如果是針對產品某一個點展開討論，內容相對比較少，可以優先考慮多屏滾動切換形式。 　　2、順著用戶心思架構樓層 　　不同的產品，不同的主題，不同的切入點，不同的人策劃出來的專題頁面布局都是不一樣的，所以無法非常固定提供給大家一個類似公式的東西去嵌套，大家要確定好思路。 　　3、別忘了你要干什么 　　產品專題頁面設計到最后的時候，不要忘了你的初衷：你想要通過這個專題頁實現什么?如用戶注冊會員，點擊咨詢產品，點擊下單，關注公眾號，參與活動等等。 　　如果你前面的布局策劃的非常好，完全牽著用戶的想法在走，那么走到這一步，應該說離你的目標距離又近了一步，只差臨門一腳了!甭管最后能不能實現目標，你要做的就是再添“一把火”，告訴用戶的緊迫性，讓用戶自己著急。

　　　　建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，會打字，懂基本電腦知識，反正不要太笨就可以了，呵呵。當然，這些不是一定必須的。　　　　第一階段：開始時最好是學些網頁編輯軟件和基礎網頁腳本語法，如：Dreamweaver軟件，HTML語法(百度一下：HTML入門)，CSS語法(百度一下：CSS入門)，這樣可以使您更了解網頁制作與運營的原理。最好使拿本教程來學學，結合教程邊學習邊制作，這最多花你一周時間，如果有時間再學點javascript腳本語法(百度一下：javascript入門)?！　　　〉诙A段：會用網頁制作軟件和基礎語法后，已會可以制作一個較完整的網站了。當然為了讓網站做得更漂亮，功能更強大，你就需要學一些動態編程語言，常用的有ASP,PHP和ASP.NET,推薦后兩種，應為ASP再過一段時間會被淘汰，后兩種程序區別自己上網搜索吧，本人更傾向于學習.NET，面向對象，功能太強了，微軟的東西就是強悍?！　　　∪绻銢]有精力去學這些復雜動態編程語言，你完全可以利用現成的網站管理系統（實際也叫建站軟件，比如PageAdmin系統、shopex系統、discuz系統等都比較優秀），這也是目前比較流行的方法，省時、省力。　　　　第三階段：結合你自己已掌握地知識來開發網站，可以開發出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發者了。　　　　工具　　　　1 、網頁做好了肯定是要發表上網的，所以必須先申請一個空間；免費的空間不是很穩定，容量又小，也不好申請，建議到服務器公司先買一個個人空間，大概有個20M 以上的就可以了，當然也可以在自己電腦上安裝IIS來模擬服務器運行（這里不詳細說了，有興趣的朋友百度一下相關知識，這個是很容易的）　　　　2 、圖片處理軟件推薦firework或photoshop，HTML編輯軟件推薦Dreamweaver，當然如果你會HTML語法，那用計事本直接編輯會更高效。　　　　制作　　　　開始時建議去下載一個比較簡單的網頁，在制作軟件中將它打開，然后仔細觀察人家的網頁的構成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很多，記得也牢一些?！　　　∑鋵嵶鼍W頁并不難，但要做出有特色的網頁來，那就非一朝一夕之功了網站設計八步驟　　　　由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會制作網頁，于是他們認為網頁制作非常簡單，就匆匆忙忙制作自己的網站，可是做出來之后與別人一比，才發現自己的網站非常粗糙，這是為什么呢？常言道：“心急吃不了熱豆腐”。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站?！　∫?、確定網站主題　　　　網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深?！　《?、搜集材料　　　　明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材?！　∪?、規劃網站　　　　一個網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。四、選擇合適的制作工具　　　　盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，目前大多數網民選用的都是所見即所得的建站系統軟件(前面提到的網站管理系統)。除此之外，還有圖片編輯工具，如firework 、Photoshop 等；動畫制作工具，如Flash等；網上有許多這方面的軟件下載，你可以根據需要靈活運用。　　　　4、如果你作好了頁面，就需要考慮你的網頁放到什么地方發表，也就是平常我們說的發表空間，我們學校的用戶網絡中心已經申請好了空間，大家可以直接使用（有發布空間的標志是你有了FTP 賬號，這個需要申請），也可以按我前面說的把自己電腦配置為服務器（需安裝IIS等軟件，這個自己百度一下）　　五、制作網頁　　　　材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用網站管理系統后臺功能，這樣可以大大提高制作效率。　　六、上傳測試　　　　網頁制作完畢，最后要發布到Web 服務器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，推薦LeapFTP軟件，你可以很方便地把網站發布到自己制作的網站存放服務器上。網站上傳以測試完畢就可以把你的網址告訴給朋友或客戶，讓他們來瀏覽。　　七、推廣宣傳　　　　網頁做好之后，還要不斷地進行宣傳，這樣才能讓的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

首先，可以告訴想學網頁制作的朋友。學習制作網頁和學習其它知識一樣，是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次，要清楚學習它是用來做什么。 建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網頁設計感興趣，有較充足的學習時間，熟悉office辦公軟件。當然，這些不是一定必須的。下面介紹一下網頁制作學習過程。 第一階段：首先你不要一開始就做網頁，要知道和了解網頁的一些網頁基本知識和原理，這一點很重要，那樣你會避免在制作網頁的過程中的很多誤區。比如什么是超鏈接，絕對鏈鏈接與相對鏈接的區別;什么是動態網頁，什么是靜態網頁；還有IP與域名的關系等等。原理了解之后，就開始學些網頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網頁制作與運營的原理。最好使拿書本教程來學學，結合教程邊學習邊制作。在學習編輯軟件的過程中，你就要逐步接觸html語言，然后是css，最后子解一下javascript，在這一學習過程你最好靜下心來學，不要到網上或論壇上問這問那，那只是浪費時間，因為你還不懂。。會用網頁制作軟件后，已會制作一個較完整的網站了。但是要知道你目前學習的還僅僅是靜態的網頁，當你能夠做出一個靜態網站，并會將其發布到網上與網友們分享的時候，你的第一個過程就算完成了第二階段：好了，靜態的網頁制作差不多的時候，你可以去網上與網友交流交流了，那時你會發現自己的水平還很有限?，F在你需要由靜態向動態過渡了，主流的動態網頁編程語言有三種asp或asp.net、php、jsp.每種都有各自的特點，看你喜歡那種，要三種都精通那是比較不實際的吧，也是沒有必要的。這一個過程也是個很關鍵的過程，你要系統得學習一種語言，還要學會動態網頁動行環境的搭建，還有數據庫方面知識。記住要根據你自己的實踐情況慎重地選擇一種，不要學了一種又學那一種，結果一樣也沒有學會。我有切身體會，但是每一樣稍作了解是必要的，要不你怎么先擇啊，是吧？第三階段:結合你自己已掌握地知識來開發網站，可以開發出別人給你定義的目標網站。到了這個時候，你就成為真正的網站開發者了。這時你可以加入一個團隊了，接下來的知識的學習是靠實踐和交流了，你可以上論壇去，有些知識書本上是學不到的。這一個階段你可能是漫長的，你只能不斷得充實自己。 怎樣制作網頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網頁的主要綱要，希望能夠給想要學習制作網頁的朋友一個參考。滿意請采納

如果是給個人做，怎么做都無所謂。如果是在公司里給客戶做。這一步不可少，出了效果圖后，要給客戶看。等客戶確定不再修改時再做網頁，目的就在于防止客戶反復修改，動布局！另外會做網頁效果圖，代表你的設計能力。用dreamweaver直接做的后果是邊想邊做，容易把設計思路搞混了！據我所知，這樣的教程基本沒有。因為做網頁效果圖只要基本的操作，有時從別的網頁截一塊下來處理一下，直接用到自己的效果圖上。一般顯示器分辨率 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定 網頁設計需要的PS操作技術并不是很多，只要掌握基礎就行了。 但是你想要做好一個稿子就不是那么簡單了。 這當中有一些天賦的因素，但是的是學習。 你可以從模仿別人的稿子開始，漸漸的融入自己的東西。 http://www.68design.net/ 這個站每天都會有新的酷站收藏，也有設計欣賞。 http://www.zcool.com.cn/ 這個站素材豐富而且也有酷站收藏。 要做好網頁設計，一定要多看，拼命的看并且吸收里面的東西，看看高手們是怎么處理細節的，這樣慢慢自然會有提高。是否可以解決您的問題？

在1024*768或者800*600的分辨率下可以自動調整成適用于該客戶端分辨率的大小?！　〉谝环N方法：做一個網頁解決問題（長了點）　　如果只是因為瀏覽者改變了瀏覽器的設置，或者因為瀏覽器不兼容，使自己精心制作的網頁變得"面目全非"，那多令人沮喪！下面我們以網頁愛好者的常用工具Dreamweaver（以下簡稱DW）為例，列出幾個網頁制作初學者較常見的網頁布局問題以及解決方法，希望對初學者們有所幫助?！　∫?、消除任意縮放瀏覽器窗口對網頁的影響　　一番辛苦做出來的網頁，在全屏狀態下瀏覽一切正常。但在改變瀏覽窗口大小之后，網頁就變得"不堪入目"了，這是個很值得注意的問題?！　栴}的根源還得從網頁的布局說起，在DW中，網頁內容的定位一般是通過表格來實現的，解決表格的問題也就成功了大半?！　〈蠹覒撟⒁獾?，在DW中表格屬性面板的高寬設定選擇上提供了兩種不同類型：百分比和像素值。百分比的使用將會產生前面說到的那個毛病。這里所說的百分比是指表格的高或寬設置為上層標記所占區域高或寬的百分比，如在一個表格單元的寬度是600，在它里面嵌入了另外一個表格，表格寬度占表格單元的50%，則這個表格的寬度為300，依此類推，如果在一個表格不是嵌于另一個表格單元中，則其百分比是相對于當時窗口的寬度的。IE瀏覽器中，隨便改動主頁窗口的大小時，表格的內容也隨之錯位、變形，就是因為表格的百分比也要隨著窗口的大小而改變成相應的百分比寬度?！　∽匀唬鉀Q這個問題的辦法就是將表格寬度設置成固定寬度（也就是像素值）。另外如果外層表格已做好固定寬度設置，內層表格也可以適當使用百分比設置。清楚這個原則以后，如果出現類似的問題大家也知道怎么解決?！　《⒆尵W頁居中　　說到了窗口大小就會順著路子想到分辨率的問題，在800×600分辨率下制作的網頁在1024×768分辨率的機器上打開，整個網頁就會跑到左邊；1024×768分辨率的網頁在800×600分辨率的機器上有時也會變得"不堪入目"。兩種分辨率各做一個吧？做起來費時，看起來也費勁。怎么辦呢？　　現在大多數網民都還在用800*600的分辨率，所以我們一般可以以此分辨率為主，要想讓網頁在1024*768時居中，只要在網頁原代碼的<body>后緊加一句<center>，</body>前加一句</center>就OK了。不過有幾個問題這是要注意一下，第一個就是上面說到的百分比的問題，表格、單元格的寬度單位最好要使用像素單位，而不要用百分比。例如width=770。如果你的表格寬度設的是百分比，那么使用大于800×600的像素時，網頁就會拉寬，這樣網頁可能會變形。在<body>中加入leftmargin=0，即<body leftmargin=0>這種情況下，800×600支持的表格寬度為780像素時不會出現滾動條。還有一點要注意的是不能用DW中的層來定位?！　?lt;html> 　　<head></head> 　　<body topmargin=0 leftmargin=0> 　　<center> 　　　　<table cellspacing cellpadding width=760><tr><td></td></tr></table> 　　</center> 　　</body> 　　</html> 　三、定義固定大小的文字　　大家都知道,在IE瀏覽器的功能設置中，有一個可以自由設置窗口內容字體大小的功能，這樣由于不同訪問者的設置習慣不同，呈現在他們面前的網頁有時也會不不相同。比如你可能本來設計時用的是2號字體，結果由于用戶對瀏覽器的額外設定，變的更大了，這時你的網頁也可能變得"不堪入目"。雖然不是你的錯，但客戶是上帝?！　∪绻褂昧司W頁中的CSS樣式表技術，就不會出現上述情況了。使用快捷鍵"Shift+F11"打開樣式表"CSS style"編輯器，在窗口中單擊鼠標右鍵執行"New CSS style..."命令新建一個樣式表，然后在給出的列表中選擇"類型"選項，定義文字屬性參數（一般文字的大小選擇12px較為適宜）。完成后選擇網頁編輯窗中的文本，單擊新的樣式表名稱，可以看到選中的文本發生了變化。預覽時試試定義的文本字體尺寸還會不會隨瀏覽器的選擇字體大小而改變。　　四、讓網頁適應不同的瀏覽器　　瀏覽器的格局現在是兩分天下，一分是IE，另一分是NetScape，在國內Ie有絕對的占有率，在這種情況下我們設計的網頁只要兼容它就行了，但NetScape在國外還是有很多人使用，畢竟它是瀏覽器的元老?！　‰m然沒有辦法做出讓所有瀏覽器都兼容的網站，但只要注意以下幾點，做出來的網頁在各個瀏覽器都中能達到比較好的顯示效果：　　不要混合使用層和表格排版，如果是父子關系，如層中表格，不在此原則范圍內?！　嚷撌降?CSS 在 Netscape Navigator 中經常會出現問題，使用鏈式或內嵌式?！　∮袝r需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果?！　τ谥挥袔讉€像素寬度或高度的層，改用圖片來實現?！　”苊馐褂?W3C 組織不推薦的排版屬性，用 CSS 代替。　　第二種方法：做兩個適合不同分辨率的頁面，一個是800×600，一個是1024×768，在800×600的頁面中加入一下代碼就可以實現跳轉了：　　　解決分辨率問題在Dreamweaver中沒有此項功能，我們只能手動加入一段Javascript代碼。首先在change－ie.html或change－nc.html頁面代碼中的< head>和< /head>中加入以下代碼：　　 < script language=JavaScript> 　　 < !－－ 　　 function redirectPage(){ 　　 var url800x600=〃index－ie.html〃; //定義兩個頁面，此處假設index－ex.html和1024－ie.html同change－ie.html在同一個目錄下 　　 var url1024x768=〃1024－ie.html〃; 　　 if ((screen.width==800) ＆＆ (screen.height==600))　//在此處添加screen.width、screen.height的值可以檢測的分辨率 　　 window.location.href= url800x600; 　　 else if ((screen.width==1024) ＆＆ (screen.height==768)) 　　 window.location.href=url1024x768; 　　 else window.location.href=url800x600; 　　 } 　　 // －－> 　　 < /script>　　 然后再在< body…>內加入onLoad=〃redirectPage()〃

　　一、使用像Dreamweaver、Fontpage一樣的所見即所得的網頁編輯軟件。Fontpage較容易些，會操作Word就會使用它。專業人士一般用Dreamweaver來做網頁，用flash、firework等來美化網頁，可以下載網頁三劍客Dreamweaver、flash、firework去做?！　《⑹褂糜浭卤拘薷木W頁Html代碼，不推薦使用Fontpage等網頁編輯軟件修改的原因是：很多網頁格式如果用網頁編輯軟件打開就會變形，所以直接使用記事本修改網頁Html代碼是最簡潔有效的方法。可以去下載強化的HTML工具更好，例如： UltraEdit。　　首先需要了解一下網站的頁面組成，網站一般包括以下幾部分：　　首頁：網站的門面，如同公司的形象，特別注重設計和規劃?！　〈雾摚壕W站的主要導航結構頁面，講究風格的一致性，并于首頁呼應。　　普通頁：網站主要的承載信息的頁面，設計要求不高，但要求鏈接準確、文字無誤、圖文并茂，并沿襲網頁的風格?！　棾鲰摚阂话阌糜趶V告、新聞、消息、到其他網站的鏈接等等，一般用的很少?！　「黜撁娴脑O計技巧：　　一、首頁設計技巧　　網站首頁是企業網上的虛擬門面。一般來說，網站首頁的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過藝術造型和設計布局，利用一系列與公司形象和產品、服務有關的圖像、文字信息，組成一幅生動的畫面，向瀏覽者展示一種形象、一個氛圍，從而吸引瀏覽者進入瀏覽。這需要設計者具有良好的設計基礎和審美能力，能夠努力挖掘企業深層的內涵，展示企業文化。這種類型的首頁在設計過程中一定要明確要以設計為主導，通過色彩、布局給訪問者留下深刻的印象。另一種是信息羅列型，一般的大、中型企業網站和門戶網站常用的方式，即在首頁中就羅列出網站的主要內容分類、重點信息、網站導航、公司信息等等，這種風格比較適合網站信息量大，內容豐富的網站，因為是以展示信息為主，這是的設計就要在細微之處體現企業形象，建議設計人員最好仔細閱讀企業的CI手冊，熟悉企業標志、吉祥物、字體及用色標準，在網站的局部體現出來，往往平淡之中一個優美的符合企業特點的曲線就能夠給人以深刻的印象，從而將企業形象印在瀏覽者的腦海里。設計人員在設計過程中要注意使用這些語言符號來表達一種獨特的企業信息。　　網頁設計時注意事項： 1.不要花哨。 2.要有風格，要突出行業的特點。比如娛樂業熱烈活潑些，政府網站則要莊重些；收藏書畫業要古樸典雅，策劃時裝業則要前衛些。 3.一張網頁一般兩屏到三屏就可以，不要太長，會影響網頁打開的速度。如果內容實在太多，應該分作幾個頁面，或者分為幾個二級欄目。