導航:首頁 > 萬維百科 > 網頁設計的創作思想

網頁設計的創作思想

發布時間:2020-11-17 03:29:16

1、想要製作一個網站,都需要掌握哪些軟體及語言的使用?

ttp://www.tongyi.net/這個網站有教你怎麼製作去看看有好處的
如何製作網頁

隨著網路應用的日益深入,無數人夢想親自製作極具個性和特色的網頁,網頁製作可以藉助網頁製作軟體輕松實現.常用的有 FrontPage 和Macromedia公司推出的網頁製作三劍客---Dreamweaver ,Flash 和 Fireworks. 對於初學者我們建議你使用 Microsoft office 2003 中的 FrontPage 2003

什麼是網頁? 在網上瀏覽時看到的一個個頁面就是網頁,網頁都是用HTML的文件格式來表示的.

什麼是域名? 簡單的說就是一個網站的網址,如本站的域名就是 2.mpc.cn 搜狐的域名是 www.sohu.com .每個域名都是全球唯一的.域名是由網路域名管理組織在全球統一管理的.

什麼是HTML? HTML 是一種純文本類型的標記式語言,不需要編譯而由瀏覽器直接解釋執行.他的作用是通過一些標記來告訴瀏覽器怎樣顯示標記中的內容.HTML文件的擴展名為 htm 或 html.在我們瀏覽網頁時點瀏覽器的查看菜單選源文件就可以看到該頁的 HTML 代碼.作為初學者不必詳細了解HTML,而由網頁製作軟體為我們自動生成.

什麼是超鏈接?相信大多數的朋友都用過超鏈接,在網頁中存在大量的超鏈接.在我們瀏覽網頁時,點擊某一段文字或圖片時,瀏覽器自動跳到與之相關的網頁,那些文字或圖片就是超鏈接的表現形式.超鏈接具有將不同的頁面連接起來的作用.

關於如何製作網頁的問題,用戶要做的,首先是確定建站目的、思想、內容、規模,然後就是在現有的頁面上修改,增加或減少功能板塊,排版並設置頁面的風格等等一系列簡單方便的操作建立起您想要發表的頁面。

1、要沉穩,不要花里胡哨。自助網站製作的人往往喜歡獵奇,弄一些不必要的亂七八糟的東西,比如彈出窗口啦、腳本代碼啦、很大的圖片啦,等等。
2、要素凈、大氣,不要五彩繽紛。要注意在一個自助網站的頁面里不要用色太雜。要確定一個顏色主調,再搭配一兩種反差不太大的顏色即可。正文文字的大小要基本統一,文字的顏色也不要紅紅綠綠。不要認為如何製作網頁的關鍵是以大文字和鮮艷的色彩來強調很多意思,實際上使人眼花繚亂,什麼都強調不了,也很不大氣。
3、要有個性、有風格,要突出行業的特點。比如娛樂業可以熱烈一些、活潑一些,政府網站則要莊重一些;收藏、書畫業要古樸典雅,策劃、時裝業則要前衛一些。
4、一個網頁不要太長,一般兩屏到三屏就可以了。在同一個網頁里,如果文字或圖片太多,既不美觀,也會影響你的網頁打開的速度。如果內容實在太多,應該分作幾個頁面,或者分為幾個二級欄目。
5、其實,如何製作網頁,重點做好網站的首頁。網站的首頁就好比一個人的臉面,如果臟兮兮的,會把你的顧客嚇跑。網站的首頁做得好,裡面的內容一般也會不錯。

選擇了這套優秀的自助建站服務系統,用戶進入後台管理系統後,自己可以隨時對網站內容進行更新和維護,如更換或添加產品圖片,更新報價信息..... 可添加留言版,和在線提交反饋單,通過注冊帳號和密碼,安險性高,方便又快捷,真正作到實時更新和維護管理,靈活性強,易懂,功能強大,不用再為如何製作網頁擔心,一定會給企業帶來豐厚的利潤和發展。

