1、requirements of construction sites, will be shut down. No residue of all closed transport vehicles, shall be seized. Firmly close the cancellation illegal quarry stones within the main road on both sides of the Visual factory, factory will be shut down. Third, prevention andPAGE 8requirements of con

2、struction sites, will be shut down. No residue of all closed transport vehicles, shall be seized. Firmly close the cancellation illegal quarry stones within the main road on both sides of the Visual factory, factory will be shut down. Third, prevention andWEB網(wǎng)站及網(wǎng)頁廣告課程設(shè)計指導(dǎo)書2007年9月WEB網(wǎng)站及網(wǎng)頁廣告課程設(shè)計要求第一部分

3、網(wǎng)站設(shè)計要求：制作一個包含一個首頁頁面和2個二級頁面的網(wǎng)站，網(wǎng)站內(nèi)容圍繞首頁結(jié)構(gòu)樣式所示內(nèi)容來建設(shè)。首頁結(jié)構(gòu)樣式站標(biāo)（圖）招聘求職網(wǎng)站（動畫）用戶：密碼：注冊登錄首頁就業(yè)動態(tài)個人求職企業(yè)招聘就業(yè)指南政策法規(guī)就業(yè)咨詢技術(shù)專題論壇Copyright 2007 Inc. All rights reserved. 版權(quán)所有 聯(lián)系方式 . 圖1 首頁樣式要求首頁要求1、網(wǎng)頁布局使用型（三欄）結(jié)構(gòu)，表格居中；2、寬度按800*600的瀏覽分辨率設(shè)置，高度可以根據(jù)需要恰當(dāng)設(shè)置；3、網(wǎng)頁背景或網(wǎng)頁顏色自行設(shè)置（網(wǎng)頁背景色不允許為白色）；4、圖1所示的所有文字自行設(shè)置字體、字號、顏色；5、頂部以下內(nèi)容自行添加相

4、關(guān)文字及圖片；6、最后一行“ 版權(quán)所有”中的為制作者的班級和姓名；7、聯(lián)系方式. 為設(shè)計者的電子郵件地址，要加上E-mail鏈接；8、在用戶登錄和注冊的表單中，點擊“注冊”按鈕能彈出用戶注冊表單頁面（二級頁面）；9、點擊“論壇”，要能鏈接到論壇頁面（二級頁面）；10、主頁上要設(shè)置浮動廣告和彈出窗口廣告，并要設(shè)置圖像廣告和Flash廣告（浮動廣告和彈出窗口廣告中的圖像內(nèi)容要求及圖像廣告和Flash廣告要求詳見“第二部分：網(wǎng)頁廣告設(shè)計要求”）；11、主頁命名必須為index.htm或Default.htm。三、二級頁面要求 1、用戶注冊表單頁面包含內(nèi)容：圖2 表單頁設(shè)計要求2、論壇頁面內(nèi)容：（1）

5、采用“左側(cè)固定，上方嵌套”的框架結(jié)構(gòu)，如下圖所示：圖3 論壇頁設(shè)計要求（2）右上側(cè)框架（top.htm）內(nèi)容為標(biāo)題，插入廣告圖像要求詳見“第二部分：網(wǎng)頁廣告設(shè)計要求”。左側(cè)框架（left.htm）為目錄內(nèi)容，框架頁面內(nèi)容自定，右下框架（main.htm）為主要內(nèi)容顯示；（3）在left.htm中點擊鏈接后，在main.htm框架顯示鏈接的內(nèi)容。第二部分網(wǎng)頁廣告設(shè)計要求：在WEB網(wǎng)站頁面內(nèi)容的基礎(chǔ)上使用Flash和Firework制作站標(biāo)和設(shè)計宣傳網(wǎng)站的動畫及圖片廣告。使用Fireworks設(shè)計首頁上的站標(biāo)，大小自定，要求包含“”字樣及圖片，大小應(yīng)與網(wǎng)頁布局相匹配，站標(biāo)應(yīng)簡單、醒目，能體現(xiàn)網(wǎng)站的

