網頁設計與製作的步驟

1、選修課作業，！！網頁設計與製作詳細步驟，加兩張圖片，好心人發過來好不好！

大設計師論壇有個專門分享學生網頁作業畢業設計的板塊，可以去找找看。

2、《 網頁設計與製作》作業:設計製作一個小型網站

主題：大小適中、內容健康、思想積極向上、具有時代氣息。題材：不限，但網站提供的信息應與網站主題相符合。網站色調：站點統一，簡潔大方，不能過於花哨。網站規模：站點結構完整，各級頁面數量適量（5-10個子頁面為適中）。加分項目：特色美工技巧或網頁特效、ＷＡＰ、ＲＳＳ、ＦＬＡＳＨ、３Ｄ等。提交格式：1、設計策劃書（doc文件）：說明設計理念、設計流程、設計技巧、設計結構圖等，要求排版規范。2、註明所使用的網頁製作工具。3、不必交原創模版源圖png/psd等原文件，只需附上效果圖（jpg或gif格式）。4、網站須壓縮打包（可壓縮為RAR格式）。5、整個網站大小須控制在2M以內。6、確保提交的網頁無病毒。7、嚴禁抄襲！步驟參考：1、根據個人網站的性質與任務，進行欄目的策劃，並為自己的網站取一個名字。2、進行網站結構的規劃，確定網站的層次數，畫出網站的結構框圖。3、根據欄目設計，收集有關材料。4、將收集的材料，按欄目進行分類。5、對收集的材料進行提煉加工，以符合自己的需要。6、上網瀏覽不同網站的內容和風格，根據你的優勢或喜好確定個人網站網頁的設計風格。（1）要求設計網站的標志；（2）採用互補色，同類色，鄰近色以及一些顏色的明暗變化，完成頁面的色彩搭配以及頁面的布局。（3）確立每個頁面之間的鏈接和整體導航的統一。7、具體設計時，可以參考某個優秀的網站進行頁面的設計或者完全自己設計。其步驟如下：（1）觀察所選擇參考網站的特點，並進行有效的改造。（2）在草圖上仔細推敲各層頁面。（3）在圖像處理軟體中，完成各級頁面效果的實現。8、進行各級頁面的設計，同時考慮與所需製作軟體的結合。

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)首先你要注冊一個域名(例如:www.***.com),現在也有免費的二級域名可以申請,到百度搜索一下:免費的二級域名申請,可以找到. (2)你得去申請一個空間(就是你放網頁的地方),同樣有免費申請的(有WEB和FTP兩種上傳方式),但是一般免費空間都會在你申請的空間里放他們的廣告的,挺煩人的.空間分為:靜態空間和動態空間,靜態的是只支持html格式的網頁,動態的幾乎所有的文件格式都可以支持.但是靜態的比較不容易受到黑客的攻擊,就是編輯時麻煩點. (3)申請完空間就會獲得相應的IP地址一個,把域名解析到這個IP上,再把空間跟域名綁定一下(兩邊都要綁定哦,要不就打不開你的網站了. (4)下載一個網頁編輯器編寫自己的網頁內容(例如:Frongpage.DW2004等) (5)編輯完自己的網頁,接下來就是要把他放到自己的空間里了,那麼就得找一個上傳工具(例如:LEAPFTP等)上傳到空間里就OK了(注意:首頁的文件名必須為:index.htm或者index.asp等,具體請根據你所使用的語言). (6)告訴朋友你的網址,一起分享網路帶來的快樂吧. BB這是需要掌握的技術步驟 第一講 創建網站步驟 ①在D：盤新建一個文件夾（比如：Myweb） ②單擊「開始」→「程序」→「Microsoft FrontPage 」 ③單擊「文件」→「打開站點」，選擇查找范圍(比如： Myweb) ④在屏幕窗口右邊輸入文本或插入圖片，然後單擊「文件」→「保存」，保存時文件名為index.htm（提示：主頁文件名約定為Index.htm） ⑤新建其他網頁，請單擊「文件」→「新建」→「空白網頁」或直接單擊工具欄上新建按鈕。 注意，除主頁以外的其它網頁文件名可以自定義，但盡量用英文。 如果已經退出FrontPage，請重復第②～③步，然後雙擊文件夾列表中的相應文件名可以繼續編輯修改。 創建為網站的文件夾 普通文件夾 當前位置 主頁>>網頁設計與製作>>FrontPage 第二講 網頁的基本編輯  設置文本格式：在網頁視圖模式下，使用滑鼠左鍵拖動選擇要設置其格式的文本，單擊滑鼠右鍵，在所彈出的快捷菜單中選擇「字體」命令項，或單擊「格式」→「字體」。 插入圖片：將游標置於網頁編輯區中要插入圖片處，單擊「插入」→「圖片」。  插入水平線：將游標置於網頁編輯區中要插入水平線處，單擊「插入」→「水平線」。若需要修改水平線顏色或寬度，請雙擊網頁上的水平線  插入滾動字幕：將游標置於網頁編輯區中要插入字幕處，單擊「插入」→「組件」→「字幕」。然後，輸入要滾動出現的文本內容（提示：字幕效果必須經過預覽才能實現）  這里是滾動字幕演示 網頁背景：在網頁視圖模式下，在網頁編輯區中單擊滑鼠右鍵，選擇快捷菜單中的網頁屬性命令。出現對話框後，選擇背景。 當前位置 主頁>>網頁設計與製作>>FrontPage 第三講 表格操作  創建表格：將游標置於網頁編輯區中要插入表格處，單擊「表格」→「插入」→「表格」。  設置表格屬性：選中表格後，單擊「表格」→「屬性」→「表格」。  設置單元格屬性：選中單元格後，單擊「表格」→「屬性」→「單元格」。  插入新的單元格：將游標置於單元格中，選菜單欄中的「表格」→「插入」→「單元格」  拆分單元格：選擇要拆分的單元格，選菜單欄中的「表格」→「拆分單元格」  合並單元格：選擇要合並的一列、一行或一組相鄰的單元格，選菜單欄中的「表格」→「合並單元格」 當前位置 主頁>>網頁設計與製作>>FrontPage 第四講 創建超級鏈接  創建指向站點內的網頁或文件的超級鏈接：在網頁視圖模式下，鍵入或選中要用作超級鏈接的文本，選擇菜單欄中的「插入」→「超鏈接」。  創建指向一個書簽的超級鏈接：在網頁視圖模式下，首先在網頁內指定的位置插入一個書簽，方法是選擇菜單欄中的「插入」→「書簽」。然後，鍵入或選中要用作超級鏈接的文本，選擇菜單欄中的插入→超鏈接。出現創建超鏈接對話框，在書簽框上，選擇要將其作為目標的書簽。  使用導航欄：創建導航結構等同於創建超級鏈接，基本思路是首先創建導航結構，然後在需要的位置插入導航欄，如此同樣實現網頁之間的鏈接。具體步驟如下： 第一步，在導航視圖模式下，選中文件夾列表裡的網頁，拖曳導向要起放置的位置，若重命名網頁標題，可單擊滑鼠右鍵，選重命名； 第二步，在網頁視圖模式下，將游標置於網頁中需要插入導航欄的地方，單擊菜單欄「插入」→「導航欄」。 使用共享邊框：共享邊框內，包含了想要顯示在共享邊框的每一個網頁上的項目。在網頁視圖模式下，選擇菜單欄中的「格式」→「共享邊框」 使用主題：選擇菜單欄中的「格式」→「主題」 CC這是網頁運做的步驟 一、復雜方法 在手工製作個人網站的時代，我們可以總結出的網站製作步驟基本為：設計、切割、代碼生成、發布。而在此之前，應該規劃出網站的結構，包括頁面數、欄目設置等。 1.設計 進行頁面總體規劃，包括風格、布局等。網站製作要有整體風格，各部分要保持協調，整個頁面看起來才不顯得凌亂。然後用平面設計軟體製作整個頁面，常用的軟體有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿，筆者也一直用它做頁面設計，它從6.0版開始特別增強了對網頁製作的支持，顯得非常方便。現在流行的Fireworks是Macromedia網頁製作三劍客的重劍手，由於它與Dreamweaver及Flash無縫集成，越來越受到網站製作人的歡迎。 2.切割 做完第1步，我們得到的只是一個圖片文件，還沒集成網頁上應該有的元素。接下來要將圖片按製作需求切割成小圖。切割功能前面提到的兩個設計軟體中已經集成了（如Photoshop中提供的切片工具），不需要專門的軟體來處理。 3.代碼生成 這是整個製作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計「拼裝」回去。眾所周知，HTML語言是一種標記型語言，不須要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很「酷」的行為，但是很耗時間，而且很難精確地控制格式。這時，便該專門的HTML編輯軟體出場了。 HTML編輯軟體大體上可分為兩類：一類是代碼型，典型代表為Homesite、Hotdog等；一類是所見即所得型，典型代表為Frontpage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。所見即所得是目前大家最推崇的方式，因為可視化的編輯基本丟棄了代碼，方便快捷。 說到Dreamweaver，筆者就不多介紹了，我相信大部分的網站製作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設計模式（即所見即所得），並且首次將「層」概念引入網頁製作。Dreamweaver幾乎可以滿足所有人的需求，甚至還提供了ASP、PHP等腳本語言的代碼提示。 4.發布 將製作好的頁面放到伺服器上，以便更多的人能瀏覽。發布通常採用FTP的方式，將文件上傳到伺服器。目前的網頁製作工具基本上都有發布工具，可以通過各種方式發布你的頁面，如Dreamweaver中的「站點管理器」。用戶亦可使用FTP客戶端軟體進行這步操作。

6、網頁設計與製作

7、網頁結構有哪幾種類型？網頁設計與製作應包含哪些基本方法與步驟？

類型:tbale+css和div+css
步驟:設計界面》切片》HTML製作》前端實現》後台程序》測試》上線

8、《網頁設計與製作》作業題目：:設計製作一個小型網站

這個要求完全就是一個完整的小型網站的的全部要求，有點過了，兄台！！！這樣的要求從設計到完工要好幾天才能做好的！！！1個人來做的話差不多都要一個星期！！！

9、網頁設計與製作 創建和管理web網站的主要步驟有哪些

詳細教程地址http://wenku.baidu.com/link?url=nHkmu5cvp6-Ro-80EIa__ 望採納 謝謝