自助建站系統可以做到:
立體規劃網頁設計的內容,對整個站點作好統籌安排,規劃,對所有的內容進行細意斟酌,把所有的意念組織起來設計一個合理的頁面樣式。根據網站的類別不同,選擇各種豐富多彩的網頁設計模板,使自助網站空間排序適當。自動升級:隨著技術的變化,網站建設中,平台隨時增加新功能,網站的功能則自動升級。廣告系統:擁有自己的廣告管理系統,自己可以發布商業廣告。統計分析:用戶可以了解自己的網站每天每個頁面每個欄目的點擊率。

目前的主要價格如下:

1. 480元,企業入門型,國際或國內域名名一個,50M空間,1388套模板,語言版本:簡、繁、英,可以使用除文件下載和網上購物外的所有功能。
2.680元,企業標准型,國際或國內域名名一個,100M空間,50M企業郵局,1388套模板,語言版本:簡、繁、英,可以使用除文件下載外的所有功能。
3. 980元,企業商務型,國際或國內域名名一個,200M空間,100M企業郵局,1388套模板,語言版本:簡、繁、英,自助建站的所有功能。
4.1580元,網站定製型,國際或國內域名名一個,200M空間,100M企業郵局,1388套模板,語言版本:簡、繁、英,根據客戶需要定製自助網站功能。

對初次建立網站的用戶來說, 製作網頁是件頭疼的事情;對於由別人幫助建站的用戶來說,網站的後期更新與維護可能更令人頭疼。缺乏專業人才,缺乏專業知識,這一切都讓企業對建站、維護網站望而生畏。有了新一代的自助建站系統,一切都變得如此簡單、容易!

· 多款精美的網頁模版任意挑選
· 功能強大的在線網頁編輯器,任意圖文混排
· 自由增加、修改、刪除欄目;隱藏或加密欄目
· 網站功能非常豐富,如:新聞文章、圖文展示、文件下載等;
· 擁有自己的會員資料庫
· 網站名稱自動生成美觀的名稱圖片
· 各種網站輔助功能樣樣齊全

網頁三劍客下載

網頁三劍客下載網頁三劍客下載[絕可以下]

Dreamweaver MX 2004

下載地址:http://www.xj-huiye.com/download/download.asp?downid=2&id=313
一個可視化的網頁設計和網站管理工具,支持最新的Web技術,包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite/BBEdit捆綁、可視化網頁設計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等富媒體格式和動態HTML、基於團隊的Web創作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。

Macromedia Dreamweaver MX 2004 最新增加功能如下:

1、動態跨瀏覽器驗證
2、更強大的CSS支持
3、內建的圖形編輯引擎
4、安全FTP
5、增強對當今技術的支持
6、無縫整合外部文件和代碼
7、緊密整合MM的其他工具
8、基本支持改良
9、增強代碼編寫工具
10、改進的設計開放環境。

備註:如果上面的下載鏈接失效,您也可以點擊這里重新尋找網頁製作軟體。
我們也為您提供了網頁製作軟體破解補丁的下載搜索地址,請點擊這里。

以上軟體僅供學習研究之用,建議您購買正版軟體,本站不付任何法律責任。

Fireworks MX 2004下載

Fireworks MX 2004

下載地址:http://www.xj-huiye.com/download/download.asp?downid=2&id=315
Fireworks是Macromedia三套網頁利器之一,它是用來畫圖用的,它相當於結合了Photoshop(點陣圖處理)以及CorelDRAW(繪制向量圖)的功能。網頁上很流行的陰影、立體按鈕...等等的效果,也只需用滑鼠點一下,不必再靠什麼KPT之類的外掛濾鏡。而且Fireworks很完整的支持網頁16進制的色彩模式,提供安全色盤的使用和轉換,要切割圖形、做影像對應(Image Map)、背景透明,要圖又小又漂亮,在Fireworks2中做起來都非常方便,修改圖形也是很容易的。不需要再同時打開Photoshop和CorelDRAW...等等各類軟體,切換來切換去的了。

