1、網頁設計與製作的題目
網頁設計與製作的題目
一、填空題:
1、 1、 請用HTML語言描述下列語法
欲格式化文本 (1)
鏈接格式 (2)
開一個新窗口的格式 (3) 。
網頁背景顏色格式 (4)
2、若當前網頁位置為:c:\my documents\my web\index.htm,鏈接頁面的相對位置為:favorite.htm,則該鏈接頁面的絕對鏈接為: (5) 。
3、DreamWeaver中,Z_index分別為0、2、3的層,我們最先看到的是Z_index為 (6) 的層。
4、Flash中的動畫除了逐幀動畫,主要分為 (7) 、 (8) 兩種。
5、DreamWeaver中,模板通常分為兩個區: (9) 和 (10) 。
6、請用HTML語言描述下列語法
改變字體大小和顏色 (1) 使文本以斜體顯示 (2)
明確描述用在DL元素(用來定義一個列表)中的內容 (3)
創建一個有序列表 (4)
7、HTML中的列表格式分為3種: (5) 、 (6) 和 (7) 。
8、CSS在HTML中主要有三種應用方法 (8) 、 (9) 、 (10) 。
9、請用HTML語言描述下列語法
指明自己Web頁面的名字 (1) 強調某些文本 (2)
定義一個段落 (3)
創建下標 (4)
10、從鏈接的方式上來分,鏈接大致可以分為3種: (5) 、 (6) 和 (7) 。
11、Flash通過使用 (8) 、 (9) 克服了網路傳輸速度慢的問題。
12、使用Fireworks進行圖像編輯過程中,為了更准確地編輯圖像位置,常常藉助於 (10) 。
二、簡答題:
1. 簡述站點的層次結構和層次規劃原則。
2. 簡述什麼是超級鏈接及其語法格式,兩種URL的區別。
3.Dreamweaver是什麼樣的工具軟體?簡述其主要功能。
4. 簡述如何使用Flash製作自己的動態按鈕?
5. 簡述HTML文檔的結構。
6. 簡述什麼是網頁,網頁的特點。
7. 簡述網頁設計的基本准則。
8. Fireworks是什麼樣的工具軟體?簡述其主要特點。
9. 簡述Flash是怎樣通過使用矢量圖形和流式播放技術來克服網路傳輸速度慢的問題的?
10. 簡述表單發送的兩種方式GET方式和POST方式。
11. 簡述什麼是HTML的單標識和雙標識?
12. 簡述Flash開發環境主要由那幾部分組成,並說明其功能或用途。
13. 什麼是地圖索引?使用Dreamweaver製作地圖索引得步驟。
14. 簡述如何使用Fireworks製作按鈕?
15. 簡述你對動態伺服器頁ASP的認識。
三、設計題:
1、用HTML語言實現下列表格。
財務報表
季 度 收 入(元) 支 出(元)
建 築 房 地 產 銷 售 服 務 辦 公
第一季度 306000 282000 90000 10000
第二季度 450000 364000 54000 20000
2用HTML語言實現下列表格。
財務報表
品 牌 春 裝 夏 裝
男 裝 女 裝 童 裝 男 裝 女 裝 童 裝
JC 牛仔系列 116 98 68 88 86 46
休閑系列 120 100 80 98 88 50
3、敘述使用flash工具製作探照燈效果的過程及步驟
提示:
(1) (1) 如何新建flash文件?
(2) (2) 如何新插入新圖層,如何將層名改為暗圖像、亮圖像、探照燈?
(3) (3) 如何選擇暗圖像層的第1幀,導入圖片(圖片名稱任意)。
(4) (4) 是否該將換為符號?如何修改符號名為:背景圖,類型為:graphic。
(5) (5) 怎樣設置透明度(Alpha)為10%。
(6) (6) 選擇亮圖像層,從何處將符號「背景圖」拖放到舞台上, 「亮圖像」中的實例在和「暗圖像」應給注意些什麼?
(7) (7) 選擇探照燈層,在舞台上繪制圓,填充顏色微任意色,分別在第10幀、20幀、30幀插入關鍵幀,並改變第10幀、第20幀、第30幀圓的位置,設置第1~30幀的效果。
(8) (8) 將文件保存為:mask.fla。
2、製作網頁設計選擇題的實驗步驟?
最簡單的方法就是每道題目用一個獨立的網頁來表達。就是說你將題目寫死在頁面上。然後在頁面上設立一個hidden欄位來存儲這道題的正確答案。當用戶點擊這個某個答案的時候,用javascript來捕捉按鈕點擊事件,將事件觸發時得到的結果和你內部的hidden欄位裡面的值進行比較。若要統計總共答對題目的個數,我想可以通過地址後面加「?」的方法去取得,同樣存在javascripte中。
3、高分跪求《網頁設計與製作》作業!!!
已經發送兩份。。。。(希望對你有所幫助。。。同時記得採納我的回答哦。。
如有網頁方面的問題,歡迎去我們團或群--專業網站製作
140391953(網站、網頁製作QQ群)
4、網頁設計大賽對動態網頁的設計要求?
(1)作品要求:
a、實用價值高如同學錄系統,論壇、學生資料管理系統、相冊,創意突出,體現校園園區精神文明建設,和諧社會主題,體現本班級大學生風貌,學習氣氛濃厚,作品內容健康,積極向上。
b、代碼干凈,系統實用性強,文件規整符合軟體工程相關開發要求,對使用較高水準的編程語言,如JSP,ASPX等適當提高基礎分,使用CSS+DIV和XML開發的將直接進入決賽。
c、所有作品應適當考慮使用FLASH或者平面圖做引導頁,對於大面積抄襲或篡改他人作品和模板的一經發現,取消評獎資格。
(2).評審:
a.網站內容40分:
①創意突出,體現校園園區精神文明建設,和諧社會主題,體現本班級大學生風貌,學習氣氛濃厚,作品內容健康,積極向上,系統實用性強,運行速度快,無死連接和不合理設置。
b.常規技術30分:
①網站的原創性: 包括網頁圖片處理,FLASH動畫,及後台程序.
②整體視覺效果:整個網站在設計上是否統一和諧。
③美工設計:頁面的美工設計含量。
④頁面規劃:頁面的規劃是否合理、美觀、易擴充。
⑤頁面易用性:用戶使用時是否方便。
⑥頁面兼容性:在各種瀏覽器、各種解析度下是否影響頁面顯示效果等。
c.高級技術30分:
① FLASH技術的運用效果,網頁布局協調統一,採用WEB標准布局,色彩搭配美觀。
② 編碼語言使用上如JSP,PHP,ASPX,XML,FLASH RIA,AS腳本等都給予適當加分。
③ 後台程序對網站前台控製程度:對整個網站進行修改時是否方便,是否易更新。
④ 技術含量:網站整體的技術評價。
d.基礎分分為 03級為5分,04級為10,05級為15分,網路評比成績按最後投票數摺合相應分數。
e.總分為 基礎分+網路評比分+內容分+常規技術分+高級技術分=最後分數
初賽根據情況塞篩選出參加決賽的作品。
5、談談對《動態網頁製作與設計》的感想論文!急求!謝
在學習網頁製作的這幾天里,我利用了學習之餘的一切可利用的剩餘時間,全心全意投入到網頁世界,去不斷的學習,去不斷的探索;同時去不斷的充實,去不斷的完善自我,在網路的天空下逐漸的美化自己的人生!
做好主頁,並不是一件容易的事,它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。
理論上的認識:
隨著Internet在中國的迅速發展,人們日常生活中越來越多地使用這項新的技術來為自己的工作和學習服務.由於WEB頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集於一體,不但使信息的顯示更加生動,而且使信息的瀏覽更為方便,同時WEB頁能實現網上交易平台、客戶信息反饋方便了企業與客戶之間信息交流,因此許多企業紛紛建設具有自己獨特風格的網站以增強企業知名度.
網頁藝術設計是伴隨著計算機互聯網路的產生而形成的視聽設計新課題,是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎,依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動,必然要成為設計藝術的重要組成部分,並隨著網路技術的發展而發展。表面上看,它不過是關於網頁版式編排的技巧與方法,而實際上,它不僅是一種技能,更是藝術與技術的高度統一。
1.標題
在個人主頁中標題起著很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短,有特色、容易記,還要符合自己主頁的主題和風格。
2.內容的採集
選好標題後,開始採集內容,內容必須與標題相符,在採集內容的過程中,應注重特色,所謂特色應該是有一些自己的東西。個人主頁中的特色,應該突出自己的個性,把自己的興趣、愛好盡情地發揮出來,因為在網路上不受限制。主頁就是在網路上的一個小小家園,在那裡,可以放上自己喜歡的任何東西,包括你自己平時喜歡一些文章,一些好聽的歌,一些好的動畫作品。
3.圖片
做個人主頁不能只用文字,必須在主頁上適當地加一些圖片,增加可看性,俗話說"一圖勝千言",我想不無道理,一張處理得好的圖片不需要多做任何解釋,就能讓人一目瞭然,讓人去思考,去了解它。
4.網頁排版
網頁頁面整體的排版設計也是不可忽略的,很重要的一個原則是合理地運用空間,讓自己的網頁井井有條,留下必要的空白,人覺得很輕松。
5.特色
讓自己的網頁更有特色一些,可適當地加一些聲音、動態網頁、Java、Applet。
實踐中的認識:
話雖是像上面這樣說的,但是真要做起來確是很難.做網頁設計不僅要從藝術的角度來考慮而且要從社會大眾的認可性來考慮.網頁設計必須要服從企業或部門的經營理念來考慮.如果設計的作品很好看但是和企業不搭調那就等於白做.
以上就是我對網頁設計的認識和總結,雖然從理論上都知道如何去做,但是實際做起來很難.總的來說就是很難突破,很難超越自己.因此在以後的學習中要更加完善自己,突破自己.
6、網頁製作都包括哪些技術?
1、活版印刷
一個成功的網站只有很少的字體是類似的款式,而不是使用的字體。最好的網站應該使用無襯線和無襯線字體,而不是兩者的結合。
印刷術的網站也應該小心使用的字體,好的設計會加入一些類似的字體,而不是一個范圍內型面。大多數瀏覽器都能識別特定數量的安全字體,這樣設計主要是利用以避免並發症的發生。
2、代碼質量
當創建一個網站,它是很好的做法,以符合標准。這包括代碼中的錯誤,代碼為更好的布局,以及確保你的ID和類的正確識別。這通常是通過描述指定元件做什麼。
不符合標準的網站無法使用或容易出錯的,標准可以涉及到正確的頁面布局的可讀性,以及確保適當地關閉了編碼元素。DOCTYPE聲明,這是用來突出顯示代碼中的錯誤。系統識別錯誤和不符合網頁設計標准。
3、視覺設計
良好的視覺設計網站上的標識,其目標市場。這可以是一個年齡組或特定的文化鏈,因此,設計人員應了解其受眾的趨勢。設計人員也應該明白他們設計的,這意味著一個企業網站不應該被設計成一個社交媒體網站,例如相同類型的網站。
4、交互設計
對於網站來說,好的交互設計對網頁設計的整體起著至關重要的作用,一個好的交互不僅能大大提升頁面整體的設計效果,增強頁面的「活躍度」,還能有效提高用戶體驗,「屏蔽」單調的操作流程,使得產品、文化的表現都能最大化的呈現並傳達到相關的受眾。
5、內容更新
企業Web站點建立後,要不斷更新網頁內容。站點信息的不斷更新,讓瀏覽者了解企業的發展動態和網上職務等,同時也會幫助企業建立良好的形象。
7、網站設計需要考慮哪些因素
一、網站的主題定位
在一個網站建設前首先要做好的就是網站的品牌定位,明確網站的定位是圍繞著集團網站建設還是產品品牌角度出,網站的視覺風格、頁面板塊、內容核心等都會有區別。定位確定之後,需要在網站建設後期,通過獨特的網站風格、主題突出的欄目內容,體現出品牌的核心價值。而且確定好定位以後,網站後期的優化也可以更加方便的進行。
二、網站整體的風格設計
視覺效果是影響用戶對網站印象的重要因素,要體現企業的氣質需要高水平的網頁設計來烘托。在做一個品牌網站的網頁設計時,一定要對品牌有深入的了解和把握,這樣才能提取出網站的核心部分。
三、網站的整體架構
網站整體架構包括公司介紹、新聞動態、服務展示、聯系我們等內容,要讓用戶通過這些內容對品牌形成認知,當然這些內容並非每個都面面俱到,最好能詳略得當,著重推出品牌形象與產品推廣。這就像是我們日常生活中所用到的名片一樣,用戶如果想對公司有所了解,就一定會去看企業的官網去進行初步的了解,所以網站建設時一應要齊全,可以讓用戶初步對公司有一個比較全面的了解。
四、網站的數據分析
通過挖掘用戶的瀏覽信息,去分析用戶的行為,從而對網站的布局、網站的設計、關鍵詞等進行及時的調整。不斷的去提高企業網站的品牌效應。多做一些正面的宣傳增強用戶的信任度。
五、網站的日常維護
一個品牌網站,必須要有一個可以對網站內容進行實時監控的專業的團隊。這樣網站出現問題時就能得到及時的處理。以防出現遭受攻擊或網站響應速度變慢等問題,影響用戶的體驗。日常文章的更新、網站安全的維護、網站版塊的及時升級等等,都需要一個專業的團隊去進行。
六、網站的互動營銷
讓人印象深刻的品牌網站,是能夠提供互動的網站,不管對用戶,還是對品牌生產經營活動價值鏈上的各個環節,都能做好管理。不斷通過有效的網路互動營銷,達到品牌傳播目的。
8、求網頁設計考試大綱
09年的還沒有出來,我給你08年的。09與08年考綱應該沒什麼變化!
為確保網頁設計人員的質量,依據《國際職業認證標准》和《網頁設計師考試大綱》,參照現在社會對網頁設計人員的要求,制定本考試大綱。
本考試大綱作為網頁設計師考試命題之依據。
認證考試概述
一、考試性質
網頁設計師考試,系國際職業認證標准聯合會組織的國際職業認證資格標准考試。
二、考試目的
對網頁設計人員從業水平、任職資格進行考核
三、考試內容
Photoshop、firework、Dreamweaver、Flash等設計軟體, HTML、CSS、javascript網頁程序設計語言,了解資料庫知識:Aceess 、 sql server
四、考試題型
1.單項選擇
2.多項選擇
3.判斷
五、考試方式
計算機上機考試、作品的審核。
六、報考條件
中專、大專、本學校的畢業學生。或社會工作經驗2年以上者均可報名
考試大綱
第一部分軟體的使用
Photoshop 7.0
1、Photoshop7.0入門 2、Photoshop7.0基本操作 3、圖像編輯初步 4、 圖像色彩和色調調整
5、 圖像編輯工具
6、圖層的使用
7、通道的使用
8、路徑與形狀
9、濾鏡面面觀
10、 圖像處理自動化11、 圖像輸入與輸出
12、 網頁圖像設計
13、圖像處理實例集錦
Fireworks 81、Fireworks8基礎知識與操作
2、繪制圖像
3、編輯圖像
4、文字的使用5、元件和圖層6、濾鏡和效果7、HTML基礎8、動態效果設計9、優化與導出圖像
Dreamweaver8與ASP動態網頁
1、 Dreamweaver8基礎
2、 構建站點
3、 ASP基礎知識
4、 ASP使用的腳本語言
5、 ASP的內置對象
6、 ASP的內置組件
7、 與ASP相關的資料庫
8、 用戶注冊和登錄
9、 留言版
10、 網上評分系統
11、 新聞發布系統
12、 BBS系統
FLASH 8
1、文檔和對象的操作
2、工具的使用
3、創建與編輯文本
4、元件、實例與庫資源
5、圖像、聲音與視頻的導入
6、時間軸的使用
7、製作動畫
9、ActionScript編輯基礎
10、組件
11、測試、發布與導出動畫
第二部分作品審核
計算機上機考試通過後,由際職業認證資格標准聯合會專家團來審核作品。
Macromedia認證網頁設計師基本技能:
1、 網站設計規劃DreamWeaver 軟體應用,HTML與javascript入門,網頁定位,模版與庫,多媒體網頁技術
2、 Fireworks WEB圖象設計原則,點陣圖與矢量圖設計,網頁動畫 交互頁面的設計與製作
3、 Flash WEB矢量動畫設計的原則與方法,Flash的基本操作與其菜單功能,經典商業案例分析,學生作品點評
9、網頁規劃設計
互聯網站規劃與設計
摘要 本文概述了互聯網站的規劃與設計的方法,介紹了網站設計規劃的規范,及所需的關鍵技術,對電信系網站的構建作了系統分析,提出了總體設計方案和製作步驟,而且論述了構建網站過程中所遇到的技術難題及解決辦法。
關鍵詞 網站規劃 網站設計 網站維護 ASP
一、引言
在當今全球信息化大潮中,互聯網(即網際網路——Internet)異軍突起,給20世紀末的人類社會增添了無限的活力,成為現代社會生活中一道亮麗的風景線。 互聯網帶給人們的不僅僅是技術,而是一種以信息為標志的嶄新的生活方式。 他正在改變著人們的工作和生活方式。有人曾以「圍城」比喻互聯網,但所不同的是,「外面的人想進去,裡面的人不想出來。」互聯網為什麼有這么大的魅力呢?這不僅與人們日益增長的文化生活有關,更重要的是與互聯網的技術不斷更新和革命有關。
一個網站的整體規劃和設計的好壞是它發展的重要之處, 也是它吸引人們瀏覽的所在之處。Internet/Intranet技術的日益發展,使人們認識到了Internet/Intranet的優勢,更使得資料庫與web的連接成為資料庫開發方面的熱門技術之一。
通常情況下,通過瀏覽器看到的網頁大多是靜態的。所謂「靜態」,是指網站的網頁內容「固定不變」, 當瀏覽器通過互聯網的HTTP(Hypertext Transport Protocol)協議向Web伺服器請求提供網頁時,伺服器僅僅是將原來設計好的靜態HTML文檔傳給瀏覽器。其頁面內容使用的僅僅是標準的HTML代碼,最多再加上流行的GIF89A 格式的動態圖片,比如產生幾只小貓小狗跑來跑去的動畫效果。 若網站維護者要更新網頁的內容,就必須手動更新所有的HTML文檔。
靜態網站的致命弱點就是不易維護。為了更新網頁的內容, 網站維護者必須重復製作HTML文檔,隨著網站內容和信息量的日益擴增,可以想像這是多麼復雜繁瑣的工作。那麼,什麼是動態網站呢?所謂「動態」,並不是指放在網頁上的圖片會動,動態頁面應具有以下幾個特點:
(一).交互性:即網頁能根據客戶的要求和選擇而動態改變和響應,瀏覽器即作為客戶端界面,這是今後Web發展的大勢所趨。
(二).自動更新:即無需手動更新HTML文檔, 就能自動生成新的頁面,從而大大減少工作量。
(三).因時因人而變:即當不同的時間、不同的人訪問同一網址時能產生不同的頁面,這一點對於需要對使用者授權的網站尤其適用。
隨著的Internet迅速發展,不管是專業的ISP(Internet服務提供者)和ICP(Internet內容提供者),還是一般的政府機關、銀行、交通部門、學校、醫院、服務者,甚至是每個人,都在積極尋求在Internet上發布信息,提供新型的網上管理和服務。可以說,網站設計和網站的編輯正成為新興的熱門行業。
二、網站的系統分析
(一).項目立項
我們接到客戶的業務咨詢,經過雙方不斷的接洽和了解,並通過基本的可行性討論夠,初步達成製作協議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經理,網頁設計,程序員,測試員,編輯/文檔等必須人員。
(二).客戶的需求說明書
收稿日期 : 2001年5月25
作者簡介:馬彥文,西北第二民族學院電子與信息工程系97通信專業學生。
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚,需要您不斷引導和幫助分析。有些客戶可能對自己建什麼樣的網站根本就沒有明確的目的,以及他的網站建好後來干什麼也是一無所知,為了客戶能有明確的目的我們需要耐心說明,仔細分析,挖掘出客戶潛在的,真正的需求。這樣對大家都有好處,我們的宗旨應該是「客戶明明白白,雙方高高興興。」對客戶和自己都是一種負責。
配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢?簡單說,包含下面幾點:正確性:每個功能必須清楚描寫交付的功能;可行性:確保在當前的開發能力和系統環境下可以實現每個需求;必要性:功能是否必須交付,是否可以推遲實現,是否可以在削減開支情況發生時"砍"掉;簡明性:不要使用專業的網路術語;檢測性:如果開發完畢,客戶可以根據需求檢測。
三、建設方案
(一).建站理念
(1)預早籌劃
設計主頁未必很艱難。但這一工作與編制傳統的宣傳品一樣,都需要我們謹慎處理和籌劃。換言之,我們必須首先 確定自己需要傳達的主要信息,然後細意斟酌、把所有意念合情合理地組織起來;之後是設計一個頁面式樣,試用於有代表性的用戶,接著重復修訂,務求盡善盡美。
(2)盡量精簡
主頁的作用好比一本書的封面,是為了吸引用戶測覽你的網址內容。因此,主頁的設汁應以醒目為上、令人一目瞭然。切勿堆砌太多不必要的細節,或使畫面過於復雜。在主頁上清楚列出三項要點,例如機構名稱、提供的產品或服務 、以及主頁內容(亦即你的其他頁面還載有什麼資料)。應切記頁面給人的第一觀感最為重要。在網上到處瀏覽的人很多。如果你的主頁真沒有吸引力,很難令他們深入觀賞。
(3)盡量簡朴
現今大部分用戶那是用數據機接駁萬維網,所以他們一般都要花很多時間等待主頁傳送到自己的系統。主頁上的圖形應力求簡朴, 避免耽擱用戶的時間。圖像愈大、顏色愈深,傳送頁面的時間愈長。這並不是說你要完全略去圖像不用,只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種,頁頂圖像最好保持在大約10KB(千位元組)以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可;應考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒,很多用戶就會等得不耐煩。如果情況許可,最好先測試你的主頁在稍差的條件下的傳送速率,14.4千波特的數據機,或透過 Prodigy 等網上服務接駁萬維網等。
此外、還須注意配合最低檔的設備,例如標準的小型顯示器,不要假設人人都用高解像度的大熒幕。運用先進瀏覽軟體所提供的一些尖端功能是可以的、但應確保你的主頁在次一級的瀏覽軟體上(例如某些網上服務所提供的專用瀏覽軟體)仍可暢順地顯現。
(4)善用圖像
用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。最佳的圖像應集美觀與傳訊於一身。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所帶的重要信息或聯接其他頁面的指示用文字重復表達—次。用「純文中」模式測試已製成的主頁,確保其傳達到所有信息。
(5)使主頁易於漫遊
主頁的其中一個主要功能是作為漫遊工具,指引用戶查閱你存儲在網址或其他地點的信息。盡量使漫遊過程不費吹灰之力。基於清晰明確和速度的考慮,主頁上的聯接項目應只限於幾個高級的類別,例如公司、產品、服務、支援等。用六至八個聯接項目最為理想。
此外,你提供的信息不應埋藏在重重疊疊的頁面之下。穿越五個以上的聯接項目已足以令人厭煩。因此,你必須在廣度和深度之間求取平衡。如果你的網址上有太多信息,你可能要編制較長的頁面或使用更多聯接項目,甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息,肯定受用戶歡迎。
假若你有充足的資源,便應找一位專家來評估你設計的主頁是否方便易用。設法找一些對主頁陌生的用戶,來試用你的初步製成品。
(6)提網協領
主頁—般須載有以下事項:
標題,此標題須清楚無誤地標示你的網站。標題可以是名稱、標語徽號或圖像。
電子郵件地址 ,以便用戶有問題時,可以通知你。
版權資料,這是適用於主頁內容的版權規定。你可以在主頁上標示一句簡短的版權聲明,用聯接方法帶出另—個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。
聯絡資料 ,列出通訊地址電話號碼等。
(7)循環利用現有信息
製作主頁時,通常都毋須從頭做起,因為有許多現成的文字、圖畫等資料可供我們重用,例如宣傳小冊、公關文件、技術手冊、資料庫等。很多情況下,只要用少許功夫、就可把這些材料轉到網頁上使用。
(8)保持新鮮感
萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變,用戶很快會厭倦。在主頁上預告即將有新資料推出,可吸引用戶再來瀏覽不妨在頁頭以大字標題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續或自動更新、例如列出會瀏覽你的網站的人次。
同樣,為保持新鮮感,應時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關及資料編制計劃內,亦即當你使用傳統方法(例如新聞稿)傳遞的新信息時出現在你的主頁上。確保連接項目運作暢順,以免用戶在熒幕上收到「無法查閱所需檔案」的信息而大感沒趣。
(9)貫徹諾言
做不到的事情,千萬不要輕易承諾。切勿隨便叫用戶做出回應行動,例如要求用戶填交訂貸表格,除非你已制訂好處理這些訂單的方法和交貨程序。如果在網上列出聯絡電話,就要確保自己能夠迅速解決來電者的問題。
(10)吸引用戶瀏覽
既然絞盡腦汁把主頁弄得美觀實用,沒有人來欣賞就太可惜了。為吸引所有網中人來瀏覽,必須使主頁易於尋找。通知其他網站(例如題材相關的網站),他們可能想連接你的主頁。安排將自己的網址列在所有相關的網址目錄、索引、查找程序和「What』s new」頁面上。盡量將網址傳播開去,使之出現在 Internet和所有傳統煤體上、例如書刊廣告、公關文件、宣傳品等。
在網站上,於每個頁面設置「home」按鍵,方便用戶隨時返回主頁。
萬維網充滿生命力、正在不斷演進,所以一些現時適用的經驗,將來未必合用。舉例來說,將來家居用戶有高速線路接駁Internet,就可以消除數據傳輸目前的所受的限制、使主頁的篇幅可以更長,頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟體所提供的先進功能、將使萬維網更強勁和更方便溝通。 HotJava將主頁由靜態的文件轉為動態的實體, 提供諸如即時製作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網上用戶帶來更多樂趣。有好的主頁,還須有精良的設備支持。網站伺服器不斷推陳出新,使建設網站的工作愈來愈容易。 以 S u n的Netra Internet Server為例、全套設備包括上網所需的軟硬體,以及建立完善的高效能網站所需購各種軟硬體設施。這些發展為萬維網及其用戶開拓了壯闊的前景。建設網站的上作,從未如此容易過。
(二).網站總體設計
在拿到客戶的需求說明後,並不是直接開始製作,而是需要對項目進行總體設計,詳細設計出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:網站需要實現哪些功能;網站開發使用什麼軟體,在什麼樣的硬體環境;需要多少人,多少時間;需要遵循的規則和標准有哪些。同時需要寫一份總體規劃說明書,包括:網站的欄目和板塊;網站的功能和相應的程序;網站的鏈接結構;如果有資料庫,進行資料庫的概念設計;網站的交互性和用戶友好設計。
在總體設計出來後,一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統,而且在客戶需求不是十分明確的情況下提交方案,往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求並總體設計後提交方案,這樣對雙方都有益處。網站建設方案的包括以下幾個部分:.客戶情況分析;網站需要實現的目的和目標;網站形象說明;網站的欄目板塊和結構;網站內容的安排,相互鏈接關系;使用軟體,硬體和技術分析說明;開發時間進度表;宣傳推廣方案;維護方案;製作費用;本公司簡介:成功作品,技術,人才說明等。當您的方案通過客戶的認可,那麼可以開始動手製作網站了。但還不是真正意義上的製作,你需要進行詳細設計。
(三).網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖,它們應該 包含必要的細節,例如:程序界面,表單,需要的數據等。程序員可以根據它們寫出實際的程序代碼。我們這次主要用ASP來實現有關功能和解決有關問題的,例如,公告版BBS,聊天室,信息發布系統, 網上超市等都用ASP來實現人機交互功能的,其中也用到調用資料庫的技術。
ASP (Active Server Pages)是Microsoft 公司推出的一種Web應用程序開發技術,也是伺服器端的腳本(Script)運行環境,使用該技術可以開發動態的、交互的Web應用程序。
ASP可用來產生和執行動態的高性能的WE B伺服器程序。當用戶使用瀏覽器請求ASP主頁時,WEB伺服器做出響應,調用ASP引擎來執行ASP文件,並解釋其中的腳本語言(JScript 或VBScript),通過ODBC連接資料庫,由資料庫訪問組件ADO完成資料庫操作,最後ASP生成包含數據查詢結果或做出其他響應的HTML頁面,送回用戶端顯示。
ASP程序通常運行在Windows NT+ IIS(Internet Information Server) , 或者Windows 2000 + IIS, 或者Windows 95/98+PWS(Personal Web Server)環境下。其程序代碼簡單、通用,文件名由.asp結尾。ASP文件通常由四部分構成: 標準的HTML標記; ASP語法命令,即<% %> 標簽內的ASP代碼; 伺服器端的include語句; 以及腳本語言,即:ASP自帶JScript和VBScript兩種腳本語言,用於增ASP的編程功能,用戶也可安裝其它腳本語言,如Per語言等。
ASP提供了六個內建對象供用戶直接調用,以實現頁面的交互: Application對象負責管理所有會話信息,可用來在指定的應用程序的所有用戶之間共享信息; Session對象存貯特定用戶的會話信息,只被該用戶訪問,當用戶在不同WEB頁面跳轉時,Session中的變數在用戶整個會話過程中一直存在;Session對象需cookie支持; Request對象從用戶端取得信息傳遞給伺服器,是ASP讀取用戶輸入的主要方法;Response對象支持伺服器將輸出內容發送到用戶端;Server對象提供對伺服器有關方法和屬性的訪問; Object Context對象是IIS 4.0新增對象,用來進行事務處理。此項功能需得到MTS(Microsoft Transaction Server)管理的支持。
ASP還內置以下組件以增強其功能: Ad Rotator組件用來按指定計劃在同一頁面上自動輪換顯示廣告,用於WWW上日益重要的廣告服務; Browser Capabilities組件確定訪問WEB站點的用戶瀏覽器的功能數據,包括類型、性能、版本等; Database Access組件即ADO (ActiveX Data Objects),用來訪問資料庫; File Access組件提供對伺服器端文件的讀寫功能; Content Linking組件生成WEB頁內容列表,並將各頁順序連接,用於製作導航條。 此外,用戶還可安裝Myinfo、Counters、Content Rotator、Page Count等組件,也可自行編制ActiveX組件,以提高系統的實用性。
如上所述,ADO是ASP內置的ActiveX伺服器組件(ActiveX Server Component)。它可通過開放式資料庫連接介面ODBC和通用數據源介面OLEDB訪問多種資料庫,是對目前微軟所支持的資料庫進行操作的最有效、最簡單和最直接的方法。
ADO組件主要提供了以下七個對象和四個集合來訪問資料庫: Connection對象用於建立與後台資料庫的連接; Command對象用於執行SQL指令,訪問資料庫; Parameters對象和Parameters集合為Command對象提供數據和參數; RecordSet對象存放從資料庫中調用的數據記錄; Field對象和Field集合提供對RecordSet中當前記錄的各個欄位進行訪問的功能; Property對象和Properties集合提供有關信息,供Connection、Command、RecordSet、Field對象使用; Error對象和Errors集合提供訪問資料庫時的錯誤信息。
在ASP中使用ADO組件訪問後台資料庫一般步驟為 :
在WEB伺服器上打開「控制面板」,選中「ODBC」, 定義數據源;然後使用ADO組件查詢WEB資料庫;再調用Server.CreateObject方法取得「ADODB.Connection」的實例,此後用Open方法打開資料庫,指定要執行的SQL命令對資料庫進行操作,如查詢、瀏覽、修改、刪除等。 當然也可以用本文介紹的方法不定義數據源,直接調用資料庫的數據。
(四).網站的製作規范探討
(1)網站目錄規范
目錄建立的原則:以最少的層次提供最清晰簡便的訪問結構。
a.根目錄。根目錄指DNS域名伺服器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件,以及其他必須的系統文件;
b.每個語言版本存放於獨立的目錄;
c.每個主要功能(主菜單)建立一個相應的獨立目錄;
d.當頁面超過20頁,每個目錄下存放各自獨立images目錄.共用的圖片放在根目錄下的images目錄下;
e.所有的js文件存放在根目錄下統一目錄script;
f.所有的CSS文件存放在各語言版本下的style目錄
g.所有的CGI程序存放在根目錄並列目錄cgi_bin目錄
(2)文件命名規范
文件命名的原則:以最少的字母達到最容易理解的意義。
a.索引文件統一使用index.html文件名(小寫)。index.html文件統一作為「橋頁」製作具體內容,僅僅作為跳轉頁和meta標簽頁。主內容頁為main.htm;
b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如:關於我們aboutus;信息反饋feedback 產 品proct;所有單英文單詞文件名都必須為小寫,所有組合英文單詞文件名第二個起第一個字母大寫;
c.所有文件名字母間連線都為下劃線;
d.圖片命名原則以圖片英語字母為名,大小原則寫同上;
e.js的命名原則以功能的英語單詞為名。例如:廣告條的js文件名為:Ad.js
f.所有的CGI文件後綴為.cgi。
(3)鏈接結構規范
鏈接結構的原則:用最少的鏈接,使得瀏覽最有效率。首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。超過三級頁面,在頁面頂部設置導航條。
(4)尺寸規范
a.頁面標准按800*600解析度製作,實際尺寸為778*434px;
b.每個標准頁面為A4幅面大小,即8.5X11英寸;
c.大banner為468*60px,小banner為88*31px。
(5) 首頁HEAD區規范
a.公司版權注釋
<! --- The site is designed by dxxweb.inc05/2001-->
b.網頁顯示字元集
簡體中文:<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">
c.網頁製作者信息
<META name="author" content="[email protected]">
d.網站簡介
<META NAME="DESCRIPTION" CONTENT="電子與信息工程系">
e.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
f.網頁的css規范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
g.網頁標題
<title>電子與信息工程系</title>
四、網站的設計製作
1.整體形象設計
在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字,Logo,標准色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格。
2.開發製作
本次網站規劃設計採用軟體工程的設計方法,設計小組在系統分析和總體設計的基礎上,將設計任務分解,分配到設計組的每個成員,各模塊有設計組成員單獨承擔設計和調試,既有分工,又有協作,最後將各模塊上載到伺服器上,做鏈接和整體的調試。
3.調試完善
各模塊初步完成後,上傳到伺服器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決並記錄下來。
網站建設實際上是一個不斷充實和完善的過程,通過不斷的發現問題,解決問題,修改,補充,使網站結構趨向合理,內容更加豐富,形式更富有感染力。
4.宣傳推廣
剛剛建成的網站就好像一個新注冊的電話號碼,沒有人會自動找上門來,這時你就需要適當地做一些網站推廣工作了,這里有很多方法,例如:
a.網頁里設置適當的META標簽;
b.交換友情鏈接。這是個免費而高效的辦法,就好比在別人商店打上你的廣告,在你的商店打上別人的廣告,這樣一來當網友參觀別人的網站時就知道你的網站了,如果你的廣告做的好,他一多半都會參觀你的網站,這是件無須開支、互利互惠的好事情,推薦使用。
c. 在各大搜索網站(例如sohu.com yahoo.com)注冊你的網站,這樣當別人在搜索同類的信息時就會發現你的網站;
d.備新聞稿件在各新聞公告板發表;
e.合理使用Email郵件列表;
f.付費廣告,這個辦法最有效了,但它是付費的;
g.在論壇里貼條子。這個辦法效率不高,也很累,有時也會被別人刪除掉,所以不推薦。
另外還需要說明的是,請千萬不要使用發垃圾郵件來推廣個人主頁,這樣不但不會使別人喜歡你的網站,反而會引起別人的極度反感,這是一種不道德的行為。
至此,網站項目建設完畢。
5.維護
網站做好了是不是就打算一勞永逸呢?不是,如果網站做大的話,網站維護也是個艱巨的工作。當網站變得十分龐大時將會有不計其數的圖片、網頁文件等內容,如果它們有一個丟失或鏈接失敗都會引起網頁錯誤,想想我們做的多副圖片如果少一副會是什麼情景?所以我們一定要保證整個網站的「健康」和完整。為了使網站健康、完整,通常我們在做新網站之前,都應該在DW里建設一個「本地網站」,也就是自己電腦上的網站副本,這樣才能有效減少網站錯誤,剛才我們製作網站時是先做網頁後建網站,其實這種網站建設方法是錯誤的,正確的是先建網站後添加內容。另外就是要時常檢查網站的鏈接是否有誤,這里我們可以使用DW的SITE程序的SITE菜單中CHECK LINK SITEWIDE選項來檢查網站中是否有斷掉的鏈接,以便及時修復。
另外我們還應該科學地存放不同類型的文件,例如將網站中的圖片都放在一個文件夾里,將網頁放在另一個文件夾里。而且如果將來網站真的「肥沃」起來,我們甚至需要為每一個欄目建立一個文件夾,例如將有關MUSIC欄目的文件放在一個文件夾里,將PICTURES欄目的文件放在一個文件夾里,這樣一來,會為我們的維護工作減少很多不必要的麻煩!
網站維護最後要說的就是網站的文件備份了,如果電腦發生了災難,我們的網站就很可能要癱瘓了,所以時常備份網站文件也是很重要的。
網站成功推出後,長期的維護工作才剛剛開始,我們需要做到的是:及時響應客戶反饋;例如可以採取Email自動回復功能,然後盡快解決問題,再次回復;網站流量統計分析和相應對策;盡量推廣和使用您的網址;網站內容的及時更新和維護。
五、網站安全問題及對策
防火牆是阻止外面的人對你的網路進行訪問的任何設備,此設備通常是軟體和硬體和組合體,它通常根據一些規則來挑選想要或不想要的地址。
首先絕大多數簡單的身份驗證過程都是以IP地址為根據的。IP地址是Internet網上最普遍的身份索引,它有靜態和動態之分。 靜態IP地址即固定不變的IP地址;它可以是某台連在Internet網上的主機地址。靜態IP地址分在幾類。其中一類能通過Whois查詢命令得到;並且此類地址主要是Internet網上最高層的主機的IP地址,這些主機可以是域名伺服器、Web伺服器和「根」主機,並且在InterNIC的Whois資料庫中都有它們的注冊主機名。另一類靜態IP地址被分配給Internet網中的第二和第三層主機(這些機器還有固定的物理地址),然而這些機器不一定擁有注冊主機名。但不管怎樣它們有注冊的IP地址。動態IP地址是指每次強制分配給不同的上網主機的地址。ISP的拔號伺服器中經常使用動態IP地址--節點機每次拔號上網,都會被分配一個不同的IP地址。無論IP地址是靜態還是動態的,它都被用於網路傳輸中。