當前位置:首頁 » 網站資訊 » 如何製作上課網站頁面素材
擴展閱讀
網路安全法監控主任責任 2025-07-05 16:29:00
世界上首個計算機網路 2025-07-05 14:15:44
電腦一扯就黑屏怎麼辦 2025-07-05 12:42:54

如何製作上課網站頁面素材

發布時間: 2022-08-06 16:48:38

1. 如何製作一個簡單的個人網站(網頁設計課程需要的作業)需要兩個樣本

建站系統可以幫到你,自己去下載一個,有免費的,如:PageAdmin網站管理系統、wordpress系統、帝國軟體、動易系統,這些都是比較常用的。

2. 網站製作需要哪些素材

那麼在網站製作過程中,我們需要哪些素材呢? 網站製作常用的素材:背景圖片、圖標、動畫圖片等等。 一、背景圖片 CSS控制背景圖片:對於一個網頁,我們開始設計的時候,可能沒有過多的去想背景圖到底是什麼,因為大多都是設計背景色就可以了,因為它與前景音樂一樣,對於網頁的打開,速度會有一定的影響。不過對於一般的個人網站,或者個人博客而言,它對展現自己的個性,當然是不可或缺的了。控制背景圖片的CSS屬性有很多,只要與圖片的相關的,大多都會用的上。 1、為網頁設計背景圖片的代碼是:body {background:url("d:\images\04.jpg")}或者body {background-image:url("d:\images\04.jpg")}。這樣的話,我們就能將想要作背景的圖片導進網頁里了。 2、顯示原始圖片大小:body {background:url("d:\images\04.jpg");background-repeat:no-repeat} 3、控制圖片大小:body{background-image:url("d:\images\04.jpg");width:350px;height:350px;} 二、圖標 圖標是具有指代意義的具有標識性質的圖形,它不僅是一種圖形,更是一種標識,它具有高度濃縮並快捷傳達信息、便於記憶的特性。圖標可以使用各種不同的格式BMP ,PSD ,GIF , JPEG ,WMF ....所有這些格式有幾種不同的屬性(點陣圖,向量,壓縮,分層,動畫... ),可以用來存儲圖片,和決定任何大小。 三、gif圖片 gif圖片圖片是圖片的一種形式,gif圖片可以達到一定程度的Flash效果,這就有利於搜索引擎優化,也可以是網站看上去更加美觀。 網站製作素材可以有效的提高網站的整體風格,增加網站的視覺效果,可以提高網站的瀏覽量,吸引客戶的眼球,讓他流連忘返,很難在離開你的網站。素材的運用,要能結合網站的主題和需要表達的意境而定,好的素材能起到畫龍點睛的作用。

3. 如何用photoshop製作網頁界面

photoshop製作網頁界面的一般流程為新建文檔
文檔尺寸為瀏覽器全屏後減去下拉條等元素的寬度,一般為1000px。高度一般為三到四屏。高度設置成五屏、六屏的也有。一般考慮的用戶的閱讀耐受力,太多屏的高度會影響用戶閱讀。多了建議做跳轉。
設計好文檔尺寸,然後就是網頁設計工作了。在網路資源豐富的今天,web頁面的設計素材網站是豐富的。昵圖網、我圖網、愛給網、68design網里有很多設計素材。
最後,記得保存您的網頁界面文件。

4. 如何製作網頁