Fireworks MX 2004新功能有:

1、執行效率的提高
2、用戶界面的改進
3、內建FTP登陸和版本控制
4、新的特效
5、自動圖形
6、新的照片修飾工具
7、伺服器端代碼的支持
8、系統反鋸齒和自定義反鋸齒
9、雙位元組支持
10、提供了Javascript API介面

備註:如果上面的下載鏈接失效,您也可以點擊這里重新尋找網頁製作軟體。
我們也為您提供了網頁製作軟體破解補丁的下載搜索地址,請點擊這里。

Flash MX 2004

下載地址:http://www.xj-huiye.com/download/download.asp?downid=2&id=291

這個動畫製作軟體大家應該是很熟悉了吧,就不做介紹了,還是看看它的新功能吧。

Flash 2004 最新功能一覽:

1.時間線效果: 加速和簡化時間線上可重復使用的通用交互任務.例如:改變時間線效果允許用戶快速為一個對象設置動畫.位置.縮放.不透明和顏色變化.
2.行為:可以通過面板快速應用Actionscript而無需了解代碼.用戶可以創建自己的行為.行為是什麼?用過DW的朋友應該很清楚.
3.PDF&EPS支持:你現在可以直接導入PDF和Adobe Illustrator 10文件.
4.CSS樣式表:允許HTML和Flash內容設計一致.文本框(Text field)對象現在支持一個新的方法.setStyleSheet將映射可載入的XML和HTML文件樣式規范.
5.鋸齒文字:為顯示清晰易讀的小字體做了優化.文字首先以無反鋸齒(即.鋸齒文字)顯示然後轉換成矢量文字.因此確保了高清晰字體以小尺寸顯示(該想法是為了在移動設備上顯示).
6.模板:增加了許多模板.
7.開始頁面:該新窗口可以讓用戶選擇從哪個項目開始工作.
8.幫助:新的幫助系統整合全部幫助信息到應用程序中.
9.視頻導入向導:當導入視頻片斷時.這個新的多步向導提供控制指定范圍的視頻被導入.可重復使用的編碼設置和顏色修正新性能.
10.外部FLV支持:你現在可以直接播放硬碟上的FLV(Flash視頻)文件(不需要導入).這樣可以用有限的內存播放很長的視頻文件而不需要從伺服器下載完全部文件.
11.改良的性能:重大的改進已經增強了全部性能.用戶將會注意到編譯後的文件將不僅在Flash Player7中執行效果好.同樣在以前版本的播放器中也很好.
12.拼寫檢查/全局查找替換:對整個FLA文件進行全局查找和替換.並且支持正規表達式.
13.輔助功能:改進MSAA(Microsft Active Accessibility)標准支持.
14.動作腳本2.0:為支持面向對象編程做了非常大的改進.
15.歷史面板和命令
16.萬國碼(Unicode)&字元串面板:完全支持全球語言字元集.字元串面板允許本地語言直接成為多國語言.
17.擴展性:新的可擴展架構.將有幾個三方軟體提供支持.
18.發布設置:增強了報表功能.

2、怎麼創作網站?

網站設計八步驟

由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。

一、確定網站主題

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

二、搜集材料

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

三、規劃網站

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

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

五、製作網頁

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

六、上傳測試

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

七、推廣宣傳

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

八、維護更新

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

3、如果設計網頁,參加全國中小學電腦製作大賽如何選材設計更容易得獎?

