導航:首頁 > 萬維百科 > 網站欣賞與創建網頁板書設計

網站欣賞與創建網頁板書設計

發布時間:2020-08-29 02:21:16

1、優秀網頁設計欣賞 如何做好網頁設計

可以看看零代碼的網站模板和案例,蠻不錯的。

2、如何做好網頁的版式設計

網站的欄目策劃是在網站製作過程中容易忽視的一個細節,因為在網站製作的過程中都比較重視頁面的設計和網站實現的功能,其實網站的欄目策劃在網站製作過程中起著決定性的作用,是用戶的一個導航索鏈,有的欄目設置精妙,就可以把用戶帶入到另一個頁面,讓用戶在網站中停留,使用戶更加了解企業。所以,網站欄目也是一個核心要點,下面沃然建站總結了一些關於網站欄目策劃的小建議,
1、 網站欄目策劃的重點是導航:
在網站策劃中要注意導航條的位置要明顯且統一,有一些網站是無法做到,這個會給用戶帶來易進不易出的一個環繞,從而導致用戶直接關閉網站,跳出率就會增長。

2、 網站欄目結構要層級分明,條理清晰:
打開一個網站,有的是有很多內容的,有各式各樣的產品,而欄目就是方便用戶找到所需內容的一個重要導航,所以嘉陵道小程序製作公司建議要做到層次分明、條理清晰,網站欄目最好不要超過三層,不要讓用戶層層剝繭似的找到所需內容,同時對推廣也是有影響的。

3、網站欄目命名要清晰、易懂:
中國文字博大精深,有些企業喜歡別出心裁的取一些欄目名,創意確實很好,但是想要知道名稱意思並不是自己為主,這樣容易產生反效果,如果你能創造通俗易懂,又有創意的那就更好了。

4、網站欄目在網站建設中布局要合理:
嘉陵道小程序製作公司提醒欄目不是隨便放著就可以了,也需要配合網站建設中網頁設計的整體搭配,做到二者兼得是最佳的狀態。

3、網頁製作與網站設計報告書