6、風(fēng)格。使用Flash設(shè)計首頁頁眉的動畫廣告，廣告大小為46860像素，要求包含“招聘求職信息平臺”字樣及圖片，廣告應(yīng)運用元件，引導(dǎo)或遮罩等方法完成運動漸變動畫廣告或形狀漸變動畫廣告的制作。使用Fireworks設(shè)計首頁上的浮動廣告，廣告大小為12060像素，要求包含與網(wǎng)站主題相關(guān)的文字和圖片，圖片的背景色設(shè)為透明。首頁上彈出窗口廣告要求使用Flash制作，大小為300200像素，要求包含與網(wǎng)站主題相關(guān)的文字和圖片?？蚣茼撋蟼?cè)框架的廣告圖像要求為GIF動畫，大小自定，要求包含與網(wǎng)站主題相關(guān)的文字和圖片。在網(wǎng)站的合適位置設(shè)置另外3個圖像或動畫廣告，大小自定，圖片或動畫均可，內(nèi)容要以宣傳本網(wǎng)站為主，

7、盡量采用多種不同技術(shù)。注意：所有廣告的文字及圖像內(nèi)容必須與網(wǎng)站內(nèi)容相關(guān)聯(lián)，廣告能夠?qū)崿F(xiàn)點擊鏈接（鏈接地址自行設(shè)定）。第三部分作業(yè)上交要求：1、將站點文件及Flash源代碼（fla文件，要與網(wǎng)頁上對應(yīng)的swf文件同名）和Fireworks源文件（PNG文件，要與網(wǎng)頁上的對應(yīng)圖像文件同名），沒有源文件的廣告設(shè)計無成績！，所有源文件可以集中放在站點的一個文件夾中。所有文件經(jīng)最新版殺毒軟件檢查殺毒完畢后，使用winrar或winzip軟件制作成壓縮文件，并以班級和姓名命名，作為附件，08級同學(xué)發(fā)送到E-mail郵箱song_，07級同學(xué)發(fā)送到wgsu；2、書寫設(shè)計說明書，內(nèi)容包括：（1）網(wǎng)站網(wǎng)頁、動畫

8、及圖片廣告制作介紹；（2）制作過程中遇到的問題及解決辦法；（3）設(shè)計總結(jié)。設(shè)計說明書應(yīng)不少于1200字，要求用16開紙打印上交。3、站點文件要求包括：所有的網(wǎng)頁；網(wǎng)頁上所使用圖像；動畫及圖片廣告；相關(guān)的其余文件（如果有的話，如CSS樣式文件等）。4、站點文件和設(shè)計說明書必須在20周星期五之前發(fā)送或上交完畢，逾期后果自負(fù)。站點文件和設(shè)計說明書必須同時上交，缺其中一項以不及格論處！5、所有設(shè)計及設(shè)計說明書書寫要求獨立完成，按學(xué)校規(guī)定，如果課程設(shè)計內(nèi)容及說明書有25%及以上相同者，視為互相抄襲，成績?yōu)椴患案?！第四部分附件：說明書范例“招聘求職信息平臺平臺”網(wǎng)站及廣告設(shè)計說明書一 整個網(wǎng)站的欄目規(guī)劃和

9、設(shè)定 此次設(shè)計和制作的“招聘求職信息平臺平臺”網(wǎng)站共劃分為“就業(yè)動態(tài)、個人求職、企業(yè)招聘、就業(yè)指南、政策法規(guī)、就業(yè)咨詢”技術(shù)專題、”7個子欄目，其中“就業(yè)動態(tài)、個人求職、企業(yè)招聘、就業(yè)指南、政策法規(guī)、就業(yè)咨詢”有二級頁面，加上其他加上彈出窗口廣告、框架頁面其他輔助頁面整個網(wǎng)站共計12個頁面。作為一個主要的網(wǎng)站設(shè)計人員，在設(shè)計規(guī)劃網(wǎng)站的時候，首先應(yīng)該客觀地站在瀏覽者的角度上考慮：如何讓用戶最直觀、最需要看到的信息和網(wǎng)站所要表達(dá)的意圖完美結(jié)合起來。 以下就是設(shè)計時的一些要素和細(xì)節(jié)說明：(一) 框架結(jié)構(gòu)1. 網(wǎng)站主頁分成上下兩個大表格，分別顯示各自的導(dǎo)航欄目和正文內(nèi)容，再以層次結(jié)構(gòu)組織,各層次均設(shè)有