第九屆全國中小學電腦製作活動:"一、人員范圍
全國普通高中、初中、小學的在校學生。
二、項目設置
第九屆「全國中小學電腦製作活動」(簡稱「活動」)內容分為「電腦作品評選」(簡稱「評選類項目」)和「電腦機器人競賽」(簡稱「競賽類項目」)。
根據不同學段中小學生的特點,「活動」按照小學組、初中組、高中組分學段設置評選類項目和競賽類項目。
三、「評選類項目」作品分類、相關要求及評比指標
(一)「評選類項目」作品分類
小學組:電腦繪畫、電腦動畫、電子報刊、網頁
初中組:電腦繪畫、電腦動畫、電子報刊、網頁
高中組:電腦藝術設計、電腦動畫、網頁、程序設計
(二)相關要求
1.作品的主題:探索與創新
鼓勵廣大中小學生結合學習與實踐活動及生活實際,積極探索、勇於創新,運用信息技術手段設計、創作電腦作品,培養「發現問題、分析問題和解決問題」的能力。
2.「作品」形態界定
(1)電腦繪畫
運用各類繪畫軟體或圖形、圖像處理軟體製作完成的繪畫作品。繪畫作品可以是主題性單幅畫或表達同一主題的組畫、連環畫。表達同一主題的組畫、連環畫,每件作品不超過5幅。
創作的視覺形象可以是二維的或三維的,可以選擇寫實、變形或抽象的表達方式。
作品表現形式可以是運用滑鼠或數字筆模擬手繪效果的,即用一定的技術處理手法,用電腦來模擬手繪效果;也可以是根據主題,利用數字化圖形、圖像處理工具對圖像素材的再加工。
作品的存放格式為JPG;適合在通用的電腦顯示器上顯示。
提交的作品中,除上報JPG文件外,還應提交該作品的源文件,如使用Photoshop製作的作品,需同時提交PSD格式的文件。
單純的數字攝影畫面不屬於此項作品范圍。
作品(JPG格式文件)的大小不得超過20MB。
(2)電腦藝術設計
為了表達某一特定的主題或目的,運用圖形、圖像處理軟體,用電腦原創設計製作完成的、有一定的實際應用價值、能夠體現設計者理念的靜態單件作品或系列作品(每一系列作品不得超過6幅)。可以是:廣告招貼設計、商標及符號標志設計、企業形象設計、產品包裝設計、書籍裝幀設計、室內裝飾藝術設計、景觀藝術設計和工業產品設計等。
作品應強調對藝術設計中圖形、文字、色彩三大基本元素的綜合表現能力。
作品的存放格式為JPG,適合在通用的電腦顯示器上顯示。
提交的作品中,除上報JPG文件外,還應提交該作品的源文件,如使用Photoshop製作的作品,需同時提交PSD格式的文件。
單純的電腦繪畫、攝影和動態的視頻、動畫等不屬於此項作品的范圍。
作品(JPG格式文件)的大小不得超過20MB。
(3)電腦動畫
運用各類動畫製作軟體,通過對角色和場景的繪制、音效處理與動畫製作,運用動畫畫面語言完成的二維或三維的電腦動畫作品。
動畫作品要表現一定的故事情節。作品中的主要角色和場景要求原創,可用漫畫或寫實藝術手法來表現主題。
上報作品應包括播放文件、與作品製作軟體相關的源文件和主要角色、場景、背景音樂等原始素材。
基於數碼錄像方式製作的畫面不屬於此項作品范圍。
作品(播放文件)的大小不得超過20MB,作品播放時間應在2-5分鍾之間。
(4)電子報刊
運用文字、繪畫、圖形、圖像等素材和相應的處理軟體創作的電子報或電子刊物。電子報刊主要以文字表達為主,輔之適當的圖片、視頻或動畫。
電子報應該含有報名、報刊號、出版單位或出版人、出版日期和版面數(一般為8個版面)、導讀欄等報紙所包含的要素。在導讀欄中應設置超鏈接。
電子刊物應有封面、封底、目錄頁和刊名、刊號、主辦單位、主編和編委、出版日期等刊物所包含的要素。除封面和封底外應有不少於8頁的正文頁。在目錄欄中應設置超鏈接。
電子報刊應有相應的網址和電子信箱,報刊內容的原創成分應達到60%以上。通過網上下載或其他渠道搜集、經作者加工整理的內容,不屬於原創范疇。
(5)網頁
使用HTML語言或網頁製作工具編制的、闡釋某個主題或傳遞某類專題信息的網頁作品,一般在20個頁面以上。
網頁應充分體現數字技術開放性、交互性和共享性的特徵。網頁內容要緊密結合作者的學習生活和社會實踐,避免簡單的資料堆砌。
在水平解析度為1024(或以上)像素的電腦屏幕上瀏覽時,頁面保持整齊、美觀。
網頁作品(非壓縮文件)的大小不超過50MB。
(6)程序設計
以各種計算機程序語言編寫的、具有較為明確的設計思想、貼近作者學習生活、並可以為社會應用和科技創新服務的各類程序軟體。包括管理系統類軟體、工具類軟體、輔助學習類軟體和益智游戲類軟體等類型。
製作完成並提交的作品必須編譯成可執行程序,配有相應的安裝和卸載程序(免安裝的綠色軟體除外),應能實現順利、直接地安裝和運行。
提交的作品中,需同時附有該作品的源程序代碼清單(TXT文本格式,並加上相應的注釋)、程序的流程圖和操作使用說明(幫助文檔)。
3.作品製作
(1)中小學生應獨立進行作品的創意、設計並自己動手實現創作,指導教師可以給予適當的技術指導,但不能直接動手幫助完成作品製作;
(2)小學組、初中組每件作品的主要作者最多不超過2名,高中組每件作品限報1名作者;每個作者限報1件作品;每件作品限報1名指導教師;
(3)作品中不能以作品以外的任何網站或網頁內容的鏈接方式作為本作品的內容;
(4)網頁作品或網頁形式的電子報刊作品的各級目錄(文件夾)和所有文件的命名須採用通用的小寫英文字母命名規則。
4.作品報送
各省級教育部門以省為單位報送「評選類項目」作品,每省限額推薦60件(小學組、初中組、高中組分別限額在20件以內)作品參加全國評比,並於2008年4月20日前(以郵戳為准)報送到中央電化教育館。報送作品時須一並報送以下材料:
(1)電子文檔材料
包括:推薦參評作品光碟(請各省集中組織刻錄,一式兩份),內容以文件夾形式建立「2008年第九屆中小學電腦作品庫」;二級文件夾分別命名為小學、初中、高中;三級文件夾分別命名為電腦繪畫、電腦動畫、電子報刊、網頁、程序設計、電腦藝術設計;四級文件夾分別命名為作品名稱。四級文件夾內含:參賽作品、推薦作品登記表和作品創作說明(格式參見附表2)、作者照片等電子文檔材料,並確保能夠運行。
(2)文字材料
①組織「活動」工作情況小結(1000字以內);
②省級推薦作品名單(附表1);
③有作者本人親筆簽名的「推薦作品登記表」和「作品創作說明」(附表2);
④各省「活動」組織單位及聯系人信息表和省級評委推薦表(附表3)。
註:①②④項也請同時報送電子文檔材料。
5.參賽作品參評資格審定
(1)有明顯的政治原則性錯誤和科學常識性錯誤的作品,取消該作品參評資格;
(2)嚴格杜絕任何弄虛作假行為,一經發現,直接取消該作品參評或獲獎資格,並將有關情況告知相關的省級教育部門及所在學校;
(3)已正式出版的作品(產品)、已在有關網站或媒體上發布過的作品、已在其他全國性比賽(包括:全國青少年科技創新大賽、「明天小小科學家」獎勵活動)中獲得一、二等以上獎項的作品不參加評選。一經發現,直接取消該作品參評或獲獎資格。