網站項目管理規范
一.概念
網站項目管理就是根據特定的規范、在預算范圍內、按時完成的網站開發任務。
二.需求分析
1.項目立項
我們接到客戶的業務咨詢,經過雙方不斷的接洽和了解,並通過基本的可行性討論夠,初步達成製作協議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經理,網頁設計,程序員,測試員,編輯/文檔等必須人員。項目實行項目經理制。
2.客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚,需要您不斷引導和幫助分析。曾經有一次,我問客戶:「您做網站的目的是什麼?」他回答:「沒有目的,只是因為別人都有,我沒有!」。這樣的客戶就需要耐心說明,仔細分析,挖掘出他潛在的,真正的需求。 配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢?簡單說,包含下面幾點:
1.正確性:每個功能必須清楚描寫交付的功能;
2.可行性:確保在當前的開發能力和系統環境下可以實現每個需求;
3.必要性:功能是否必須交付,是否可以推遲實現,是否可以在削減開支情況發生時"砍"掉;
4.簡明性:不要使用專業的網路術語;
5.檢測性:如果開發完畢,客戶可以根據需求檢測。
三.系統分析
1.網站總體設計
在拿到客戶的需求說明後,並不是直接開始製作,而是需要對項目進行總體設計,詳細設計,出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:
1.網站需要實現哪些功能;
2.網站開發使用什麼軟體,在什麼樣的硬體環境;
3.需要多少人,多少時間;
4.需要遵循的規則和標准有哪些。
同時需要寫一份總體規劃說明書,包括:
1.網站的欄目和版塊;
2.網站的功能和相應的程序;
3.網站的鏈接結構;
4.如果有資料庫,進行資料庫的概念設計;
5.網站的交互性和用戶友好設計。
2.網站建設方案
在總體設計出來後,一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統,而且在客戶需求不是十分明確的情況下提交方案,往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求並總體設計後提交方案,這樣對雙方都有益處。網站建設方案的包括以下幾個部分:
1.客戶情況分析;
2.網站需要實現的目的和目標;
3.網站形象說明;
4.網站的欄目版塊和結構;
5.網站內容的安排,相互鏈接關系;
6.使用軟體,硬體和技術分析說明;
7.開發時間進度表;
8.宣傳推廣方案;
9.維護方案;
10.製作費用;
11.本公司簡介:成功作品,技術,人才說明等。
當您的方案通過客戶的認可,您可以開始動手製作網站了。但還不是真正意義上的製作,你需要進行詳細設計:
3.網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖,它們應該 包含必要的細節,例如:程序界面,表單,需要的數據等。程序員可以根據它們寫出實際的程序代碼。
四. 項目實施
1.整體形象設計
在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字,Logo,標准色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格,完成後,供客戶選擇。
記住:在客戶確定首頁風格之後,請客戶簽字認可。以後不得再對版面風格有大的變動,否則視為第二次設計。
開發製作
2.開發製作
到這里,程序員和網頁設計師同時進入全力開發階段,需要提醒的是,測試人員需要隨時測試網頁與程序,發現Bug立刻記錄並反饋修改。不要等到完全製作完畢再測試,這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度,協調和溝通程序員與網頁設計師的工作。
調試完善
3.調試完成
在網站初步完成後,上傳到伺服器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決並記錄下來。
為什麼要記錄文檔呢?其實本軟體工程本身就是一個文檔,是一個不斷充實和完善的標准。通過不斷的發現問題,解決問題,修改,補充文檔,使這個標准越來越規范,越來越工業化。進而使得網站開發趨向規范,趨向合理。
4.宣傳推廣
宣傳推廣的基本方法有:
1.網頁里設置適當的META標簽;
2.各搜索引擎登錄;
3.准備新聞稿件在各新聞公告板發表;
4.合理使用Email郵件列表;
5.廣告條交換;
6.付費廣告。
至此,網站項目建設完畢,將有關網址,使用操作說明文檔等提交客戶驗收。如果需要維護,另行簽定維護項目。
五.維護
網站成功推出後,長期的維護工作才剛剛開始,需要做到的是:
1.及時響應客戶反饋;例如可以採取Email自動回復功能,然後在1-3個工作日里解決問題,再次回復;
2.網站流量統計分析和相應對策;
3.盡量推廣和使用您的網址;
4.網站內容的及時更新和維護。
六.遵循的規范
1.網站建設目錄規范
2.網站文件命名規范
3.網站建設尺寸規范
4.網站首頁head區代碼規范
5.網站連接結構規范