10、分級導(dǎo)航條,以免瀏覽者迷路。放置網(wǎng)站主頁和各二級頁面的主要內(nèi)容，可用滾動條拖動上下觀看。并在主頁提供一個未來供客戶注冊和登錄用的窗口，(二) 內(nèi)容規(guī)劃主要是為瀏覽者提供各類行業(yè)內(nèi)的新聞資訊居多，方便他們在最短時間內(nèi)知曉新近發(fā)生的科技信息和資訊，最下邊主要是放置網(wǎng)站設(shè)計人員的相關(guān)版權(quán)信息和E-mail鏈接，更方便瀏覽者找到我們。 (三) 顏色主頁的背景使用海藍(lán)色作為主色調(diào)，協(xié)調(diào)統(tǒng)一了整個網(wǎng)站的視覺效果。同時運用多種橙色、青色等顏色搭配運用又能體現(xiàn)明快風(fēng)格，使得整個網(wǎng)站的色調(diào)生動起來。（四） 開發(fā)工具一共使用了網(wǎng)頁三劍客系列Dreamweaver MX/ Fireworks/ Flash MX 2

11、004軟件作為主要設(shè)計工具，另外加入了CSS極聯(lián)樣式表、時間軸設(shè)置等網(wǎng)頁特效功能和行為。(五) 文字編排和字體效果網(wǎng)頁的排版盡量做到錯落有致，內(nèi)容豐富但看起來不凌亂。1.主要由中文網(wǎng)頁常用的“宋體”、“黑體”為主構(gòu)成整個頁面；2.運用粗體分別在主要頁面標(biāo)題來與其他正文文字做主次內(nèi)容上的區(qū)別，另外版權(quán)信息和E-mail也用了粗體效果以更好地讓客戶找到。(六) 圖片網(wǎng)站的首頁主要是考慮信息量和客戶瀏覽速度問題，故整個網(wǎng)站的圖片用得不多，一張面積較大的背景圖和幾張小小圖片，所以大大提高了瀏覽速度，背景圖在點睛生動網(wǎng)站的同時，而且有效的減少了客戶視覺瀏覽方向點，直接引導(dǎo)到更為吸引人的網(wǎng)頁內(nèi)容上。（七）

12、 頁面設(shè)計在一個優(yōu)秀、專業(yè)的網(wǎng)站上是找不到任何一個空鏈接或死鏈接的情況，如果有這種情況會影響到用戶對網(wǎng)站的評價，所以在制作的時候就盡量避免，暫時沒有內(nèi)容的頁面干脆就不提供鏈接。（圖片略）二 網(wǎng)頁廣告制作介紹：動畫和圖片廣告設(shè)計請詳見下表所示：序 號文件名文件類型尺寸所在頁面鏈接頁面文 件 說 明 1 LOGO.gifGif圖片 W：120 H：60 Index.htm 是網(wǎng)站的LOGO， index.htm這個LOGO文字內(nèi)容包括有 HYPERLINK ，用藍(lán)色圖片，大小應(yīng)與網(wǎng)頁布局相匹配，簡單、醒目，能體現(xiàn)網(wǎng)頁的風(fēng)格，體現(xiàn)著專業(yè)、科技的含義。 2 Ad.swf Flash文件W：300H：200 Index.htm 是彈出窗口的動畫廣告，寓意網(wǎng)站新增CAD/CAE/CAM知識的頻道，吸引客戶的關(guān)注。 3 Duilian.gif Gif動畫W:100H:300 Index.htm Wlhzz.htm 是目前網(wǎng)站很流行的對聯(lián)