推薦兩款現在比較流行製作網頁的軟體
FRONTPAGE 這個OFFICE辦公軟體中有附帶
Dreamweaver很多人都在用這個,我也在用,呵呵~
怎麼製作我在這里就不廢話了,要靠自己去體會,網上有
這兩款軟體的教程,可以去看看~
不過要想做比較精彩的網頁,你還要會FLASH,你沒看到現在
很多網頁都是靠FLASH來襯托的嗎~~
學會之後自己做成功一個網頁會很有成就感的,呵呵`

5. 製作課件和網頁的方法

課件製作軟體簡介

一、 PowerPoint
PowerPoint是微軟的Office系列組件之一,是幻燈片製作工具。由於它編輯多媒體的功能比較強大、簡單易學,所以很多老師都是以PowerPoint起步製作課件的。PowerPoint內置豐富的動畫、過渡效果和多種聲音效果,並有強大的超級鏈接功能,可以直接調外部眾多文件,能夠滿足一般教學要求。PowerPoint易於上手,並支持IE瀏覽器的兩大優點,是最顯而易見的。但PowerPoint的動畫有些生硬、單調,交互功能實際上是超級鏈接,對於交互性要求較高的課件顯得力不從心。

二、AuthorWare
AuthorWare是課件製作工具中應用比較廣泛的平台,它的最大特點是創造了基於圖標的創作方式,用可見的流程貫穿課件製作的整個過程,清晰有序。我們只需對13種圖標(其實最常用的是12種,視頻圖標不常用)進行拖放及設置,就可以完成普通課件的開發,無需編寫過多的程序代碼。AuthorWare內置眾多過渡效果(利用插件,可產生更多的效果),5種基本動畫功能,如果能夠靈活應用可以滿足普通課件對動畫的要求。AuthorWare的靈魂是它強大的交互功能和函數庫,11種交互方式使我們輕松實現各種隨心所欲的交互效果,豐富的函數讓我們如虎添翼。但AuthorWare對於多聲道支持不算理想,而且圖標方式及眾多的函數有時顯得很繁瑣,真正運用自如地利用AuthorWare開發較為優秀的課件也並非易事。

三、方正奧思
方正奧思多媒體創作工具(FOUNDER AUTHOR TOOL)是北大方正電子有限公司印藝事業部研究開發的一個可視化、互動式多媒體集成創作工具。方正奧思能在中文 Windows95/98/me/NT 4.0/2000 環境下運行,具有直觀、簡便、友好的用戶界面。可以把文本、圖形、圖像、聲音、動畫及影像等多媒體素材集成編輯,製作出各種多媒體應用產品。支持豐富的媒體播放方式、過渡效果和動態效果,能實現靈活的交互性;可以製作路徑動畫;支持變數和系統函數,可以進行簡單的腳本程序編寫及具有多媒體資料庫管理功能。創作出的產品可生成 EXE 文件,直接在操作系統下運行。具有生成網頁功能,但生成網頁時有些功能將受到限制。普及版以上版本可以免費進行升級。

四、課件大師
課件大師是武漢梵谷軟體公司出品的課件製作工具。課件製作大師,即蒙泰瑤光多媒體編著系統。現在比較流行的版本為《課件大師II》即瑤光3.0。該軟體提供了可視化的全中文界面,通過它能夠將聲音、動畫、圖像以及文字等各種媒體集成在一起,並加以控制,最終生成一個可獨立執行的放映程序。課件大師支持眾多的多媒體格式如Gif、Flash、MP3等,並自帶旋轉及軌跡動畫功能。它與奧思一樣都是基於頁的序列,但它與奧思不同的是創造了子頁的設計思想。課件大師II正版軟體價格很低(只有150元左右),且帶有部分課件製作素材,比較適合於教師們個人使用,但該版本不享受免費升級服務。

五、廣州凱迪
凱迪多媒體創作工具,是廣州凱迪軟體有限公司開發的一個多媒體開發工具。在眾多的多媒體創作系統中是一枝紅杏:不僅完全擺脫了編程方式、操作簡便,強大的動畫製作功能、自我創作能力強大、直面教育實際有記分牌(自動統計分數)等功能。而且打包後的文件所佔存儲空間很小,運行速度快。但集成功能較弱,有些多媒體格式如MP3、Flash,該系統無法支持。

六、Dirctor與Flash
Dirctor與Flash和AuthorWare都是美國Macromedia公司產品。Flash與Dirctor最大的特點是動畫功能及交互功能強大。也是目前製作課件的常用工具,由於是國外軟體所以學習起來略有難度。

綜上所述,AuthorWare、Director等外國大型多媒體創作工具有點難,現在利用這些工具製作課件的人絕大部分是計算機教師及部分骨幹學科教師。雖然這些開發工具比使用高級語言(如C語言、Visual Basic語言)方便多了,在某種程度上減輕了繁瑣的「底層」設計之苦。但是這幾種開發工具都是英文版軟體(都有漢化版,但所有參考書都是針對英文版寫的),加之每種軟體都提供了較為豐富的函數及腳本設計語言,所以不太適合初學課件製作者使用。而奧思、凱迪、課件大師等國產多媒體開發工具,有一個共同特點:國人自己的產品,功能強大,直面教育實際,操作簡單,創作效率與質量高(當然也包括國產的洪圖、易思等多媒體創作工具,這里不再贅述),因此比較適合普通學科教師使用。大力倡導使用這些國產軟體,這不僅打破了國外多媒體創作平台一統課件製作天下的局面,也為廣大教師找到了一條課件製作的捷徑。願這些優秀的國產軟體能夠成為我們中小學教師製作課件的「利器」!

七、幾何畫板與數理平台
《幾何畫板》與《數理平台》等軟體帶來了數學實驗,它們提供了一個十分理想的讓學生積極的探索問題的「做數學」的環境,學生完全可以利用它來做數學實驗,這樣就能在問題解決過程中理解和掌握抽象的數學概念,使得學生獲得真正的數學經驗,而不僅僅是一些抽象的數學結論。
目前,在這方面已經有了一些有益的嘗試。1995年夏季,兩個美國初中二年級學生(David Goldeheim和Dan Litchfiled)應用幾何畫板發現了又一種任意等分線段的方法;東北育才學校一名學生發現了廣義蝴蝶定理。拋開這些問題自身的意義不說,他們處理問題的過程(猜測,驗證,論證),對我們的數學教學也是一種啟示。
《數理平台》是南京金華科軟體有限公司推出的一款與《幾何畫》板功能相似課件製作工具。它除了具有與《幾何畫板》相似的作圖與度量功能外,還有自己的特色:擁有自己的設計語言(可以利用這些代碼創作出更好的、功能更強大的課件)、可以生成可執行文件(打包後的課件可以脫離數理平台系統而獨立運行)、專業版可以網路課件等。
《幾何畫板》、《數理平台》及《Z+Z智能教育平台》等軟體,直面數學(包括物理)學科實際,不僅是輔助教學的好工具,也是學生進行數學實驗的好工具,計算機較強作圖的處理能力為數學的發現學習提供了可能,它的動態情境可以為學生「做」數學提供必要的工具與手段,使學生可以自主地在「問題空間」里進行探索,來做「數學實驗」。教師可以將更多的探索、分析、思考的任務交給學生去完成。

分類二:
我們知道,製作一款課件,最基本的前提就是要有一把製作課件的利器。目前,製作課件的軟體有不少種,下面作一些簡單的介紹。如果你正要學習製作課件,最好先看一看下面的內容。

Macromedia Authorware

Authorware是面向Web和在線學習的具有領導地位的可視化媒體創作工具。它在豐富的媒體支持、創作能力,Web 創作和出版、學生的學習情況跟蹤和課程管理上都提供了重大的增強。 Authorware允許開發者在Web,LANs和CD-ROM上創建多媒體項目。
它是一個優秀的基於流程圖標的互動式多媒體創作工具,它不僅可以利用自身的圖標和函數來設計程序,而且還能夠利用控制項、介面和自定義函數實現許多復雜的功能。本站從Authorware的工作界面開始,到最後的自定義UCD函數,堅持由淺入深、由易到難、理論聯系實際的原則,全面介紹多媒體課件、軟體的製作方法,充分利用實例,手把手教你做課件,同時有課件作品、源程序供你參考、下載。

Macromedia Flash

Flash是互動式矢量圖和Web動畫的標准。網頁設計者使用Flash創建漂亮的、可改變尺寸的 、以及極其緊密的導航界面、技術說明以及其他奇特的效果。
除此之外,它的另一大優點在於,它的輸出文件體積非常小,一個有音樂的5分鍾短片還不到500KB,這在目前大容量可移動存儲設備尚未能普及和國內網速現狀的今天,確實有它的優勢。

Macromedia Dreamweaver

作網頁形式的課件,沒什麼不可以。一個可視化的網頁設計工具,一個HTML編輯器,支持最新的HTML標准,包括動態HTML。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。
Dreamweaver是一個集網頁製作和網站管理於一身的、功能強大的網頁編輯軟體,是第一套針對專業網頁設計師開發的可視化網頁製作工具。利用它可以很輕松地製作出跨平台和瀏覽器的充滿動感的網頁。
目前最優秀的製作網頁的集成工具。

FrontPage 2000

FrontPage 2000提供了優秀的WEB頁編輯器,可以方便、快捷地編輯WEB頁形式。在編輯器中提供了所見即所得、手工編輯HTML和預覽WEB頁三種編輯工具。
它是一個非常簡單實用的網頁編輯軟體,用它可以非常快速地編輯好一個網頁,特別適用於第一次做網頁的朋友。要想用這個軟體做一個好的網頁,最重要的是掌握表格的運用,相信做過網站的朋友都有這個體會。Frontpage還可以做簡單的多媒體課件、企業策劃書、產品演示說明書等,它具有上手快,易學、易用的特點。
FrontPage 2000是初學者最理想的製作網頁的集成工具。

6. 如何製作班級網頁,流程怎麼樣的,需要什麼工具,收集什麼素材!

使用DREAM WEAVER ,挺好的,我在上小學的時候就用這個做過網頁,素材什麼的,就用班級的一些照片呀,同學的作文呀,就可以了。。。。

7. 製作網頁需要什麼素材

製作網頁是需要的素材很多,很煩瑣。比如說,你要懂得Photoshop、Dreamweaver、還要懂得資料庫等知識,最好上傳的時候,你還要申請域名,找伺服器公司。
如果你下在一個網頁模板的話,可以省去前面那些繁瑣的事,你只要申請域名,找伺服器公司就行。
TemplateMonster(怪獸模板)中國區官方網站http://china.templatemonster.com/這里有很多好看的網頁模板,你不妨去看看。

8. 網站頁面製作有哪些技巧

【導讀】在當下的企業網路推廣階段中,越來越多的企業網站製作技術越來越嫻熟,導致在同行企業網站競爭環境越來越激烈,但是只有少數的企業是贏家。那麼,網站頁面製作有哪些技巧呢?今天就跟隨小編一起來了解下吧!

1、網站頁面分割設計

在網站頁面設計中可採用內容分割成塊狀,通過合理分割進行內容優化將站內重要產品或服務內容等重點一一呈現在用戶眼前,同時輔以圖文並茂的形式展現給目標用戶群體,吸引潛在用戶的點擊與訪問,讓用戶更容易接受頁面分割設計,從而達到促進企業網站排名優化提升的效果。

2、網站頁面導航欄設計

通常在網站頁面中的閱讀設計是通過滾動的方式實現的,但如果採用從頭滾動到尾部結束的方式過於枯燥,很容易導致用戶在訪問瀏覽網站期間產生視覺疲勞,建議站長針對這種設計方式可以在頁面兩側或頂部添加導航欄,跟隨用戶的閱讀訪問進行變化,明確用戶在訪問階段中處於哪個位置,也可一鍵回到之前所處位置。

3、網站頁面設計學會突出重點

通常情況下,大多數企業網站所採用的頁面設計風格屬於傳統意義上的突出重點,與此同時也暴露了該類型設計風格下的枯燥乏味,非常影響用戶在訪問網站期間的使用體驗,很容易產生厭倦感,建議站長在針對不同企業網站建設中設計一些具有針對性的交互設計或創意設計,讓用戶在訪問期間提升停留時間,對企業網站印象深刻。

4、網站頁面設計不得影響頁面載入速度

在當下一些新興崛起的企業網站中更提倡採用一些具有創意的設計,但通過創意設計的繁雜設計很容易設計過度影響網站頁面的載入速度。一旦影響網站頁面載入速度,再好的創意設計也不能完整體現,一時之間不知道誰更難過。建議有創意設計想法的站長注意頁面設計素材的壓縮,避免影響頁面載入速度影響用戶的訪問使用體驗。

以上就是小編今天給大家整理分享的關於「網站頁面製作有哪些技巧?」的相關內容,希望對你有所幫助。為了幫助各位小夥伴更快的上手工作,小編特此還整理了平面設計小白入門寶典,需要的自取哦!

9. 怎樣製作網頁(包括製作工具)

網站設計八步驟

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

一、確定網站主題

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

二、搜集材料

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

三、規劃網站

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

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

五、製作網頁

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

六、上傳測試

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

七、推廣宣傳

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

八、維護更新

網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者.
回答者:陳董事長 - 副總裁 十一級 3-30 10:23

怎樣製作網頁?先說說目前網頁製作流行的三類作法:
一、使用像Dreamweaver、Fontpage一樣的所見即所得的網頁編輯軟體。Fontpage較容易些,會操作Word就會使用它。專業人士一般用Dreamweaver來做網頁,用flash、firework等來美化網頁,有興趣的可以下載網頁三劍客Dreamweaver、flash、firework來試試。
二、使用記事本修改網頁Html代碼,不推薦使用Fontpage等網頁編輯軟體修改的原因是:很多網頁格式如果用網頁編輯軟體打開就會變形,所以直接使用記事本修改網頁Html代碼是最簡潔有效的方法。當然可以去下載強化的HTML工具更好,例如: UltraEdit。
三、其實很多現成網頁模版、網站系統已經做好了,而我們不必再次證明「牛頓定律」浪費我們的寶貴時間。就像PHP論壇程序現在別人做的挺好的(例如Discuz!,PHPwind),我們何苦再去編寫一個論壇程序呢?簡直是費力不討好,並且Bug特別多。當然學習資料庫編程開發的人例外。
怎麼做網站呢?首先我們需要了解一下網站的頁面組成,網站一般包括以下幾部分:
首頁:網站的門面,如同公司的形象,特別注重設計和規劃。
次頁:網站的主要導航結構頁面,講究風格的一致性,並於首頁呼應。
普通頁:網站主要的承載信息的頁面,設計要求不高,但要求鏈接准確、文字無誤、圖文並茂,並沿襲網頁的風格。
彈出頁:一般用於廣告、新聞、消息、到其他網站的鏈接等等,一般用的很少。
通過上面的分析,我們可以看出:
從功能上來看,首頁主要承擔著樹立企業形象(當然不僅僅是首頁)的作用,次頁在導航方面起著重要的作用,比如各欄目內部主要內容的介紹,都可以在次頁中體現再進入普通頁,讓瀏覽者能夠迅速了解網站各欄目的主要內容,擇其需要而瀏覽,而普通頁則是主要的信息頁面,也是網站的最終頁面,對於大型網站,這種結構非常重要,而對於中小型企業,網站規模較小、頁面數量不多,有時次頁就起著普通頁的作用,至於彈出頁,建議您不是必要,最好不要用。下面詳細介紹各頁面的設計技巧:
一、首頁設計技巧
網站首頁是企業網上的虛擬門面,在此,提醒上網的企業注意自己門面的設計,決不能敷衍了事、馬馬虎虎。我們會經常看到印刷精美的產品目錄或廣告,當您屢屢看到那些印有產品目錄或廣告的精美印刷製品的時候,相信您或多或少會對有關的產品形成一種好感,即使您不會購買,也必然對這些產品形成一定程度的認同。而對於設計毛糙的宣傳品,您肯定會懷疑其內容的真實性,從而對其產品或服務產生質疑。好,現在說說網站的設計,相信您會同意這種說法:網站的頁面就好比是「無紙的印刷品」。既然如此,我們會因此而得出一個結論:精良和專業網站的設計,如同製作精美的印刷品,會大大刺激消費者(訪問者)的購買慾望,反之,您公司所提供的產品或服務將不會給消費者(訪問者)留下較好的印象。值得一提的是,除非您的企業有專業的網站規劃、設計人員,否則您最好找專業公司或專業人員為您設計製作,一個優秀的專業設計人員會很快明白您的意圖,並根據您的建站目的提出建設性的意見。
一般來說,網站首頁的形式不外乎有兩種,一種是純粹的形象展示型,這種類型文字信息較少,圖像信息較多,通過藝術造型和設計布局,利用一系列與公司形象和產品、服務有關的圖像、文字信息,組成一幅生動的畫面,向瀏覽者展示一種形象、一個氛圍,從而吸引瀏覽者進入瀏覽。這需要設計者具有良好的設計基礎和審美能力,能夠努力挖掘企業深層的內涵,展示企業文化。這種類型的首頁在設計過程中一定要明確要以設計為主導,通過色彩、布局給訪問者留下深刻的印象,當然,我們不能為了設計而設計,我們的目的是營銷,在設計過程中一定要牢記這一點!
另一種是信息羅列型,一般的大、中型企業網站和門戶網站常用的方式,即在首頁中就羅列出網站的主要內容分類、重點信息、網站導航、公司信息等等,這種風格比較適合網站信息量大,內容豐富的網站,因為是以展示信息為主,這是的設計就要在細微之處體現企業形象,建議設計人員最好仔細閱讀企業的CI手冊,熟悉企業標志、吉祥物、字體及用色標准,在網站的局部體現出來,往往平淡之中一個優美的符合企業特點的曲線就能夠給人以深刻的印象,從而將企業形象印在瀏覽者的腦海里。設計人員在設計過程中要注意使用這些語言符號來表達一種獨特的企業信息。
網頁設計時注意事項:
1.不要花里胡哨。
2.要有風格,要突出行業的特點。比如娛樂業熱烈活潑些,政府網站則要莊重些;收藏書畫業要古樸典雅,策劃時裝業則要前衛些。
3.一張網頁一般兩屏到三屏就可以了,不要太長,會影響你的網頁打開的速度。如果內容實在太多,應該分作幾個頁面,或者分為幾個二級欄目。
對初次建站的用戶來說,製作網頁是件頭疼的事情;對於由別人幫助建站的用戶來說,網站的後期更新維護可能更令人頭疼。缺乏專業人才及專業知識,讓大家對建站望而生畏。推薦您選購『自助建站專賣店』自助網站系統,由於不需要專業人員製作網站程序,且SOHO個人工作室不像公司那樣牽扯分享利益的人多而成本高,我們所提供的網站建設價格在市場上具有很強的競爭力。我們更懂得每一個網站的製作質量都是下一個網站的廣告。三大承諾,放心選擇:「免費試用滿意後再付款」「主機空間正式付款7天內無條件退款承諾」「100%網站及域名所有權」。為進一步免除您的後顧之憂,近期還計劃安裝支付寶等第三方網上支付手段,讓大家放心購買。用戶進入網站後台後,自己就可以在現有模板上對網站內容進行更新,不用再為如何製作網頁擔心,『自助建站專賣店』銷售數十種正版品牌建站軟體,享受自動升級服務和相關的技術服務(定製模版+內容更新)

視頻教程:手把手教你學Dreamweaver MX 200
參考資料:考資料:http://www.pconline.com.cn/pce/sj/wz/dreamweaver/0503/580605.html (摘選)

10. 怎麼製作一個網頁

要領一:確定網站主題

做網站,首先必須要解決的就是網站內容問題,即確定網站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材:第1類:網上求職;第2類:網上聊天/即時信息/ICQ;第3類:網上社區/討論/郵件列表;第4類:計算機技術;第5類:網頁/網站開發;第6類:娛樂網站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續細分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者,你可以有自己的見解,做出自己的特色;二者,在製作網站時不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有創作熱情,很難設計製作出優秀的作品。

對於內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖製作一個包羅萬象的站點,這往往會失去網站的特色,也會帶來高強度的勞動,給網站的及時更新帶來困難。記住:在互聯網上只有第一,沒有第二!

要領二:選擇好域名

域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站,其所有建設的價值,都凝結在其網站域名之上。失去這個域名,所有前期工作就將全部落空。

目前,做個人網站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網易的虛擬域名服務,其實這對個人網站的推廣與發展很為不利,不光是它「適時」開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網站,而且也妨礙了網頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網站的第一筆財富,要把域名起得形象、簡單、易記。

要領三:掌握建網工具

網路技術的發展帶動了軟體業的發展,所以用於製作Web頁面的工具軟體也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具,各種各樣的Web頁面製作工具,下面是幾款具有代表性的網頁製作器:

(1)HTML編輯器。雖然HTML代碼復雜,編輯和調試要花費大量的時間,但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果,仍受高級網頁製作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復雜頁面創建及高級HTML規范,使用較為普遍的有Hotdog等專業HTML編輯器。

(2)所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕松編制網頁。而且,Frontpage還能解析網頁的HTML源代碼,並提供了預覽支持。但Frontpage的一些特殊顯示功能並不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁製作人員使用的工具軟體。

(3)現在非常流行的 Macromedia公司出品的Flash互動網頁製作工具。這是是一款功能非常強大的互動式矢量多媒體網頁製作工具。能夠輕松輸出各種各樣的動畫網頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;並且由於Flash編制的網頁文件比普通網頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態Web製作的工具。

另外,個人網站製作者還需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對於常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫製作工具以及矢量繪圖工具,並能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬體和網路知識也是必備的。

當然,互聯網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片製作技術。所以,為了省卻這些麻煩,網站製作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。

要領四:確定網站界面

界面就是網站給瀏覽者的第一印象,往往決定著網站的可看性,在確定網站的界面時要注意以下三點:

①欄目與板塊編排

構建一個網站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網站建設初學者,最容易犯的錯誤就是:確定題材後立刻開始製作,沒有進行合理規劃。從而導致網站結構不清晰,目錄龐雜混亂,板塊編排混亂等。結果不但瀏覽者看得糊里糊塗,製作者自己在擴充和維護網站也相當困難。所以,我們在動手製作網頁前,一定要考慮好欄目和板塊的編排問題。
網站的題材確定後,就要將收集到的資料內容作一個合理的編排。比如,將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引,索引應該將網站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是:

●盡可能刪除那些與主題無關的欄目;

●盡可能將網站內最有價值的內容列在欄目上;

●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內容,如站點簡介、版權信息、個人信息等大可不必放在主欄目里,以免沖淡主題。

另外,板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET矽谷動力(www.enet.com.cn)的站點分新聞、產品、游戲、學院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內容較少,只要分個欄目也就夠了,不需要設置板塊。如果有必要設置板塊的,應該注意:

●各板塊要有相對獨立性;

●各板塊要有相互關聯;

●各板塊的內容要圍繞站點主題;

②目錄結構與鏈接結構

網站的目錄是指建立網站時創建的目錄。例如:在用Frontpage建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題,大多數站長都是未經規劃,隨意創建子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的維護,以後內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排,比如:

●不要將所有文件都存放在根目錄下。有網站製作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率;上傳速度變慢,伺服器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那麼即使只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。

●按欄目內容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:網站簡介、站長情況等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內容也最好放在一個目錄下,便於維護管理。

●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。
其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便於記憶;盡量使用意義明確的目錄,以便於記憶和管理。

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點並不是分布在一個平面上,而是存在於一個立體的空間中。一般的,建立網站的鏈接結構有兩種基本方式:

●樹狀鏈接結構(一對一),這類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出,條理比較清晰,訪問者明確知道自己在什麼位置,不會「不知身在何處」,但是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須回到首頁再進行。

●星狀鏈接結構(一對多),類似網路伺服器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達自己喜歡的頁面。但是由於鏈接太多,容易使瀏覽者迷路,搞不清自己在什麼位置,看了多少內容。

因此,在實際的網站設計中,總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。關於鏈接結構的設計,在實際的網頁製作中是非常重要一環,採用什麼樣的鏈接結構直接影響到版面的布局。

③進行形象設計

網站的設計可以從以下幾點出發:

●設計網站標志(LOGO)。LOGO是指網站的標志,標志可以是中文、英文字母,也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如:網站內有代表性的人物、動物、植物,可以用它們作為設計的藍本,加以卡通化或者藝術化;專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志,採用不同的字體、字母的變形、字母的組合可以很容易製作好自己的標志。

●設計網站色彩。網站給人的第一印象來自視覺沖擊,不同的色彩搭配產生不同的效果,並可能影響到訪問者的情緒。「標准色彩」是指能體現網站型象和延伸內涵的色彩,要用於網站的標志,標題,主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用,但應當只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網站的標准色彩不超過3種,太多則讓人眼花繚亂。適合於網頁標准色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。

●設計網站字體。和標准色彩一樣,標准字體是指用於標志,標題,主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的「與眾不同」和特有風格,可以根據需要選擇一些特別字體。製作者可以根據自己網站所表達的內涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,那麼辛苦設計製作便可能付之東流了。

●設計網站宣傳語。也可以說是網站的精神、主題與中心,或者是網站的目標,用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站,進行對外宣傳,可以收到比較好的結果。

要領五:確定網站風格

「風格」是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志,色彩,字體,標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素,網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網站獨有的,這就形成了網站的「風格」。

風格是有人性的,通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執著熱情的;是活潑易變的,還是墨守成規的。

總之,有風格的網站與普通網站的區別在於:在普通網站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風格的網站上你可以獲得除內容之外的更感性的認識,比如站點的品位,對瀏覽者的態度等。

在明確自己想給人以怎樣的印象後,要找出網站中最有特色的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化、宣傳。總之,風格的形成不是一次定位的,你可以在實踐中不斷強化、調整、改進。

要領六:有創意的內容選擇

好的內容選擇需要有好的創意,作為網頁設計製作者,最苦惱的就是沒有好的內容創意。網路上的最多的創意即是來自於虛擬同現實的結合。創意的目的是為了更好的宣傳與推廣網站,如果創意很好,卻對網站發展毫無意義,那麼,網站設計製作者也應當放棄這個創意。另外,主頁內容是網站的根本之所在,如果內容空洞,即使頁面製作地再怎樣精美,仍然不會有多少用戶。從根本上說,網站內容仍然左右著網站流量,內容為王(Content Is King)依然是個人網站成功的關鍵。

要領七:推廣自己的網站

網站的營銷推廣在個人網站的運行中也占著重要的地位,在推廣個人網站之前,請確保已經做好了以下內容:網站信息內容豐富、准確、及時;網站技術具有一定專業水準,網站的交互性能良好。一般來說,網站的推廣有以下幾種方式:

(1)搜索引擎注冊與搜索目錄登錄技巧

注冊著名的搜索引擎站點是在技術上推廣網站的第一步。注冊搜索引擎有一定的技巧,像AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別Frame,所以一定要提交有內容的Main頁面。

而像Yahoo、搜狐等搜索目錄網站採用手工方式收錄網址,以保證收錄網站的質量,在分類查詢時獲得的信息相關性比搜索引擎站點(靠Spider自動搜索的)更強。由於搜索目錄網站收錄網站的人為因素相對較多,因此在提交網站時要注意遵守規則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意:將網址提交到最合適的目錄下面,要認真詳細的介紹網站,千萬不要有虛假、誇張的成分。

(2)廣告交換技巧

很多個人站點在相互廣告交換時都提出了幾個條件:第一,訪問量相當;第二,首頁交換。顯而易見,這種做法是為了充分利用廣告交換。以很多個人網站的經驗,當與一個個人站點交換鏈接時,對方把網站的LOGO放到了友情連接一頁,而不是首頁時,很少有訪客會來