4、設計創作篇:請為音樂系設計一個網頁LOGO,要求創意新穎、藝術,主題突出,畫面美觀,構圖合理。

你好,你如果要急的話,恐怕在這里是很難徵集得到的。我建議去威客網看看,裡面有很多的設計高手、設計作品可以給你挑選。
威客 中文簡稱智慧的鑰匙 就是那些通過智慧獲得收益的人們 威客中分為兩種人即僱主和會員 這兩類人是缺一不可的 僱主就是那些有需求的人 通過在威客網上懸賞發布任務 讓那些會員去做 所以這些會員就是想賺錢的人 舉個例子 比如我想設計一個圖標 我就會懸賞在網上發布任務 例如1000元 然後寫下自己的要求 那些想賺錢的會員都會爭相為我做 到最後 我選擇一個最滿意的作品為中標稿件 那麼他就會獲得1000元的收益

那麼在威客網上發布任務的優點是什麼呢?

1.只需花費很少的金額 就能找到滿意的作品 現在很多設計公司設計的 作品不好並且還有的就會上萬 而在威客網上 只需花幾百即可

2.會員多 靈感多 設計出來的多 供自己選擇的多 或許你還不知道 功夫巨片《葉問2》的宣傳海報就是在一個威客網上徵集到的 只花了2000元 而當時在一些著名的策劃公司花幾萬都沒有滿意的作品

