【正文】 ....................................................................2 .....................................................................3 .................................................................3 ......................................................................4 ........................................................................5二、開發(fā)工具與開發(fā)技術(shù) .................................................................5 ............................................................................5 網(wǎng)頁制作工具 Dreamweaver簡介 ................................................5 圖形處理軟件 ................................................................6 動畫制作軟件 ................................................................6 ............................................................................6 網(wǎng)頁和 html語言 .............................................................6 CSS簡介 .....................................................................7三、網(wǎng)站總體分析與設(shè)計 .................................................................8 ........................................................................8 ............................................................................9 ............................................................................9 ......................................................................9四、為什么選擇 DREAMWEAVER .............................................................9五、詳細設(shè)計方案 ......................................................................10 ...........................................................................10 ...........................................................................11 ................................................................11 其它頁面的制作 .............................................................13 ......................................................................14 CSS樣式 ..........................................................15 CSS樣式 ............................................................15 CSS樣式表 ..........................................................16 ....................................................................16 ........................................................16 制作 FLASH ..................................................................17 ...........................................................................18 ....................................................................18 ......................................................18 ..................................................................19 ...........................................................................21六、總結(jié)與體會 ........................................................................22 結(jié) .........................................................................22 .......................................................................22致謝 ..................................................................................23參考文獻 ..............................................................................23摘 要21 世紀是信息高速發(fā)達的時代，互聯(lián)網(wǎng)實現(xiàn)了世界范圍的網(wǎng)絡(luò)間的互聯(lián)和信息共享，并已全面介入人類生產(chǎn)生活的方方面面，帶動著人類社會的飛速發(fā)展，發(fā)揮著重要的作用。隨著我國計算機技術(shù)的發(fā)展與普及，國民已經(jīng)離不開了網(wǎng)絡(luò)，網(wǎng)絡(luò)已經(jīng)成為人與人之間交流的一種形式，他能夠把事情的復雜化轉(zhuǎn)為簡單化。網(wǎng)站的建設(shè)不僅能夠使我們的活動有所改變，也為我們的工作和學習提供了服務(wù)。為了今后更好的方便大家聯(lián)系、交流，特構(gòu)建職院計協(xié)之家網(wǎng)站。網(wǎng)站制作工具是使用 Dreamweaver 、 Flash 、Fireworks 、Adobe Photoshop 等，網(wǎng)站是基于我院計算機協(xié)會成員及計算機愛好者為背景開發(fā)的，可以有效的實現(xiàn)網(wǎng)上資源共享和學習交流。規(guī)劃并建設(shè)好一個學術(shù)性綜合網(wǎng)站，并不是一件容易的事。另外，將要著手確定網(wǎng)站的風格、布局、色彩搭配等，這就鍛煉提高了我的網(wǎng)頁制作水平，美工、排版能力。文中主要包括需求分析、網(wǎng)站的總體設(shè)計、詳細設(shè)計等，并通過流程圖和文字加以解釋說明。 一、設(shè)計思想及準備工作 通過網(wǎng)站，全面宣傳，展示計算機協(xié)會活動風采、技術(shù)氛圍、團體優(yōu)點與特色，發(fā)布協(xié)會的重大活動安排與日常工作特色，增強團體的知名度，使人們更多了解我們的團隊,在 Inter 上實現(xiàn)完成部分介紹及宣傳活動，提高計算機愛好者對我們的關(guān)注，加大交流團體。總體來說網(wǎng)站的布局，是統(tǒng)一的，這樣在瀏覽的時候不至于顯得太混亂。我們在動手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。在制定欄目的時候，要仔細考慮，合理安排。另外，板塊的編排設(shè)置也要合理安排與劃分。（2）目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題，大多數(shù)制作者都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。所以建立目錄結(jié)構(gòu)時也要仔細安排，比如：? 不要將所有文件都存放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。子目錄的建立，首先按主欄目建立。而一些相關(guān)性強，不需要經(jīng)常更新的欄目，例如：協(xié)會簡介、協(xié)會章程等可以合并放在一個統(tǒng)一目錄下。一般來說，一個站點根目錄下都有一個默認地Images 目錄。所以為每個主欄目建立一個獨立的 Images 目錄是方便管理的。（3）網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu)。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。這樣的鏈接結(jié)構(gòu)瀏覽時，一級級進入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，不會“不知身在何處” ，但是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須回到首頁再進行。這樣瀏覽比較方便，隨時可以到達自己喜歡的頁面。因此，在實際的網(wǎng)站設(shè)計中，總是將這兩種結(jié)構(gòu)混合起來使用。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。 素材準備（1）搜索瀏覽，制作收集素材。為了收集素材，除了身邊現(xiàn)成的一些素材，還需要到網(wǎng)上多查找素材。? 對于一些實物素材，我們利用拍攝、掃描等幫助，處理成電腦文件以便設(shè)計時使用。? 瀏覽網(wǎng)頁選素材：逐個瀏覽搜索到的相關(guān)網(wǎng)頁，尋找可以利用的材料。也可以及時下載保存看中的文字圖片資料，在加以修改在使用。? 對收集的素材進行分類整理，并由此設(shè)置子網(wǎng)頁欄目，一般不宜過多。對于網(wǎng)上素材的使用