網頁的設計與製作

1、學做網頁設計與製作需要什麼軟體

需要Dreamwear 8或CS系列, Flash 8或Flash CS系列,fireworks, photoshop cs3另外也可以使用一些如JavaScript腳本編輯器等輔助軟體.

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

分析如下：

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

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

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

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

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

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

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

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

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

(2)網頁的設計與製作擴展資料：

網頁設計

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

風格

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

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

色彩搭配

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

網頁配色小技巧：

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

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

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

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

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

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

3、網頁設計與製作

4、網頁設計與製作要學些什麼

如果說到網頁設計與製作的話，學的東西很多，一般學習都是先學習製作基本的page(網頁)，也就是學慣用html語言，製作簡單的網頁，在這個過程中，所需要的素材你可以選擇自己去設計，也可以在網上去找素材，當然，這個網頁是你自己設計還是模仿，你自己選擇，接著就進入動態交互的網站了，語言有什麼asp、php、jsp、.net……還有既然是動態還要學習資料庫access、MySQL……。沒有什麼最好的，asp+access是最簡單的，一般以前的一些網站公司都喜歡用asp或.net建站，不過我跟人認為php應該是最實用的，對瀏覽器的兼容性也較好，現在用的比較普遍的就是php吧！所要用的工具：DW、flash、ps、fw。
第一、學習的是簡單的html語言，找一本書去看去學習，學習製作靜態的網頁。
第二、資料庫的學習，這個是有一定講究的，學資料庫和對應的語言是有一定關系的，像如果學access,我估計學的應該只有asp了，除非你把資料庫都學了。
第二、學習動態交互網頁的製作，就是上面所提到的一些語言，自己選擇一個去好好學，還是書本去學習吧！
第三、應該是接觸到用層替代表格之類的，也就是div+css，很多公司都會要求這個，具體我就不詳說。
大致就這么多，設計跟製作是聯系在一起的，你要是覺得你更喜歡設計，那可以選擇做前台的，如果喜歡編程，那就後台程序了。電子商務交流群：122728032，技術交流群：207688693，如果還有什麼需要了解的，可以加群，我是群主。希望能幫到你，給我加分哦！

5、網站設計與製作

第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建立動態站點

詳細的去看看下面的網址

6、的網頁設計與製作的嗎

本書從網頁設計與製作的實際需要出發，全面、系統地介紹網頁設計與製作的基礎知識、網頁編輯軟體Dreamweaver CS4等內容，還提供了一個完整的網站規劃、網頁設計與製作的實例。全書共分6章。第1章介紹了網頁設計涉及的基本概念、網站開發的技術層面及工具，並提供了一些典型的網頁實例，使學習者具備一定的網頁設計知識。第2章重點介紹HTML語言和JavaScript語言，使學習者能夠掌握兩種語言的代碼使用方法，並能根據網頁開發的需要，合理使用這些語言。第3章、第4章和第5章分別介紹了網頁編輯軟體Dreamweaver CS4、網頁圖像處理軟體Fireworks CS4和網頁動畫製作軟體Flash CS4的基本使用方法和綜合實例。第6章以一個完整的網站為例，詳細介紹了網站規劃、各頁面的設計和頁面製作的具體過程，其目的是通過實例的學習，綜合運用所學知識設計並製作出精美的網頁。
本書適合作為高職高專院校計算機、電子商務、多媒體等專業的教材，也可作為信息技術培訓機構的培訓用書，還可作為網頁設計與製作人員、網站建設與開發人員、多媒體設計與開發人員的參考書。

7、網頁的設計與製作

最直接的，在瀏覽器頁面，文件，網頁另存為，這樣就可以得到該框架了，再進行內容編輯（dreamwave,frontpage等），即可。

8、網頁設計與製作要學些什麼？

php 跟mysql 和apache 加linux 系統是大多數企業的最佳選擇，這門這些代碼 都是開源免費的，而且不會涉及到任何版權

2net 大家懂得，MSsql 是要花錢買的，還有就是微軟的系統，代碼不公開，缺少自由，你想想就知道，微軟漏洞那個是經常傷害我們腦經的事，伺服器經常被掛馬都不是新聞了。

3jsp安全性最好，性能也好，但是開發周期比較長些，因為網上公開的代碼程序也少，用的人少就不多說了

9、設計與製作網頁主要包括哪些方面

