【正文】 ..................................6 測(cè)試計(jì)劃 ..........................................................................................................................................6 站點(diǎn)結(jié)構(gòu)圖 ....................................................................................................................................6第 3 章 網(wǎng)站網(wǎng)頁(yè)的原型設(shè)計(jì) ..................................7 版面設(shè)計(jì) ...........................................................................................................................................7 CSS 使用規(guī)劃 ...................................................................................................................................8 導(dǎo)航設(shè)計(jì) ...........................................................................................................................................8 圖像設(shè)計(jì) ...........................................................................................................................................9 色彩選擇 .........................................................................................................................................10 動(dòng)態(tài)內(nèi)容設(shè)計(jì) .................................................................................................................................10第 4 章 網(wǎng)站欄目（頻道）設(shè)計(jì) ...............................12 欄目的設(shè)計(jì)思路 ............................................................................................................................12 欄目的功能實(shí)現(xiàn) .............................................................................................................................12第 5 章 網(wǎng)站頁(yè)面的部分代碼設(shè)計(jì) .............................14 HTML 頁(yè)面設(shè)計(jì) .............................................................................................................................14 CSS 頁(yè)面設(shè)計(jì) .................................................................................................................................19 FLASH/JAVASCRIPT 頁(yè)面設(shè)計(jì) ........................................................................................................20課程設(shè)計(jì)總結(jié) ..............................................22參考文獻(xiàn) ..................................................24沈陽(yáng)航空航天大學(xué)課程設(shè)計(jì)1第 1 章 概述 網(wǎng)頁(yè)設(shè)計(jì)相關(guān)技術(shù)此課程設(shè)計(jì)所用到的技術(shù)及工具有：HTML/XHTML,CSS,動(dòng)畫/圖片，firework，photoshop，等等。4. 課程設(shè)計(jì)結(jié)束應(yīng)撰寫課程設(shè)計(jì)報(bào)告。3. 網(wǎng)站網(wǎng)頁(yè)主頁(yè)應(yīng)包含 logo，Banner,導(dǎo)航條等內(nèi)容，分頁(yè)全部要有導(dǎo)航條或者路徑指示。每組網(wǎng)站頁(yè)面應(yīng)不少于 15 個(gè)靜態(tài)頁(yè)面，層疊樣式表文件不少于 2 個(gè)，F(xiàn)lash 動(dòng)畫不少于 3 個(gè)，原創(chuàng)圖片不少于 6 個(gè)，JavaScript 腳本不少于 2 個(gè)。課程設(shè)計(jì)的要求：沈陽(yáng)航空航天大學(xué)課程設(shè)計(jì)III1. 撰寫所選命題的網(wǎng)頁(yè)設(shè)計(jì)規(guī)劃書?！禝NTERNET 網(wǎng)頁(yè)設(shè)計(jì)》課程設(shè)計(jì)——黨委組織部院 系 經(jīng)濟(jì)與管理學(xué)院 專 業(yè) 電子商務(wù) 班 號(hào) 04080301 學(xué) 號(hào) 2022040803003 姓 名 金 文 秀 指導(dǎo)教師 王 慶 軍 沈陽(yáng)航空航天大學(xué)2022 年 7 月沈陽(yáng)航空航天大學(xué)課程設(shè)計(jì)II沈 陽(yáng) 航 空 航 天 大 學(xué)課 程 設(shè) 計(jì) 任 務(wù) 書一、課程設(shè)計(jì)題目： Inter 網(wǎng)頁(yè)設(shè)計(jì) 二、課程設(shè)計(jì)工作自 2022 年 6 月 25 日起至 2022 年 7 月 6 日三、課程設(shè)計(jì)的內(nèi)容及要求：課程設(shè)計(jì)的目的：系統(tǒng)掌握網(wǎng)頁(yè)設(shè)計(jì)的整個(gè)流程和方法；能夠初步規(guī)劃網(wǎng)站結(jié)構(gòu)；掌握網(wǎng)站設(shè)計(jì)規(guī)劃書的撰寫（站點(diǎn)定位，欄目設(shè)計(jì)，任務(wù)分工，時(shí)間安排等） ；掌握網(wǎng)頁(yè)設(shè)計(jì)材料的準(zhǔn)備工作；掌握網(wǎng)站材料的整理與處理方法；掌握制作網(wǎng)頁(yè)的整個(gè)步驟與過程；掌握網(wǎng)站的測(cè)試與上傳工作；掌握站點(diǎn)的建立，管理操作方法；牢固掌握并能靈活應(yīng)用 HTML 語言；熟練應(yīng)用網(wǎng)頁(yè)表格布局方法、超鏈接、CSS、框架和組件等的操作方法進(jìn)行頁(yè)面設(shè)計(jì)；掌握 Dream weaver 件工具的使用；掌握 Fireworks 或 Photoshop 軟件設(shè)計(jì)網(wǎng)頁(yè)美工或處理網(wǎng)頁(yè)圖片的使用方法；掌握用 Flash 軟件設(shè)計(jì)網(wǎng)頁(yè)動(dòng)畫的方法；掌握用制作一般網(wǎng)絡(luò)企業(yè)網(wǎng)站、多媒體課件、個(gè)人主頁(yè)等不同類型站點(diǎn)實(shí)現(xiàn)步驟和方法。課程設(shè)計(jì)的內(nèi)容：1. 從附件 1 中選擇選擇或自擬功能類似的題目作為設(shè)計(jì)題目2. 完成一個(gè)所選主題網(wǎng)站的設(shè)計(jì)3. 準(zhǔn)備所選主題網(wǎng)站所需要的材料4. 設(shè)計(jì)一個(gè)有創(chuàng)意、動(dòng)感的主題網(wǎng)站的首頁(yè)（命名為 ）5. 設(shè)計(jì)該主題網(wǎng)站的的導(dǎo)航首頁(yè)（必須具備 logo，Banner 導(dǎo)航條，版權(quán)信息等）6. 設(shè)計(jì)一個(gè)有動(dòng)畫或視頻的該主題網(wǎng)站的分頁(yè).7. 設(shè)計(jì)若干個(gè)該主題網(wǎng)站的分頁(yè)（如公司網(wǎng)站的產(chǎn)品介紹的多個(gè)頁(yè)面）8. 設(shè)計(jì)一個(gè)該主題網(wǎng)站留言板(選做)9. 把該主題網(wǎng)站的主頁(yè)與分頁(yè)做鏈接并測(cè)試鏈接10. 上傳所完主題網(wǎng)站網(wǎng)站到 WEB 服務(wù)器并測(cè)試。規(guī)劃書內(nèi)容應(yīng)規(guī)范、完整，以查閱資料、調(diào)研等方式做好需求分析，要求調(diào)研充分，設(shè)計(jì)合理，功能完善，設(shè)計(jì)的業(yè)務(wù)流程符合實(shí)際企業(yè)運(yùn)作過程；2. 每組所做主題必須分工明確，網(wǎng)站整體風(fēng)格一致。每組內(nèi)的每個(gè)組員所做網(wǎng)頁(yè)內(nèi)容不能少于 5 個(gè)靜態(tài)頁(yè)面（HTML） ，要盡量根據(jù)欄目劃分任務(wù)。頁(yè)面應(yīng)美觀，設(shè)計(jì)合理，風(fēng)格獨(dú)特，無非法鏈接。課程設(shè)計(jì)報(bào)告要求按照所提供模版進(jìn)行撰寫（不按照模版章節(jié)設(shè)置的，不予評(píng)分） 。 網(wǎng)頁(yè)設(shè)計(jì)相關(guān)工具在 HTML 中：HTML 語言簡(jiǎn)介：HTML 語言，又稱超文本標(biāo)記語言。HTML 語言不像其他語言一樣被編譯為指令，而只是提供一些語法標(biāo)記，再由瀏覽器解釋生成相應(yīng)的頁(yè)面。在頁(yè)面布局當(dāng)中往往要產(chǎn)生許多的效果，這就要用到各種各樣的標(biāo)記。通過文本的修飾，可以突出文檔中的重點(diǎn)內(nèi)容，避免整個(gè)文檔外觀上的單一化，從而產(chǎn)生良好的視覺效果。在定義超鏈接時(shí)，可以定義兩種方式：絕對(duì)路徑和相對(duì)路徑。HTML 中圖像的處理：其中圖像的種類有 GIF 格式、JPG 格式、BMP 格式、PCX沈陽(yáng)航空航天大學(xué)課程設(shè)計(jì)2格式、TIF 格式。當(dāng)然在設(shè)計(jì)時(shí)可以根據(jù)實(shí)際情況對(duì)表格的結(jié)構(gòu)進(jìn)行適當(dāng)調(diào)整，使之符合自己的要求。 （2）選擇命令“窗口”丨“CSS 樣式”命令，打開“CSS 樣式”面板。 （3）在彈出的“.textCSS的規(guī)則定義”對(duì)話框中直接單擊“確定”按鈕，在左側(cè)的“分類”列表中選擇“類型” ，然后到右側(cè)窗格中進(jìn)行設(shè)置，這里的設(shè)置和字體相關(guān)。用 CSS 控制表格：（1） 、新建網(wǎng)頁(yè)文檔，在其中插入一個(gè)空表格。 （3）在“分類”列表中選擇“邊框” ，在右側(cè)的“樣式”區(qū)域中選中“全部相同”復(fù)選框，在下拉列表框中選擇單位為“像素” ，在前面輸入數(shù)字 1；在“顏色”區(qū)域中選中“全部相同”復(fù)選框。 （4）現(xiàn)在將剛才制作的 CSS 樣式付瑜表格，進(jìn)入設(shè)計(jì)駛?cè)耄x擇整個(gè)表格進(jìn)入“屬性”檢查器，在“類”下拉列表框中選擇 cssTable 選項(xiàng)（6）按 F12 鍵，打開瀏覽器進(jìn)行預(yù)覽，可以看到外邊框?yàn)楹谏?xì)線的表格效果。 （2）單擊“CSS 樣式”面板中的“新建 CSS 規(guī)則”按鈕，彈沈陽(yáng)航空航天大學(xué)課程設(shè)計(jì)3出“新建 CSS 規(guī)則”對(duì)話框。（3）單擊確定，在擴(kuò)展列次奧窗格中，代開“濾鏡”下拉列表，就可以看到許多選項(xiàng)了。在 Flash 中：常見的