設計網站製作

1、如何自己製作網站

一、確定網站主題

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

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

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

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

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

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

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

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

2、如何製作一個屬於自己的網站

1、明確網站內容，和網站定位
2、確定網站域名
3、收集相關資料
4、根據網站定伴，確定網頁是靜態頁面還是動態頁面，設計和規劃網站風格，明確製作步驟
5、用網頁製作軟體製作網頁，
6、購買存放網頁的空間。然後把製作好的網站上傳到上面，把網站域名綁定到你的空間上。
7、宣傳網站

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

分析如下：

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

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

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

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

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

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

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

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

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

(3)設計網站製作擴展資料：

網頁設計

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

風格

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

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

色彩搭配

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

網頁配色小技巧：

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

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

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

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

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

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

4、網站設計與製作

第1章 網頁製作概述
1.1 任務一：認識Web服務
1.2 Web服務原理實訓
1.3 任務二：認識網站與網頁
1.4 任務三：認識用網頁製作工具
1.5 使用HTML製作網頁實訓
本章小結
練習題
第2章 網站開發與網頁製作準備
2.1 任務一：Dreamweaver MX2004的工作界面
2.2 任務二：創建站點
2.3 任務三：網頁的建立、打開、保存與預覽
2.4 創建和發布一個簡單的站點實訓
本章小結
練習題
第3章 文本及其格式化
3.1 任務一：網頁文本的錄入及修改
3.2 任務二：文本及段落的格式化
3.3 文本及其格式化實訓
3.4 任務三：項目列表的使用
3.5 創建列表實訓
本章小結
練習題
第4章 處理圖像
4.1 任務一：在網頁中插入圖像
4.2 任務二：設置圖像的屬性
4.3 圖像操作實訓
4.4 任務三：背景圖像的設置
4.5 設置背景圖像及創建圖像熱區實訓
本章小結
練習題
第5章 超級鏈接
5.1 任務一：超級鏈接的建立
5.2 建立超級鏈接實訓
5.3 任務二：更改鏈接的樣式
5.4 更改超級鏈接的樣式實訓
5.5 任務三：管理超級鏈接
本章小結
練習題
第6章 表格
6.1 任務一：表格的創建及屬性的設置
6.2 表格應用實訓
6.3 任務二：表格調整
6.4 表格調整實訓
6.5 利用表格進行網頁首頁的設計實訓
本章小結
練習題
第7章 頁面布局視圖的使用
7.1 任務一：繪制布局表格和布避單元格
7.2 任務二：布局表格和布局單元格的基本操作
7.3 布局視圖應用實訓
本章小結
練習題
第8章 框架
8.1 任務一：框架和框架集的基本操作
8.2 任務二：設置框架和框架集的屬性
8.3 框架應用實訓
本章小結
練習題
第9章 層、時間軸與動畫
第10章 模板、庫和插件
第11章 表單設計
第12章 使用Dreamweaver MX建立動態站點

詳細的去看看下面的網址

5、網站設計和網站製作的區別

簡單的說網站設計是美術方向，而網站製作則是用代碼達成設計師所設計的頁面。一個負責設計，另一個則負責製作出設計的頁面。
網站設計，要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來；而網頁製作通常就是將網頁設計師所設計出來的設計稿，按照W3C規范用html（標准通用標記語言下的一個應用）將其製作成網頁格式。

6、專業網站設計製作 怎麼樣製作一個網站 怎樣

1、明確網站內容，和網站定位
2、確定網站域名
3、收集相關資料
4、根據網站定伴，確定網頁是靜態頁面還是動態頁面，設計和規劃網站風格，明確製作步驟
5、用網頁製作軟體製作網頁，用PS，FW之類的軟體製作網站圖片。
6、購買存放網頁的空間。然後把製作好的網站上傳到上面，把網站域名綁定到你的空間上。
7、宣傳網站

7、網頁設計需要什麼?

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

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

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

(7)設計網站製作擴展資料

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

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

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