1、網頁製作與網站設計課程設計報告
選修亂做吧 給你寫這個很麻煩的
2、網頁製作的意義和現狀
意義
Internet正在以強大的沖擊力影響著人類的生活。Internet的出現和迅速發展, 徹底改變了人們的傳統生活方式。Internet現在已經滲透到了人類社會的各個領域, 以及人們的日常生活的各個環節。
Internet的迅速普及,正是依靠不計其數、豐富多彩的網站。 網站是由網頁按照一定的鏈接順序組成。現在有越來越多的人希望在網路上擁有自己的個人主頁或個人網站,來展示個人的個性和特點。 同時也有越來越多的企業通過互聯網上來展示自身形象,提供服務和產品資訊。 以這種廉價的方式獲取最大的宣傳效果。
所以說,網頁製作已經成為現代社會中人們的一種基本功,越來越多的人希望學習如何製作網頁, 同時越來越多的網頁製作工具展現在人們面前。當然掌握所有的網頁製作工具是不可能, 也是不必要的。本課程主要講解目前最受歡迎的,也是最流行的網頁製作工具, 以及這些工具之間如何搭配使用,使學習者能夠快速方便地製作出網頁。
現狀
網頁設計如果單指的設計的話,那麼設計會是一直平穩的發展方向的,設計方面的一直都會向一個平穩的方向發展,平面設計也一樣的,但是在設計方面要有最好的靈感,和設計思維,那麼這個方面的人才可能會有百分之三十到四十左右,如果是在網頁的靜態方面這個還有發展的前景,要看發展以後的技術,排版技術更加精通的也許佔到百分之三十左右,所以如果想在這方面發展好的話可以是讓這兩個方面兼容的
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、談談對《動態網頁製作與設計》的感想論文!急求!謝
在學習網頁製作的這幾天里,我利用了學習之餘的一切可利用的剩餘時間,全心全意投入到網頁世界,去不斷的學習,去不斷的探索;同時去不斷的充實,去不斷的完善自我,在網路的天空下逐漸的美化自己的人生!
做好主頁,並不是一件容易的事,它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。
理論上的認識:
隨著Internet在中國的迅速發展,人們日常生活中越來越多地使用這項新的技術來為自己的工作和學習服務.由於WEB頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集於一體,不但使信息的顯示更加生動,而且使信息的瀏覽更為方便,同時WEB頁能實現網上交易平台、客戶信息反饋方便了企業與客戶之間信息交流,因此許多企業紛紛建設具有自己獨特風格的網站以增強企業知名度.
網頁藝術設計是伴隨著計算機互聯網路的產生而形成的視聽設計新課題,是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎,依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動,必然要成為設計藝術的重要組成部分,並隨著網路技術的發展而發展。表面上看,它不過是關於網頁版式編排的技巧與方法,而實際上,它不僅是一種技能,更是藝術與技術的高度統一。
1.標題
在個人主頁中標題起著很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短,有特色、容易記,還要符合自己主頁的主題和風格。
2.內容的採集
選好標題後,開始採集內容,內容必須與標題相符,在採集內容的過程中,應注重特色,所謂特色應該是有一些自己的東西。個人主頁中的特色,應該突出自己的個性,把自己的興趣、愛好盡情地發揮出來,因為在網路上不受限制。主頁就是在網路上的一個小小家園,在那裡,可以放上自己喜歡的任何東西,包括你自己平時喜歡一些文章,一些好聽的歌,一些好的動畫作品。
3.圖片
做個人主頁不能只用文字,必須在主頁上適當地加一些圖片,增加可看性,俗話說"一圖勝千言",我想不無道理,一張處理得好的圖片不需要多做任何解釋,就能讓人一目瞭然,讓人去思考,去了解它。
4.網頁排版
網頁頁面整體的排版設計也是不可忽略的,很重要的一個原則是合理地運用空間,讓自己的網頁井井有條,留下必要的空白,人覺得很輕松。
5.特色
讓自己的網頁更有特色一些,可適當地加一些聲音、動態網頁、Java、Applet。
實踐中的認識:
話雖是像上面這樣說的,但是真要做起來確是很難.做網頁設計不僅要從藝術的角度來考慮而且要從社會大眾的認可性來考慮.網頁設計必須要服從企業或部門的經營理念來考慮.如果設計的作品很好看但是和企業不搭調那就等於白做.
以上就是我對網頁設計的認識和總結,雖然從理論上都知道如何去做,但是實際做起來很難.總的來說就是很難突破,很難超越自己.因此在以後的學習中要更加完善自己,突破自己.
5、學會網頁製作和網頁設計後,能找什麼樣的工作
去網路公司..或者廣告公司...你可以去www.51job.com
或者去www.chinahr.com去看下
6、如何才能更好的學習網頁製作和網站建設
買本書看看,按照書上的來學習;最快的還是看視頻,看他的操作來模範學習。
7、學習網頁製作和網站建設需要學習哪方面的知識?
先學習一下「dreamweaver」這個軟體吧 學會這個軟體以後 一般的你就可以做了 人學的話 一個星期搞定
8、要 網站製作與網頁設計 的結課論文。
網頁設計與製作注意事項
當你在INTERNET這個信息的海洋中盡情遨遊時,會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁,不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件,又萌發了製作主頁的念頭,那麼就應該注意網頁設計時應考慮哪些方面的問題,包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題,希望能給初建網站的用戶帶來一定的作用。 &dec
1、頁面內容要新穎 &dec
網頁內容的選擇要不落俗套,要重點突出一個「新」字,這個原則要求我們在設計網站內容時不能照抄別人的內容,要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去,網上的許多個人主頁簡直就是"雜貨店",內容包羅萬象&def題材千篇一律,人人都是"軟體下載"&def個個都有"網路導航",從頭到尾找不出一絲「鮮」意。所以,我們在設計網頁時,要把功夫下在選材上。選材要盡量做到「少」而「精」&def又必須突出「新」,如能堅持天天更新的話&def我相信這樣的網頁一定會受到大家的歡迎。 &dec
2、命名要簡潔 &dec
由於一個網站不可能就是由一個網頁組成,它有許多子頁面,為了能使這些頁面有效地被連接起來,用戶最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁,在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時,最好使用自己常用的或符合頁面內容的小寫英文字母,這直接關繫到頁面上的連接。 &dec
3、要及時更新 &dec
網頁製作好後,不能說萬事大吉了,其實事後的工作量更大。因為網頁製作是一時的,而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉,比如用戶無意中點擊了頁面中的一個連接,在苦苦的等待之後,換來的是無法訪問的結果,那麼他們會對你的網頁大失所望,可能以後再也不會光顧你的網頁了。若不能及時更新,也最好在主頁上發布信息,告訴前來訪問的朋友,因有特殊情況需要離開一段時間,未能及時更新主頁,希望各位見諒,這樣就能給人一種對別人負責的感覺,同時能得到網友的信任。 &dec
4、注意視覺效果 &dec
設計Web頁面時,一定要用640×480和800×600的解析度來 分別觀察。許多瀏覽器使用640×480的解析度,盡管在800×600高解析度下一 些Web頁面看上去很具吸引力,但在640×480的模式下可能會黯然失色。作一點小小的努力,設計一個在不同解析度下都能正常顯示的網頁。
5、注意網站升級 &dec
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。 &dec
6、內容要易讀 &dec
網站設計最重要的訣竅,恐怕就是你的網頁要易讀 。這就意味著&def你必須花點心思來規劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果,別用花里胡哨的色彩組合,讓人看起來你的網頁來很費勁。一般來說,淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小,人家讀起來難受;文字太大,或者文字視覺效果變化頻繁,像是沖著人大喊大叫,看起來不舒服。另外,最好讓文本左對齊,而不是居中。按當代中文的閱讀習慣,文本大都居左的。當然,標題一般應該居中,因為這符合讀者的閱讀習慣。 &dec
7、善用表格布局 &dec
不要把一個網站的內容象作報告似的一二三四地羅列出來,要注意多用表格把網站內容的層次性和空間性突出顯示出來,使人一眼就能看出你的網站重點突出,結構分明。 &dec
8、少用特殊字體 &dec
雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的瀏覽器才支持CSS。 &dec
9、多學習使用HTML &dec
為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。因為用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。 &dec
10、少用Java程序 &dec
不要使用大幅面的Java程序&def能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受,往往使瀏覽者沒有耐心等頁面全部顯示出來,這樣你的精心設計便毫無效果啦。 &dec
11、 少放網站地圖 &dec
許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息,他們對於你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。 &dec
12、為圖片附加註釋文字 &dec
給每個圖形加上文字的說明,在出現之前就可以看到相關內容,尤其是導航按鈕和大圖片更應如此。這樣一來,用戶在訪問你的站點時就有一種親切感覺,認為你心細,比較善解人意,時時刻刻為他人著想,相信你的好心會有好報的。 &dec
13、網站介紹 &dec
一個簡單明了的網站介紹,不僅能讓別人對你的網站能夠提供些什麼有個了解,引發共鳴或是表達你的誠意,常常最能打動讀者,而且還能使訪問者能快速找到想要的東西。但是,許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 &dec
14、考慮瀏覽器兼容性
當然現在IE所佔的市場份額越來越大,但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。設計風格的考慮,如色彩的搭配,圖形、線條的使用等等。要時刻為用戶著想,必須最少在幾種不同類型的瀏覽器下測試網站,看看兼容性如何。 &dec
15、少用閃爍文字 &dec
有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的,但一個頁面中最多不能有三處閃爍文字,太多了給用戶一種眼花繚亂的感覺,反而會影響用戶去訪問該網站的其他內容,正所謂「物極必反」也。
16、多用導航按鈕 &dec
應當避免強迫用戶使用工具欄中的向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條,使瀏覽者能夠從每一頁上訪問網站的任何部分。 &dec
17、避免長文本頁面 &dec
在一個站點上有許多隻有文本的冗長頁面,是令人乏味的,人們為了閱讀這些長文本,不得不使用卷滾條,從而也浪費了用戶在網上沖浪的時間。如果你有大量的基於文本的文檔,應當以Adobe Acrobat格式的文件形式來放置,以便你的訪問者能離線閱讀,從而節省寶貴的時間。 &dec
18、 網頁風格統一 &dec
你網頁上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、注腳什麼的,要統一風格,貫穿全站。這樣子讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。 &dec
19、動畫少用 &dec
大家都喜歡用GIF動畫來裝飾網頁,它的確很吸引人,但我們在選擇時,是否能確定必須用GIF動畫,如果答否,那麼就選擇靜止的圖片,因為它的容量要小得多。同樣的尺寸的LOGO,GIF動畫的容量有5K,而靜止LOGO的只有3K。雖然只有2K之差,但多起來,就會影響下載的速度,所以,如果有些不是必須的,就選擇最小的。 20、善用圖像 &dec
用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所連接的重要信息或聯接其他頁面的指示用文字重復表達幾次,同時要注意避免使用過大的圖像,如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟體,把圖像的縮小版本的預覽效果顯示出來,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。。
21、 導航要清晰 &dec
所有的超鏈接應清晰無誤地向讀者標識出來,所有導航性質的設置,像圖像按鈕,都要有清晰的標識,讓人看得明白,千萬別光顧視覺效果的熱鬧的,而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色。總之,文本鏈接一定要和頁面的其他文字有所區分,給讀者清楚的導向 。
22、不能忽視錯別字 &dec
一個好的網站對設計的每一個細節都不會放過,哪怕是一個微小的拼寫錯誤都是絕對不能出現的。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字,要時時刻刻保持一種嚴謹的科學態度。 &dec
23、少用框架 &dec
在大多數網站上,在屏幕的左邊有一個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網站。
24、使用著名的插件
如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。
25、使網站具有交互功能
一個靜態網頁始終給人一種呆板的感覺,缺少一種活力和生氣。最好在網站上提供一些回答問題的工具以及其他具有交互性能的設計,使得訪問者能從網站上獲得交互的信息,從而使訪問者有一種參與網路建設的新鮮感和成就感。
26、測試網站
在你的網站正式發布之前,必須進行有用的測試。在設計網站時要使用最新的軟體,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。
27、保證網頁完整
在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網站上獲得滿意的效果,呈現在用戶面前的仍是一個完整的網站。對於那些關掉了圖像功能的訪問者,還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。
28、中文網頁的編碼可設為GB2312(簡體中文)或BIG5(繁體中文)或自動選擇。若自動選擇則需為每中文字間留一空白。否則在 Netscape 中不會折行。
29、不要每頁都加上不同的背景音樂,除非你估計瀏覽者在這頁逗留的時間比音樂長,否則瀏覽者會不耐煩等待音樂下載。解決方法是使用「隱 Frame」的方法,令幾頁或整個網站只播放一首音樂,這樣不但避免每頁都下載音樂,也不會出現斷斷續續的現象。
30、發布網站之前要檢查所有檔案的許可權設定,雖然很多ISP都為你預先設定,當有寫入及執行檔案的時候,最好自已設定。許可權的設定是否正確不光是網頁是否能運行,還涉及安全問題。
31、在所見既所得的網頁中不要按太多的空格和回車鍵,要控制文字物件的位置,宜採用其本身的參數或配合表格、清單和預設格式標記的使用。
32、重視每一頁網頁,凡每一頁都當成首頁來製作,為各頁加上公司或個人名稱、聯絡方法及適當的鏈接,因為你沒辦法確定每一個到訪者都是從首頁進入你的網站。
33、不要讓你的一行或一段太長,特別是文字網頁,不妨加上顯眼的標題或適當的插圖。
34、不要濫用計數器,不必每頁都裝上計數器,它不是網頁必須元件。
35、公開網站之前先檢查所有鏈接是否正常,很多網頁編輯器的站點管理都有此功能,很方便查到。
36、若提供檔案下載,請註明檔案大小。通常訪客需要估計下載時間。
37、不可使用特殊的字體,你可能訪問者的系統沒裝這種字體,雖然瀏覽器會以宋體代替,但可能造成版面變形。
38、不要要求別人將你的主頁加入收藏夾,假如你的寫得好,別人自己會加入。
39、不要要求瀏覽者使用「IE」或「NC」,也不要註明「800x600」,因為只有你遷就瀏覽者才是正確的做法。可以檢測當前瀏覽者的瀏覽器,自動調用相應的頁面或程序。 &dec
40、別輕易讓文字居中和使用粗體或斜體字元。除了視感混亂之外,很多流覽器不能很好地顯示斜體字,也不能補償由於字母傾斜引起的空白變化。