3.能起到推廣效果 因為所有發布的任務 除非自己事先說明 都要被搜索引擎收錄 那麼

對企業的推廣有一定的效果

中金微博 金山插件 聯想一體機 等都是在威客網上徵集的 所以說 現在很多企業都把

威客當做自己公司的設計平台
威客設計加工廠:http://hi.baidu.com/%B9%E3%D5%BF%C0%D7%B3%

C2/blog/item/356d49ed0bcf3c1afcfa3ceb.html

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

分析如下:

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

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

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

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

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

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

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

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

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

(5)網頁設計的創作思想擴展資料:

網頁設計

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

風格

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

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

色彩搭配

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

網頁配色小技巧:

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

2.用兩種色彩:先選定一種色彩,然後選擇它的對比色;

3.用一個色系:簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。

在網頁配色中,還要切記一些誤區:

1.不要將所有顏色都用到,盡量控制在三至五種色彩以內;

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

6、關於網頁製作主題。

環保,永遠的主題,素材還好找。

7、為什麼一定要用HTML語言創作網頁呢?

在93年左右,瑞士人發明了www(萬維網),只要我們遵守html語言規則,就可以寫出網頁掛在網上了,你應該感謝html而不是排斥它,沒有它你既是想用互聯網也很難,互聯網早在50、60年代就有了,但是那時候一般人不會使用,因為你必須學會網路套接字通信,有幾個人能會呢?只有html出現後,網頁製作才簡單化了,才出現了大量網站。

這就比如:高級編程語言出現前,有幾個人能用匯編和機器語言寫程序呢?只有高級語言出現後,才有了軟體業的巨大發展,可是如果有人埋怨:我為什麼要用高級語言編程呢?直接用普通的方式不能創建程序嗎?可是什麼是「普通方式」?這個問法就不對,高級語言本身就是為了方便你編程,難道你還有別的更好的工具直接產生一個程序??

8、怎樣製作網頁?

伴隨網路的快速發展,上網已成為一種潮流。人們從網上傳播和獲取信息,而網頁則是信息的基本載體。因此製作網頁成為學生學習網路相關知識、學習信息傳播知識的重要途徑。

網頁製作與其他教學相比,無論是教學思想、教學方法。還是教學手段、考核方式上都有其特殊之處。教師在教學中,採取怎樣的教學模式和教學方法才能激發學生的學習積極性、提高教學質量呢?

網頁製作的教學內容決定教學模式和方法,中小學開設信息技術課程的目的是培養學生的創新精神和實踐能力、推動素質教育的開展,也就是說其重點是培養學生的動手能力。這樣的目標,按照通常的教學模式(教師——內容——學生)的方法很難實現,甚至行不通。筆者採取網頁製作教學模式(教師精講指導——上機操作練習——學以致用)的方法進行教學效果不錯。