網頁切圖 選學
網頁設計的步驟是策劃-作圖-靜態頁-編程-測試-發布-維護-改版重構 循環
切圖是一個技術也是一種藝術，不少美工都具有切圖的功底！不過，也不是所有的網頁都需要切圖！因此，切圖的選學的，而且，沒有追求的話，切的亂七八糟也沒關系！

html標簽的用法 必學
這個是必學的，畢竟頁面還是html標簽組成的！你要熟知大部分標簽的用法！這個可以去w3school學習進階！

css 樣式和樣式表 必學
css是目前網頁設計中的主要角色！也是程序和美工的區別之一！css可以簡單理解為美化！你可以使用他設置顏色，大小，邊距，行距，字體，位置等等等....

瀏覽器兼容 選學
html頁面最終要在瀏覽器中運行和查看！但是，不是所有的瀏覽器都遵循同一個標准，因此，你的頁面在每個瀏覽器底下或多或少的都有一些不同！你要學會找到問題，解決問題！最大限度的保證在每個瀏覽器下看起來都差不多！

javascript & jQuery 選學
JS和JQ是兩個不同的東西，js在網頁中的主要作用就是網頁「特效」了。比如滑動，展開收起，幻燈片等等~~團隊細分中，html頁面是由前端設計師製作的，網頁設計師僅僅負責效果圖的製作！但是，現在的網頁設計師明顯的需要具備多門「手藝」才能混，js是其中之一！

Action script 選學
AS是flash中的常用到的一種語言！主要是製作全flash網站或者flash+xml交互模塊！ 如flash幻燈片，圖表等~

學習建議：
目前的大部分html教程都是垃圾教程，是網站為了賺取流量到處復制粘貼的千篇一律的扯淡字元串（還不能算是文章，只能算是一個字一個字組成的頁面，因為連發布者都不知道裡面寫了什麼）！個人建議，你最好下載幾個chm格式的手冊，如html手冊，css手冊等~備用查詢，作為字典！我學習的時候是讀的《Head First xHtml + css》，一周入門html+css！不過，學習肯定離不開勤學苦練！以下是我建議的學習方法：
1.認識標簽，學會是使用h標題，p段落，ul列表，div元素，img插入，a鏈接
2.學會添加標簽屬性 class=「name」，id=「name」，table的相關屬性
3.學會引入外部文件，<link /> <script src=""></script> <img src="" />
4.一個完整簡單的html，嚴格按照html的結構製作一個純html標簽組成的頁面，無樣式，能區別出標題，列表，鏈接，段落
5.css學習入門：字型大小，邊框，float浮動，clear清除浮動，background背景
6.頁面模塊劃分：header,mian-body,footer 頭部，內容，頁腳
7.頁面布局細分：三列，兩列，四列，多列，【國字形、常字形】
8.html，css分離使用，在html引入外部css樣式表
9.圖片美化頁面

大致以上幾點，循序漸進！而且，盡量手寫代碼，使用記事本即可~因為，你要不斷的去認識和書寫一些常用的標簽和拼寫！【實際工作中，編輯軟體都有代碼提示功能，那僅僅是為了加速工作效率，但並不適合新手使用，否則，就懶惰了！不利於記憶和理解！】

10、網站編輯和網頁設計與製作的區別

網站編輯，是網路時代的新興職業。2005年，勞動和社會保障部公示了第三批的十種新行業中，「網路編輯員」名列其中。網站編輯工作有四大特點：超文本鏈接式編輯、全時化編輯、資料庫化編輯、交互性編輯。然而，和傳統媒體編輯一樣，網路編輯時常也被人誤解，或遭以偏見。
網站編輯，是網站內容的設計師和建設者，通過網路對信息進行收集、分類、編輯、審核，然後通過網路向世界范圍的網民進行發布，並且通過網路從網民那裡接收反饋信息，產生互動。網路編輯是指利用相關專業知識及計算機和網路等現代信息技術，從事互聯網網站內容建設的人員。因此作為一名網編要有相應的計算機基礎，敏銳的新聞傳媒視野以及良好的互動和溝通技能。網站的更新及內容編輯是一個必不可少的環節，網站編輯更是對網站推廣和網站優化有著重要的推動作用。

網頁設計是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIFs， JPEGs，PNGs）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。而更復雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運行，同樣地它們亦需要標示語言移植在網站內。

網頁製作是網站策劃師、網路程序員、網頁設計師等崗位，應用各種網路程序開發技術和網頁設計技術，為企事業單位、公司或個人在全球互聯網上建設站點，並包含域名注冊查詢和主機託管等服務的總稱。