網(wǎng)頁設(shè)計制作詳細(xì)流程

分析如下：

1、首先下載安裝Dreamweaver，打開后，新建一個網(wǎng)頁，一般選擇“HTML”建立網(wǎng)頁。選擇“經(jīng)典”界面，有助于我們更便捷使用這個軟件。

2、下面選擇這三個界面，代碼、拆分、設(shè)計，一般默認(rèn)設(shè)計界面，對于新手這個功能具有可視化，能更好的制作網(wǎng)頁。

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

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

5、下面我們來制作這個網(wǎng)站首頁，先學(xué)習(xí)添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示范。

6、下面學(xué)習(xí)添加文本。編輯“籃球資訊網(wǎng)”，下面屬性可以設(shè)置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細(xì)編輯文本屬性。

7、網(wǎng)頁基本就是文字和圖片的組合，添加視頻還需要學(xué)習(xí)者好好搜索Dreamweaver 的使用視頻加以學(xué)習(xí)。最后制作完一個網(wǎng)頁要記得保存。左上角文件——保存。

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

9、最后我們?yōu)g覽網(wǎng)頁。左上角文件——在瀏覽器中瀏覽網(wǎng)頁，點擊網(wǎng)頁中兩個鏈接都能到達指定網(wǎng)頁。

擴展資料：

網(wǎng)頁設(shè)計

設(shè)計網(wǎng)站要注意兩個要點：整體風(fēng)格和色彩搭配。

風(fēng)格

網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計是最難以學(xué)習(xí)的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設(shè)計出完全一樣的網(wǎng)站。

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

色彩搭配

無論是平面設(shè)計，還是網(wǎng)頁設(shè)計，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時候，我們看到的不是優(yōu)美的版式或者是美麗的圖片，而是網(wǎng)頁的色彩。

網(wǎng)頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感；

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

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

在網(wǎng)頁配色中，還要切記一些誤區(qū)：

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

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

參考資料：百度百科：設(shè)計

哪里有網(wǎng)頁設(shè)計的視頻教程？

ASP.NET開發(fā)實踐系列-ASP.NET實現(xiàn)在服務(wù)器端控制網(wǎng)頁

臺灣呂聰賢教授網(wǎng)頁三劍客教程

動態(tài)網(wǎng)頁制作視頻教程ASP.PHP.JSP

網(wǎng)頁制作技術(shù)(北京交通大學(xué))

吉林大學(xué)-internet網(wǎng)頁設(shè)計

計算機網(wǎng)頁設(shè)計與制作視頻教程

電子科技大學(xué) 網(wǎng)頁設(shè)計（制作）

Perl動態(tài)網(wǎng)頁制作

JSP動態(tài)網(wǎng)頁制作例程

ASP動態(tài)網(wǎng)頁制作計

PHP動態(tài)網(wǎng)頁制作

網(wǎng)頁設(shè)計在線教程

Dreamweaver網(wǎng)站設(shè)計系列多媒體教程

邊用邊學(xué)Dreamweaver

新概念Dreamweaver_mx視頻教程

Dreamweaver MX 2004 視頻教程

]

計算機精彩視頻教程

電腦維修視頻教程

VC++6.0 經(jīng)典視頻

張孝祥 java 視頻教程

電腦報 2004 年裝機視頻教程

C 語言程序設(shè)計 32 講

FLASH MX 2004 實例視頻教程（ FIF ）

Dreamweaver 網(wǎng)站設(shè)計系列多媒體教程

架設(shè)局域網(wǎng)與應(yīng)用服務(wù)器

北京大學(xué)計算機網(wǎng)絡(luò)教程

Excel 學(xué)習(xí)指南

清華大學(xué)手把手教你學(xué)習(xí)數(shù)據(jù)庫

臺灣呂聰賢教授網(wǎng)頁三劍客教程

Excel 視頻教程

VFP6.0 視頻教程下載

Word 使用視頻教程

黑客視頻教程 - 灰鴿子遠(yuǎn)控使用教程

計算機專業(yè)英語（中山大學(xué)）

Photoshop CS2 視頻教程

孫鑫 VC++ 20 集 + 講義 ptt~

東南大學(xué) - 匯編語言程序設(shè)計（共 34 講） .

計算機基礎(chǔ)知識視頻教程

PowerPoint 使用視頻教程

電腦硬件組裝完全 DIY 手冊 2005 全新版

微機原理與應(yīng)用視頻

Mysql 網(wǎng)絡(luò)數(shù)據(jù)庫開發(fā)視頻教程

BIOS 視頻教學(xué)

網(wǎng)絡(luò)視頻教程

數(shù)據(jù)庫原理與技術(shù)

金鷹 FlashMX 視頻教程

Oracle9 全集

VC++ 視頻教程

通信原理

CCNA 視頻教學(xué)

黑客視頻教程 - 建立超級隱藏帳戶

微軟中國研究院清華講座

金鷹 Authorware 視頻教程 ( 入門篇）

SQL 數(shù)據(jù)庫視頻教程 [ 北大 ]

Windows2000 使用視頻教程

因特網(wǎng)的初步知識和簡單應(yīng)用

局域網(wǎng)組網(wǎng)精彩視頻教學(xué)

Photoshop7 中文版入門視頻教程

數(shù)據(jù)結(jié)構(gòu)視頻教程下載 [ 清華大學(xué) ]

Premiere pro7.0 視頻教程

ORACLE 內(nèi)部培訓(xùn)視頻教學(xué)

oracle 視頻講座

北京大學(xué)計算機碩博答辯

ASP 動態(tài)網(wǎng)頁制作計

JSP 動態(tài)網(wǎng)頁制作

電腦調(diào)試與維修視頻教程

protel 2004 光盤教程

3dmax 室內(nèi)裝飾實例視頻

vpn 視頻講座

動態(tài)網(wǎng)頁制作視頻教程 ASP.PHP.JSP

步步學(xué) BIOS 視頻教程

PHOTOSHOP 視頻教程完整版

金鷹電腦教程 Flash ActionScript 編程視頻教程

黑客視頻教程 - 網(wǎng)絡(luò)神偷使用教程

API 編程視頻教程

求網(wǎng)站建設(shè)視頻教程，網(wǎng)頁設(shè)計視頻教程

你去可以站長視頻教程網(wǎng)看看，那里有網(wǎng)頁設(shè)計教程，進入站長視頻教程網(wǎng)，然后進入網(wǎng)站建設(shè)教程就可以看到各方面的網(wǎng)頁設(shè)計教程，還有很多網(wǎng)站設(shè)計模板

網(wǎng)站建設(shè)視頻教程

網(wǎng)頁制作教程