網站開發規范
任何一個項目或者系統開發之前都需要定製一個開發約定和規則,這樣有利於項目的整體風格統一、代碼維護和擴展。由於Web項目開發的分散性、獨立性、整合的交互性等,所以定製一套完整的約定和規則顯得尤為重要。定製一系列約定和規則,包括組件團隊、文件夾命名規則、文件名命名規則、程序代碼編程風格、資料庫設計約定。這些規則和約定需要與開發人員、設計人員和維護人員共同討論定製,將來開發都將嚴格按規則或約定開發。每個團隊開發都應有自己的一套規范,一個優良可行的規范可以使我們工作得心應手事半功倍,這些規范都不是唯一的標准不存在對與錯,也許有些地方與你當前使用的習慣相駁,很多地方都有爭議。。
非常明顯在Web項目開發中有前後台開發之分,前台開發主要是指非程序編程部分,主要職責是網站AI設計、界面設計、動畫設計等。而後台開發主要是編程和網站運行平台搭建,其主要職責是設計網站資料庫和網站功能模板的實現。下面的這些規范主要是從這2個方面來定製的,這些規范是工作中總結的一點經驗,本文檔比較適合中小型網站或者Web項目的開發規范。
一.組建開發團隊
在接手項目後的第一件事是組建團隊。根據項目的大小團隊可以有幾十人,也有可以是只有幾個人的小團隊,在團隊劃分中應該含有6個角色,這6個角色是必須的,分別是項目經理,策劃,美工,程序員,代碼整合員,測試員。也許你的團隊還沒有6個人,沒有關系一個人可以有多個角色,比如項目經理還可以有策劃這個角色,如程序員還可以含有代碼整合和測試這2個角色,如果你的項目夠大人數夠多那就分為6個組,每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責。
項目經理,項目總體設計,開發進度的定製和監控,定製相應的開發規范,負責各個環節的評審工作,協調各個成員(小組)之間開發。策劃,提供詳細的策劃方案和需求分析。還包括後期網站推廣方面的策劃。美工,根據策劃和需求設計網站AI,界面,Logo等。程序員,根據項目總體設計來設計資料庫和功能模塊的實現。代碼整合員,負責將程序員的代碼和界面融合到一起,代碼整合員可以製作網站的相關頁面,測試員,負責測試程序。
二.開發工具
Web開發工具主要分為3部分,第一部分是網站前台開發工具,第二部分是網站後台開發環境,第三部分是項目管理和輔助軟體。下面分別簡單介紹這三部分需要使用的軟體。
網站前台開發主要是指Web界面設計。包括網站整體框架建立、常用圖片、Flash動畫設計等等,主要使用的相關軟體是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
網站後台開發主要指網站動態程序開發、資料庫建模,主要使用的相關軟體是: PowerDesigner(資料庫建模),PowerDesigner在資料庫設計方面應用非常強大,用它可以快速創建資料庫概念和物理模型,我最喜歡的還是它生成資料庫Report的功能太方便了,設計資料庫強烈推薦用它。Rational Rose(程序建模),如果你的項目功能模塊不是特別復雜那就剩了它吧,這樣會節省一些時間和開發的復雜度,不過我個人認為不管是大項目還是小項目都應該畫畫Rose圖。
網站項目管理主要指對開發進度和代碼版本的控制。開發進度用Microsoft Project來制定,代碼版本控制採用Visual SourceSafe,當然還有其他的選擇比如CVS和Rational ClearCase。網站測試採用VS.net的附帶工具Microsoft Application Center Test,它可以進行並行、負載測試等。程序文檔編寫採用Word,用WPS也可以。
三.網站開發流程
在項目開始實施之前應該有一個工作步驟也就是工作流程,在項目開發中最需要時間的是總體設計和系統測試,而程序編寫代碼所佔的時間並不多,但有的團隊就急於開發寫代碼,先把程序寫出來再說,沒有注重評審和測試這2個環節,結果造成返工,我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急於開工寫代碼,應該一步一步慢慢來,只有走的慢才能走得穩走得遠。圖1的開發流程比較好地體現開發的整個環節。

