網頁設計製造

1、如何製作HTML頁面

1、首先我們需要在桌面上，新建一張記事本

2、然後我們需要打開記事本，編寫代碼

3、然後我們需要把記事本修改後綴名為.html

4、然後我們需要在桌面上就會有一張網頁，這一點很重要。

5、最後我們需要需要在瀏覽器上運行該網頁

2、製作網頁可以用什麼軟體？

3、我想製作一個網頁，請問需要哪幾個步驟？

製作一個網頁需要九個步驟。

1、准備內容

在域名注冊查詢網址之前就應該先搜集至少「一百頁」的內容，這些內容必須是有價值的、不違反著作權的內容。

2、網址

想個比較有意義，好記的網址。

3、網頁設計製作

在網站設計上，只要盡量簡潔有力，讓內容可以好好的呈現，就是一個成功的seo網站頁面。頁要盡量符合w3c的標准。

4、每頁檔案大小

每個網頁盡量在15k以下，但是不能在5k以下，以免影響內容的完整。其搜索引擎最佳化的目的，實際上是為了使用者，而不是為了搜索引擎本身。

5、關鍵字密度

拿出關鍵字，在下列六個地方各使用一次。

6、內部鏈接

內部鏈接就是在同一網站域名下的內容頁面之間的互相鏈接（自己網站的內容鏈接到自己網站的內部頁面，也稱之為站內鏈接）。

7、網站上線

最好不要用虛擬主機，若是能有自己的代管主機或者是固定ip位置就最好了。

8、紀錄與追蹤

申請一個不錯的網頁計數器。

9、程序設計

網站設計包括前台用戶視覺體驗的設計和後台程序功能設計，兩個方面都是非常重要的；視覺設計對於客戶的閱讀帶來愉悅和信任，後台注重操作的方便行。

(3)網頁設計製造擴展資料：

注意事項

1、導航菜單使用圖片、flash

導航菜單使用圖片、flash當然比純文本來得好看一些，但是搜索引擎並不認識你的圖片和flash。如果你非要使用漂亮的圖片來做導航的話，可以使用背景替換的方法。建議做一個導航菜單鏈接的xml文提交到搜索引擎。

2、不恰當地使用圖片

為了網頁美觀，經常會到處貼滿圖片，這樣做是不正確的，與內容無關的圖片能少就少吧。我們可以把這些圖片做成容器的背景。

3、內容里特殊字體的運用

楷體很漂亮，草書也不遜色於宋體。但是不是所有人的電腦都安裝有這些字體。如果使用這些特殊字體的話，在別人的電腦里看到的網頁將會是不堪入目。

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

分析如下：

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

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

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

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

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

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

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

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

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

(4)網頁設計製造擴展資料：

網頁設計

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

風格

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

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

色彩搭配

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

網頁配色小技巧：

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

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

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

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

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

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

5、網頁製作都包括哪些技術？

1、活版印刷

一個成功的網站只有很少的字體是類似的款式，而不是使用的字體。最好的網站應該使用無襯線和無襯線字體，而不是兩者的結合。

印刷術的網站也應該小心使用的字體，好的設計會加入一些類似的字體，而不是一個范圍內型面。大多數瀏覽器都能識別特定數量的安全字體，這樣設計主要是利用以避免並發症的發生。

2、代碼質量

當創建一個網站，它是很好的做法，以符合標准。這包括代碼中的錯誤，代碼為更好的布局，以及確保你的ID和類的正確識別。這通常是通過描述指定元件做什麼。

不符合標準的網站無法使用或容易出錯的，標准可以涉及到正確的頁面布局的可讀性，以及確保適當地關閉了編碼元素。DOCTYPE聲明，這是用來突出顯示代碼中的錯誤。系統識別錯誤和不符合網頁設計標准。

3、視覺設計

良好的視覺設計網站上的標識，其目標市場。這可以是一個年齡組或特定的文化鏈，因此，設計人員應了解其受眾的趨勢。設計人員也應該明白他們設計的，這意味著一個企業網站不應該被設計成一個社交媒體網站，例如相同類型的網站。

4、交互設計

對於網站來說，好的交互設計對網頁設計的整體起著至關重要的作用，一個好的交互不僅能大大提升頁面整體的設計效果，增強頁面的「活躍度」，還能有效提高用戶體驗，「屏蔽」單調的操作流程，使得產品、文化的表現都能最大化的呈現並傳達到相關的受眾。

5、內容更新

企業Web站點建立後，要不斷更新網頁內容。站點信息的不斷更新，讓瀏覽者了解企業的發展動態和網上職務等，同時也會幫助企業建立良好的形象。

6、web前端開發和網頁製作有什麼區別？詳細點

