網站制作教程-網頁設計制作詳細流程

1.網頁設計制作的詳細流程

分析如下：

首先下載安裝Dreamweaver，打開后，新建網頁，一般選擇HTML建立網頁。選擇經典界面，幫助我們更方便地使用這個軟件。網頁的制作。

2.以下三個界面，代碼、拆分和設計，一般默認設計界面，可視化新手功能，更好地制作網頁。自己如何制作一個網站。

3.讓我們在電腦上制作網站并建立文件作為根目錄。我們建立的網站的所有文件和網頁都保存在本文件中。網站的功能是使您的網站和網頁之間的框架清晰。同時給網站起個名字。學生個人網頁制作html。

4.然后在網站根目錄下建立一個存儲網站圖片的文件，并設置默認情況。這樣，您添加到本網站的所有圖片都將自動保存到本文件中，不會丟失。請注意，文件命名應使用英文。讓我用我建立的（籃球信息網）來介紹它。點擊右下角的籃球信息網-下拉，點擊管理網站-點擊**設置-為新建立的默認圖像文件夾設置默認圖像文件夾images。保存。

5.讓我們制作本網站的主頁，首先學習添加圖片。插入-圖像-選擇添加材料。單擊圖片。下面的屬性可以編輯和修改圖片大小，添加超鏈接等。現在我將修改圖片大小以示范。

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

7.網頁基本上是文本和圖片的結合。添加視頻還需要學習者搜索Dreamweaver使用視頻學習。**，記得保存一個網頁。左上角文件-保存。

8.**，我們學會了添加超鏈接。我用我建立的第二二個網頁進行示范。選擇籃球信息網絡文本，點擊頁面下方的屬性-鏈接-點擊文件小按鈕-選擇**個網頁，使籃球信息網絡文本變藍。這是網站的內部鏈接，但有外部鏈接。添加如圖所示，請務必編寫http://...就可以了。

9.**，我們瀏覽網頁。左上角文件-瀏覽瀏覽器中的網頁，點擊網頁中的兩個鏈接到達指定的網頁。

網頁設計

網站設計應注意兩個要點：整體風格和色彩搭配。網站的整體風格和創意設計是最難學習的。困難在于沒有固定的模式可供參考和模仿。給你一個主題，沒有人能設計出完全相同的網站。

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

色彩搭配

色彩永遠是平面設計和網頁設計中最重要的部分。當我們遠離顯示屏時，我們看到的不是美麗的布局或美麗的圖片，而是網頁的顏色。簡單制作個人網站。

網頁配色技巧：

1.使用一種顏色：這意味著首先選擇一種顏色，然后調整透明度或飽和度。這樣的頁面看起來顏色統一，層次分明；

2.使用兩種顏色：先選擇一種顏色，再選擇對比色；網頁編程制作。

3.使用一種顏色系統：簡單地說，使用一種感覺顏色，如淺藍色、淺、淺綠色；或土、土灰色、土藍色。

還要記住網頁配色中的一些誤區：

1.不要使用所有顏色，盡量控制在三到五種顏色以內；

2.背景與前面的對比應盡可能大(**不要以圖案復雜的圖案為背景)，以突出主要文本內容。