圖 1
從圖1可以看到2條主線,這2條主線分別是前台開發和後台開發。前後台開發在項目開發早期互相沒有交叉,當然不是絕對沒有,Web策劃和需求分析都是互相有關系的,一個是網站表現形式和風格的策劃另一個是網站功能的策劃,它們是衣服和軀乾的關系。到了開發後期就需要把界面和功能模塊結合起來形成一個統一,也就即將發布的網站。
四.資料庫開發規范
數據文件命名採用系統名+_+文件類型,比如系統名為kupage,則資料庫文件命名為kupage_database.mdf,有的資料庫文件有多個,比如SQL Server就有2個,一個是資料庫文件,另一個是日誌文件,那麼他們的文件命名分別為kupage_database.mdf,kupage_log.log。文件名全部採用小寫。
資料庫表命名規范,表名長度不能超過30個字元,表名中含有單詞全部採用單數形式,單詞首寫字母要大寫,多個單詞間不用任何連接符號。若庫中有多個系統,表名採用系統名稱+單詞或多個單詞,系統名是開發系統的縮寫,系統名稱全部採用小寫英文字元,如bbsTitle,bbsForumType。若庫中只含有一個系統,那麼表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內容的一個或多個英文單詞,如UserInfo,UserType。關連表命名規則為Re_表A_表B,Re是Relative的縮寫,如:Re_User_ArticleType, Re_User_FormType。
資料庫欄位命名規范,資料庫欄位名全部採用小寫英文單詞,單詞之間用」_」隔開,命名規則是表別名+單詞,如:user_name,user_pwd。表別名規則,如果表名是一個單詞,別名就取單詞的前4 個字母;如果表名是兩個單詞,就各取兩個單詞的前兩個字母組成4 個字母長的別名;如果表的名字由3 個單片語成,你不妨從頭兩個單詞中各取一個然後從最後一個單詞中再取出兩個字母,結果還是組成4 字母長的別名。
視圖名採用規則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產生就用」_」連接幾個表的名,如果表過多可以將表名適當簡化,但一定要列出所有表名。
存儲過程命名規則P_表名_存取過程名(縮寫),比如P_User_Del,P_ArticleType_AddData。
SQL語句編寫規則,關鍵字必須大寫,其他書寫按上述命名規則,比如:
SELECT user_id, user_name FROM User WHERE user_id = 『tom』
五.文件夾文件名命名規范
文件夾命名一般採用英文,長度一般不超過20個字元,命名採用小寫字母。除特殊情況才使用中文拼音,一些常見的文件夾命名如:images(存放圖形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript腳本),inc(存放include文件),link(存放友情鏈接),media(存放多媒體文件)等。
文件名稱統一用小寫的英文字母、數字和下劃線的組合。命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義,二是當我們在文件夾中使用「按名稱排例」的命令時,同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計算負載量等等操作 。
1、圖片的命名原則名稱分為頭尾兩部分,用下劃線隔開,頭部分表示此圖片的大類性質例如廣告、標志、菜單、按鈕等等。
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名: banner
標志性的圖片取名為: logo
在頁面上位置不固定並且帶有鏈接的小圖片我們取名為 button
在頁面上某一個位置連續出現,性質相同的鏈接欄目的圖片我們取名: menu
裝飾用的照片我們取名: pic
不帶鏈接表示標題的圖片我們取名: title
下面是幾個範例: banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。
2、動態語言文件命名規則性質_描述,描述可以有多個單詞,用」_」隔開,性質一般是該頁面得概要。
範例:register_form.asp,register_post.asp,topic_lock.asp
六.程序代碼編程規范
一個良好的程序編碼風格有利於系統的維護,代碼也易於閱讀查錯。在此只討論ASP的編程風格和約定。在ASP中所有變數是弱變數,無需定義就可以直接使用,而且代碼不區分大小寫。但其他語言一般這些都要定義的,為了養成良好的編程習慣,編寫代碼務必按照一下規則。
1、每個變數名必須定義,在ASP文件的最開始添加語句,強制定製每個變數。
2、出於易讀和一致性的目的,在代碼中使用以下變數命名約定:
子類型 前綴 示例
Boolean bln blnFound
Byte byt bytRasterData
Date (Time) dtm dtmStart
Double dbl dblTolerance
Error err errOrderNum
Integer int intQuantity
Long lng lngDistance
Object obj objCurrent
Single sng sngAverage
String str strFirstName
3、程序代碼需要有縮進,縮進採用鍵盤Tab鍵,不採用空格鍵。並且」=」或者鏈接字元串時需要左右空一格,如下:
4、函數過程編寫的約定。函數或者過程命名採用動作+名詞,每個函數需要給出相應的注釋,函數功能,傳入變數,以及作者和修改相關信息。如下面函數:
<%
'[功能] 返回一個參數的值
'[參數] strParameterName 參數名稱
'[作者] icefire 2002/8/20 am
Function GetParameterValue(strParameterName)
Dim objRS, strSQL, strParameterValue
strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"
.
.
.
GetParameterValue = strParameterValue
Set objRS = Nothing
End Function
5、ASP內置對象區分大小寫。如下代碼片斷
strUserName = Request.Form(「UserName」)
Set conn = Server.CreateObject("ADODB.Connection")
6、資料庫連接一個庫只能有一個資料庫連接文件,創建資料庫對象得原則是盡可能晚地打開資料庫,盡可能早地關閉資料庫。創建資料庫對象調用統一地創建函數。如下:
Sub OpenConn(ByRef conn)
Dim strDBPath, strDBConnection
strDBPath = Server.MapPath("database/tax.mdb")
strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open strDBConnnection
End Sub
7、當一個對象不在使用時要釋放對象資源,比如objFSO,objRS對象等。採用統一函數調用。函數如下:
Sub CloseObj(ByRef obj)
If IsObject(obj) Then
obj.Close
Set obj = nothing
End If
End Sub
8、時間全部以字元串的形式保存到資料庫中,這樣做能夠是日期在不同的資料庫中都能良好地保存,也方便資料庫地遷移。時間用14位字元串保存,日期用8位字元串保存。
七.網站首頁head區代碼規范
head區是指首頁HTML代碼的<head>和</head>之間的內容。 必須加入的標簽
1.公司版權注釋
<!--- The site is designed by Maketown,Inc 06/2004 --->
2.網頁顯示字元集
簡體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 語:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
3.網頁製作者信息
<META name="author" content="[email protected]">
4.網站簡介
<META NAME="DESCRIPTION" CONTENT="本站是一個醫療站點…">
5.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
6.網頁的css規范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(參見目錄及命名規范)
7.網頁標題
<title>xxxxxxxxxxxxxxxxxx</title>
8.可以選擇加入的標簽
1.設定網頁的到期時間。一旦網頁過期,必須到伺服器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
2.禁止瀏覽器從本地機的緩存中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
3.用來防止別人在框架里調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
4.自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時間停留5秒。
5.網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
6.收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">
所有的javascript的調用盡量採取外部調用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>
附<body>標簽:
<body>標簽不屬於head區,這里強調一下,為了保證瀏覽器的兼容性,必須設置頁面背景<body bgcolor="#FFFFFF">
八.網站建設尺寸規范
1. 頁面標准按800*600解析度製作,實際尺寸為778*434px
2. 頁面長度原則上不超過3屏,寬度不超過1屏
3. 每個標准頁面為A4幅面大小,即8.5X11英寸
4. 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
5. 另外120*90,120*60也是小圖標的標准尺寸
6. 每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K