一、學為主體,突起能力

計算機軟體教學是中學信息技術教學的重要內容之一。網頁製作教學有別於其他軟體的教學。它具有教強的實踐性。所以在教學中應充分體現學生的主體作用,即教師可用較短的時間做一些操作演示。還可以給學生展示一些較優秀的網頁作品供學生參考,然後大部分時間交給學生,讓他們在某一特定主題下自己動手製作。教師在學生製作過程中不要過多指點,應讓學生在實踐中摸索、在摸索中提高。當然這需要學生事先進行充分的預習,還要有其他軟體知識(如Word)做基礎。

這樣做會不會花費較多時間,從而影響教學進度呢?回答是否定的。首先,從心理學的角度講,興趣是獲取知識的源動力。學生對網頁這種新事物非常感興趣,早就躍躍欲試。其次,學習網頁製作之前學生已有一些軟體知識做基礎,對軟體本身的使用障礙不大。

這樣的教學方法使學生的知識獲取是通過親身實踐得到的,因此學得扎實,記得牢固。此外,學生在學習過程中遇到的問題是通過分析、摸索得到解決的,這又進一步提高了他們分析問題和解決問題的能力。所以這種以學為主、突出能力的網頁製作教學方法是符合學生認知規律的行之有效的方法。

二、提倡創新,體現個性

網頁是網路信息的基本載體,它除了為傳播信息提供平台外,還體現出製作者的個人審美情趣和藝術修養。因此在網頁製作的教學過程中,除了讓學生掌握網頁的一般製作技巧外,還應鼓勵學生在製作網頁時突出個人風格,提倡創新。

⒈自選主題

網頁製作的作業應置選題分。教師可為學生提供一些網頁主題,如環保、助殘、娛樂等,學生可以選擇教師提供的主題,也可以自擬主題,集中報教師後選題雷同的允許其重選,以利其取得較高的選題分。

2、頁面新穎、美觀

主頁面的布局和製作是網頁能否吸引人的關鍵所在,因此教師應在學生製作網頁前將評價標准公布出來,把頁面布局合理、製作精緻、設計有新意、不雷同等作為加分因素。目的是鼓勵創新、避免抄襲。這一標准對美術基礎較好的同學十分有利,亦使他們的良好素質得到充分體現。

雖然教師事先准備了相關的文字、圖片素材,但為了得到高分,學生們仍四處搜集相關圖片、自己動手撰寫文章、為自己的網頁進行充分的素材准備,以期顯示自己的個人風格。

這樣進行的網頁製作教學不但使學生學會了網頁製作的方法,還充分展示了每個學生的個人審美情趣和對素材的組織能力,克服了以往學生們互相抄襲的弊病,能檢驗出每個學生的真實水平。通過這樣的教學過程,學生們製作出的網頁各有千秋,使我們老師都大開眼界,真正做到了教學相長。

三、鼓勵協作,培養團隊精神

「一花獨放不是春,百花齊放春滿園。」在當今競爭激烈的信息時代,如果只強調個人奮斗、忽視與他人協作,終究難成大器。在信息技術領域,團隊精神顯得尤為重要。在這個領域,許多軟體都是幾個、幾十甚至幾百人合作完成的。如果讓一個人單獨去做,恐怕當他的軟體設計完成之時,也就是該軟體淘汰之日。

為了鼓勵協作,網頁製作的考核中可增設小組附加分,即每四人為一組,小組成員的分數之和為小組分,小組分的30%作為附加分加入到該組每個成員的分數上。

學生在進行網頁製作時遇到問題應首先自已分析解決,解決不了可請求其他同學幫助,如果仍不能解決則可組織小組討論。由於有小組附加分的激勵,能力強的同學在完成了自己的任務後,也樂於幫助同組同學,提高了小組總分,亦使自己受益。

與網頁設計的創作思想相關的知識