可以說「會做網頁」不等於「前端開發」。前端開發是寫代碼的，是用代碼來構建網頁界面和交互。
如果把前端開發工程師和網頁製作對立開來講，就不能不說說其中的區別了：
第一：兩者的知識面差距是巨大的。
網頁製作只需要掌握DIV+CSS就行了，現在還有大量使用Dreamweaver的網頁製作人員存在就是個很好的證明，好一點的網頁製作人員會懂些簡單的js，可能會修改些js代碼。而一個前端開發人員是在這個基礎上把知識面進行了很大的擴展。比如為了提高頁面解析速度的背景圖合並技術，一個簡單的背景圖合並需要成熟的標簽嵌套思想和簡單的ps技術；比如對搜索引擎友好的屬性的設置，標簽的使用。
第二：兩者對技術的理解深度差距是巨大的。
一個技術較高前端開發人員的代碼質量要遠遠高於一個網頁製作人員，表現在代碼精簡度與可讀性、圖片的處理、對搜索引擎友好性、以及後期維護的難易度等等方面。很多網頁製作人員極少使用a標簽，設置鏈接的時候習慣用input加js跳轉。這都是技術面廣度差距引起的對div+Css技術理解深度不足的體現。
前端開發人員全局性的視角，可以讓代碼變成一種藝術。div+css的技術就好像一把寶劍，網頁製作人員也就能練成華山劍法，而前端開發人員耍的是獨孤九劍。劍是同一把，關鍵在耍劍的人而已。
第三：兩者在具體工作中的受重視程度是差距巨大的。
這個很好理解，高技術有高待遇，受重視，受尊敬，更好的發展前景。

7、網頁前端製作和後端製作的區別

前端
Web應用按照客戶-服務體系結構分類為分布式應用。所以我們的代碼有一部分運行於客戶端，還有一部分運行於服務端。運行於客戶端部分的應用（大多數情況下，客戶端是指我們的Web瀏覽器）被成為前端。最常見的用於前端開發的技術組合是HTML+CSS+JavaScript，設計人員通常使用這些技術開發專業知識來創建Web應用的前端。HTML這個超文本標記語言，主要用來展示一些文本、圖片、表格、鏈接等；其次是CSS——層疊樣式表，CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化；最後一門重要的技術叫做JavaScript——腳本語言，常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。
後端
後端一般指的就是我們網站的伺服器程序，他們決定了我們網站的運行邏輯，業務核心，我們通過它來處理業務，操作資料庫。後端開發者編寫運行於伺服器上的代碼。通常情況下，這部分工作需要為讀/寫數據、讀/寫文件、製作業務邏輯等連接資料庫。有些情況下，業務邏輯是駐留在客戶端的，這時客戶端通常以Web服務的形式被用以服務來自資料庫的數據。後端開發者通常精通於一種Web編程語言和一個資料庫管理系統。後端入門稍困難，每天關注的是業務邏輯的處理，數據的增刪改查、性能的優化。對應jsp、javaBean 、層、action層和service層的業務邏輯代碼。（包括資料庫）

8、怎麼製作自己的網頁？

★建設自己的網站較好的步驟☆

必須注意的是：建立自己的網站是一件浩大的工程，一般比較麻煩。所以應當按照一定的步驟一步步來。

我覺得建站可以按照以下步驟進行：
1、先在本地設一個文件夾，作為網站存儲的地方。名字最好取「My Sites」。
2、在網站文件夾裡面建立一些文件夾，包括「images」等（存儲圖片、文件等），並且按照網頁內容，再建立幾個文件夾。（也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些）
3、打開你的網頁編輯程序（例如FP、Dreamwear等），新建網頁，保存為「index」（主頁），重復以上步驟，在網站文件夾裡面建立「search」（查找）、「map」（站點地圖）、「index02」（網站簡介等）。
4、按照上面步驟，再在網站分類文件夾裡面建立許多網頁（接著還要把內容輸入網頁）
5、已經做到了這么多，我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」，把准備好的文檔、圖片、程式、文件和網頁特效等放進去。（可以加入一些動態網頁）
6、慢慢把這些文件一個不漏的放進網頁裡面（要掌握技巧）
7、把網站充實了，就差不多了。這時應該申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
8、把網站上傳至空間裡面，刪了准備文件，就OK了！

不過也可以這樣使用FP建站：

1、在FP裡面選擇新建站點。
2、然後在【導航】裡面設置網頁名稱以及標題。
3、准備好文檔、圖片、程式、文件和網頁特效等，把它們都充實進網站裡面。
4、申請一個域名（免費空間、附費都可以）。並且把自己的網站放入搜索引擎，而且在各種留言版上面宣傳。
5、把網站上傳至空間裡面，刪了准備文件。完畢。

如果使用Dreamwear來建站，那就更加高級啦！Dreamwear的功能很強大，安裝了它的朋友們可以研究研究。

9、製作網頁一般用什麼軟體啊?

1、DreamWeaver

Dreamweaver可以用最快速的方式將Fireworks，FreeHand，或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對於選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。

2、Flash

Flash，是一種動畫創作與應用程序開發於一身的創作軟體，目前最新的零售版本為Adobe Flash Professional CS6(2012年發布)。

Adobe Flash Professional CS6為創建數字動畫、互動式Web站點、桌面應用程序以及手機應用程序開發提供了功能全面的創作和編輯環境。

3、Fireworks

Fireworks是Macromedia公司發布的一款專為網路圖形設計的圖形編輯軟體，它大大簡化了網路圖形設計的工作難度，無論是專業設計家還是業余愛好者，使用Fireworks都不僅可以輕松地製作出十分動感的GIF動畫。

4、HomeSite

HomeSite是一種功能完備的html編輯器。它與文本編輯器相似，但含有自動添加HTML標簽以及輕松創建HTML復雜元素的功能。HomtSite還有大量的javascript特性，比如自動創建標簽以及為腳本命令首色等，後者可幫助開發人員更輕松的查看和跟蹤腳本命令。

5、HotDog Professional

HotDog是較早基於代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee，並能在預覽模式中以正常速度觀看。

10、網頁設計與製作

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

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

七、推廣宣傳

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

八、維護更新

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