4、網頁設計和網頁製作有什麼區別

網頁設計需要的還有美術功底,你只需要能知道的就是代碼是什麼意思,不需要懂得太多,但是你真懂得會也是有好處的!設計說白了就是把網頁的效果圖設計出來!而製作就是把效果圖用代碼的形式表現出來!希望我的回答你能懂!要是還有問題在線咨詢!

5、優秀網頁設計欣賞,個人網頁設計欣賞

推薦百度:
關鍵詞「設計雲」,這是設計雲網站的素材下載。

6、國內網頁設計欣賞,國外網頁設計欣賞

你是要網站吧
設計雲 筆秀網 都不錯

7、怎樣寫網頁製作與設計自主網站設計報告

網頁設計伴隨著
網路
的快速發展而快速興起,作為上網的主要依託,由於人們使用網路的頻繁而變得非常的重要。網頁講究的是排版布局,其功能主要就是提供一種形式給每個上網者,讓他們能夠了解網站提供的信息。

從網路的發展來看,網頁設計從無到有,從低級到高級,是基於技術的原因而受到客觀的限制的,因為受傳輸帶寬的限制,最早的網頁是純字母和數字的,沒有圖片和聲音更別說是動畫了,只能將佔用空間很小的數字和字母來進行傳輸。

由此看來網頁最初就是在功能性的基礎之上發展起來的。到今天同樣上網也離不開使用它的功能,所以網頁的審美就首先要考慮其功能的要素(例如很多國外的大公司的網站也是這樣做的)。那麼從功能出發來看待網頁設計,我們就必須考慮,使用者如何從網頁中得到功能,如何更好的得到功能。這就需要站在使用者的角度來看待網頁設計,才能使自己做出的網頁受歡迎,從而達到基本的目的。有的網頁設計師說:我是設計師,我站得比普通人高,欣賞水平也比他們高,應該引導潮流,應該引導他們學會欣賞美的網頁。作為設計師引導潮流沒有錯,但是不應該採用居高臨下的方式,而是要貼近自己的使用對象,想他們所想,急他們所急,方便他們的使用,適時的將自己的設計風格融入到作品中去,接受他們的檢驗,只有經得起考驗的設計才是好的設計。而不是所謂的陽春白雪,成為孤家寡人,不適用。作為設計師來說,就是要把自己的網頁做得美一些(基於功能性的)。

