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