談到美,網頁這種特殊環境下的美於傳統的藝術上的審美有著明顯的區別,因為一般的藝術上的美是海闊天空,無所顧忌的,只要符合人們的欣賞的習慣,能夠在欣賞者的心裡產生共鳴就是美的;而網頁的布局上的審美卻要受到很多的限制,當然它也有優於傳統藝術的地方,最明顯的就是它的交互性和更新速度的快捷,純藝術很大程度上是作者的自我宣洩,但是網頁設計直接面對的是大量用戶,隨時都會反饋回來對網頁的批評建議等,可以根據實際情況進行修改,比如在建站時考慮不周到的地方,設計時沒有得到重視的地方,可以根據要求進行調整。同樣不損整體效果,卻可以使使用者用起來更加的方便。這個過程可以在很短的時間里完成。同時網頁能融合文字、圖片、聲音、動畫於一身。這是傳統藝術所達不到的。當然最根本的在使用方面就限制了它不能夠隨意的揮灑自如,任設計師自由的發揮。以下針對網路環境下的審美。

首先:要考慮上網者的環境,通常可見的情況是:上網者眼睛盯著一個冷冰冰的電腦屏幕,手移動滑鼠,保持一定的姿勢,而且一般是連續很長的時間。在這種情況下,假如連接的網站的網頁做得很差,不考慮排版布局的形式美的要素,一味的以刻板的文字或者是圖片來充斥這個頁面,那麼使用者看久了就會厭倦,甚至討厭。同樣在網路世界裡,五花八門,涉及到各方面的內容,使用者通常是打開很多的窗口,在一種紛繁復雜的情況下接受信息。這樣假如他們瀏覽的網頁是設計得又是特別花哨,圖片、文字、動畫等等堆砌的極為雜亂,那麼更加劇了這種心理上的厭煩感,這種網頁能算得上美嗎?所以從使用環境里的功能的因素來考慮美才是最根本的。

其次:考慮使用對象本身也是網頁審美的一個重要方面,網頁設計都是為每個具體的網站的做宣傳,那麼不考慮對象就如同閉門造車,這樣會造成其根本的功能的損失,使使用者瀏覽起來困難。例如一個兒童網站,設計得如同一些新聞專題的網頁一樣,純粹是文字。那麼使自己的使用對象-兒童在瀏覽該網站的時候毫無興趣,阻礙了網站的基本的目的,因為該網站的目的就是要使更多的兒童來光臨這個網站,從而擴大網站影響。從這個功能層面上來理解,設計的美是同使用對象分不開的。

再者:網頁設計的美其實是一個滿足使用者需求的過程,能夠使他們使用起來方便快捷,排除他們使用中的問題,這就是美的,這就是純粹從功能上的要求出發的。就是最根本的功能被滿足就是最根本的美。不是嗎?假如我想上一個體育的網站了解一下當天的足球戰報,那麼我上網的目的性就是非常的明確,直接看足球的結果。那麼考慮一下我的上網過程就是先敲入網址,到主頁上,然後盡快的找到足球的欄目,再找到比分的鏈接。那麼設計師如果考慮到上這個網站的很多人都非常想知道足球的比分,那麼在主頁上放上一個流動的臨時更新的框,就可以使上站的使用者直接在主頁上看到想要看的東西,這樣快速而又方便的結果,其實質上是一個網頁設計的成功的地方,這種網頁就是美的,反之假如把網頁設計得非常的「漂亮」(這里指的是純粹的從藝術審美上的漂亮,滿足一般的形式美的要求的,而不考慮使用環境的情況),但是把該鏈接做到不容易找到的地方,或者是由於滿足「漂亮」的要求,增加了幾級的鏈接,從而增加了使用者的不方便,這種網站也是不美的,至少它沒有為自己的使用對象考慮,就是失敗。 還有一個美的因素也不能不考慮,就是網站本身,其實也是功能來決定的,作為網站的目的就是要通過使用者的使用來得到體現,如何使更多的人來使用和使他們瀏覽過之後記住這個網站?也就是通過自己的設計使網站的形象得到提升,使網站的形象在每個使用者的心目中紮根。這是現在網頁設計中普遍不受重視的,也許是還欠缺這種意識,才出現這種情況,有些網頁做得很有味道,不管是用色還是布局的編排,都是非常的講究,但是卻沒有注意到網站的本身的東西,例如網站的名稱或者是網址沒有得到強化,盡管使用了之後覺得好,但是第二次使用時卻記不起是什麼網站了,因為上網通常要看很多的網站,每一個都記錄下來是非常不方便的,很多網友也不願意這樣做,再說收藏夾里收藏太多了也找起來來也不方便。還要定期不定期的進行整理,也挺麻煩。所以假如網頁設計時注意了這個網站的名稱和網址的因素,那麼就會避免這一系列的問題,方便了使用者,從這個功能上來說是設計成功之處,也是網頁設計美的一個觀念的異化。在把握住網站功能實現的基礎上才能談得上設計的美。

以上談了幾個涉及到網頁設計的美的相關的功能的影響,由此可以得出網頁美的標准(有些是一種美的標准另一種表達方式),那就是: 簡潔實用: 這是非常重要的,網路特殊環境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗餘的東西。 使用方便:同第一個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美

整體性好: 一個網站強調的就是一個整體,只有圍繞一個統一的目標所做的設計才是成功的。

網站形象突出: 一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。

頁面用色協調,布局符合形式美的要求: 布局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
互動式強: 發揮網路的優勢,是每個使用者都參與到其中來,這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。

8、網站和網頁的創建及設計和需要會的基本知識及軟體有那些?

建站分很多崗位:
設計:這個是先做出站點的樣子來,設計頁面的布局和樣式,主要使用工具PHOTOSHOP或者AI或者FW,會其中一個即可,建議PS。
用戶設計:這個是根據各種用戶心理學什麼的,設計網站的結構,操作流程等等,為的是使網站讓人用著舒服,額,這個太專業,要求知識面比較廣。
頁面製作:狹義的頁面製作的話,就是把設計做好的美工稿件製作成HTML頁面,需要學習HTML,CSS。如果有可能的話,最好會JAVASCRIPT。
廣義上的前端製作:不光是製作靜態頁面,還包括頁面的動畫,AJAX什麼的,在頁面製作的基礎上,必須精通JAVASCRIPT,了解一些後台代碼的知識。
後台程序:這個分類也很多,主要是用代碼實現網站的功能,有很多選擇,比如JAVA,ASP,DOTNET,PHP等等,精通一樣即可,需要學習一點頁面製作的知識,但不用很精,能正常和頁面製作溝通就可以了。
維護方面,還有window系列伺服器的設置,安全問題,LINUX伺服器搭建與設置等等,每個都是一個專業了。
資料庫:如果寫後台的話,這個也是必須學的,常見的是ACCESS,SQL,MYSQL,特別是後兩種,會用一個另一個也會個四五分了,很多內容是通用的,比如查詢語言。
。。。。
總之,要看你走什麼發展方向了,大致上分為前台設計,前台頁面製作,後台程序,伺服器和資料庫。如果只是簡單的建個人或者企業站點,使用別人的代碼和模板進行改造的話,建議學習ASP+ACCESS,好入門,簡單,網上免費的模板也多。製作工具就使用DW即可。
如果還想有些發展的話,學PHP是不錯的選擇,時間更充足的話,DOTNET也不錯。呵呵,不過哪個想精通都不容易。
對了,做前台的話,FLASH最好也會一些。
這是一個不斷需要學習,技術更新很快的行業,入行需謹慎呀。

9、創建網頁的步驟

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客戶端軟體進行這步操作。

與網站欣賞與創建網頁板書設計相關的知識