【文章內(nèi)容簡介】 允許 無 1．表格簡介 這表格就是保存版主的相片。 2．限制條件 在數(shù)據(jù)庫里才能管理這些相片。 表 圖片存放路徑 字段名稱 數(shù)據(jù)類型 字段大小 是否空 說明 編號 自動 長整 無 圖片編號 數(shù)字 長整 無 圖片路徑 文本 48 允許 無 1．這個(gè)表的說明 這個(gè)表格主要是每位訪客在留言板留下的觀點(diǎn)看法的具體內(nèi)容，本人的資料。 2．限制條件 南華大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 13 頁 共 30 頁 這個(gè)表格無限制，每個(gè)人都 能進(jìn)行留言。 表 留言板限制條件 名稱 類型 大小 是否空 說明 id 自動 長整 自動 name 文本 48 不允許 無 title 文本 48 不允許 無 body 備注 不允許 無 南華大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 14 頁 共 30 頁 第三章 個(gè)性網(wǎng)站的制作過程 站 選材 頁的網(wǎng)址 一個(gè)好的網(wǎng)頁猶如人的臉面，給別人第一印象是網(wǎng)頁的地址，一個(gè)成功的網(wǎng)頁的百分之十在于網(wǎng)頁地址，選定網(wǎng)址的含義：第一 彰顯個(gè)人網(wǎng)頁的個(gè)性，第二 個(gè)性網(wǎng)頁的內(nèi)涵，第三 個(gè)性網(wǎng)頁的便于記憶，所以網(wǎng)頁地址顯得尤其重要了，例如：中國移動通信的：“ 12580”的網(wǎng)頁，就非常有特點(diǎn)，他們推出的口號是“一按我?guī)湍?，讓人們有一種的親切感和歸屬感，所以我們制作個(gè)性化網(wǎng)頁制作時(shí)候選取可以借鑒別人網(wǎng)頁地址的想法和別人推薦的方案來執(zhí)行。 個(gè)性網(wǎng)頁與其他的網(wǎng)頁相比有比 較大的特點(diǎn)，第一選材方面和內(nèi)容，例如我們制作網(wǎng)頁不可能像“網(wǎng)易”那么全面，不可能包羅萬象，如果開始制作那類的網(wǎng)頁就有點(diǎn)雜亂無章了，所以個(gè)性網(wǎng)頁要突出旗幟 ，做出自己的特色，做到“要讓瀏覽者想不看都難”?，F(xiàn)在我們生活真在不斷進(jìn)步，物質(zhì)生活越來越高了，養(yǎng)生對我們越來越重要了，我們可以這方面的選材，制做一個(gè)養(yǎng)生方面的網(wǎng)頁，要把網(wǎng)頁的內(nèi)容做得大而深，多而精。 LOGO 正所謂“功夫在詩外”，網(wǎng)頁設(shè)計(jì)中最重要的東西，是我們對網(wǎng)頁設(shè)計(jì)的 LOGO上，個(gè)性網(wǎng)頁有獨(dú)特的 LOGO，一個(gè)好的 LOGO 也 表達(dá)這個(gè)網(wǎng)頁設(shè)計(jì)者構(gòu)思，讓訪客有個(gè)加深的印象 ,獨(dú)特的 LOGO 能令訪客第一時(shí)間記住你。 網(wǎng) 站 的顏色搭配的考慮 色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一 南華大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 15 頁 共 30 頁 般來說， 紅色是火的顏色，熱情、奔放 。也是血的顏色，可以象征生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺，表示和平與圣潔 。 眾所周知 ，顏色是光的折射產(chǎn)生的，紅、黃、藍(lán)是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。換一種思路，我們可以用顏色的變化來表現(xiàn)光影效果，這無疑將使我們的網(wǎng)頁更貼近現(xiàn)實(shí)。所以我們制作養(yǎng)生的網(wǎng)頁時(shí)候可以偏向綠色方面發(fā)展，使人更有一種親切感和歸屬感 。 色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當(dāng)中的一個(gè)復(fù)雜問題，它因人的年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、風(fēng)俗習(xí)慣、宗教信仰、生活環(huán)境、性別差異而有所不同。 單純的顏色并沒有實(shí)際的意義， 和不同的顏色搭配，它所表現(xiàn)出來的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設(shè)計(jì)的任務(wù)不同，配色方案也隨之不同?？紤]到網(wǎng)頁的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁安全色。 網(wǎng) 頁 的組合 在網(wǎng)頁設(shè)計(jì)中，我們主要通過視覺傳達(dá)來表現(xiàn)主題。在視覺傳達(dá)中，造型是很重要的一個(gè)元素。拋去是圖還是文字的問題，畫面上的所有元素可以統(tǒng)一作為畫面的基本構(gòu)成要素點(diǎn)、線、面來進(jìn)行處理。在一幅成功的作品 里，是需要點(diǎn)、線、面的共同組合與搭配來構(gòu)造整個(gè)頁面的。 通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續(xù)、間隔、重疊、反復(fù)、交叉、節(jié)奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況，選擇 南華大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 16 頁 共 30 頁 最適合的表現(xiàn)手法，這樣有利于主題的表現(xiàn)。通過點(diǎn)、線、面的組合，可以突出頁面上的重要元素，突出設(shè)計(jì)的主題，增強(qiáng)美感，讓觀者在感受美的過程中領(lǐng)會設(shè)計(jì)的主題，從而實(shí)現(xiàn)設(shè)計(jì)的任務(wù)。 造型的巧妙運(yùn)用不僅能帶來極大的美感，而且能較好地突出企業(yè)形象，而且能將網(wǎng)頁上的各種元素有機(jī)的組織起來，它甚至還可 以引導(dǎo)觀者的視線。 網(wǎng) 站 的優(yōu)化 在網(wǎng)頁設(shè)計(jì)中，網(wǎng)頁的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會影響頁面的瀏覽速度和頁面的適應(yīng)性，影響觀者對網(wǎng)站的印象，據(jù)不完全統(tǒng)計(jì)一個(gè)網(wǎng)頁訪問時(shí)間超過 3 秒鐘，就會使訪問量就降低百分之 57,所以我們優(yōu)化網(wǎng)頁顯得非常重要 ， 在資訊類網(wǎng)站中，文字是頁面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用 css 樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為 12px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色 ，這樣不易產(chǎn)生視覺疲勞，能保證瀏覽者較長時(shí)間地瀏覽網(wǎng)頁。 圖片是網(wǎng)頁中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size 降至最低，這樣可以成倍地提高網(wǎng)頁的下載速度。利用 Photoshop6 或Fireworks4可以將圖片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為 gif或 jpeg，要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為 jpeg，而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為 gif，這是由這兩種格式的特點(diǎn)決定的。 表格 (table)是頁面中的重要元素 ,是頁面排版的主要手段。我們可 以設(shè)定表格的寬度、高度、邊框、背景色、對齊方式等參數(shù)。很多時(shí)候，我們將表格的邊框設(shè)為 0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道 :瀏覽器在讀取網(wǎng)頁 html 原代碼時(shí)，是讀完整個(gè) table 才將它顯示出來的。如果一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點(diǎn)時(shí)，等待多時(shí)無結(jié)果，按 停止 按鈕卻一下顯示出頁面就是這個(gè)原因。因此，我們在設(shè)計(jì)頁面表格的時(shí)候，應(yīng)該盡量避免將所有 南華大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 17 頁 共 30 頁 元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用 Dreamweaver制作網(wǎng)頁時(shí)，會自動在每一個(gè) td 內(nèi)添加一個(gè)空字符“ ”。如果單元格內(nèi)沒有填充其它元素，這個(gè)空字符會保留，在指定 td 的寬度或高度后，可以在源代碼內(nèi)將其刪去。 網(wǎng)頁的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們在 1024*768下制作網(wǎng)頁，最佳瀏覽效果也是在 1024*768 分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較 大問題即可。 網(wǎng)站的宣傳 一個(gè)好的網(wǎng)頁沒好的推廣，就形同一個(gè)廢紙一般，所以要做好網(wǎng)頁后也上傳到服務(wù)器 后，首要的工作是推廣網(wǎng)站，這樣就可以通過微博、 、聊天室、論壇等等來推廣這個(gè)網(wǎng)站，來提高網(wǎng)頁訪問量。 網(wǎng)站維護(hù)和更新 要想訪問量大，得經(jīng)常更新這個(gè)網(wǎng)頁，增加網(wǎng)頁內(nèi)容，并彌補(bǔ)網(wǎng)站存在的缺陷。 南華大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） 第 18 頁 共 30 頁 第 四 章 網(wǎng)站實(shí)現(xiàn)及運(yùn)行結(jié)果 個(gè)人簡介版塊 這個(gè)部分是介紹作者的簡單的資料，下面就是我的資料的大致界面圖 圖 個(gè)人簡介圖 這是一個(gè)靜態(tài)網(wǎng)頁的設(shè)計(jì)，圖片代碼： html ... table border=0width=670height=600background=trtd align=leftvalign=topfont color=ACD6FFsize=3 姓名： amp。nbsp amp。nbsp amp。nbsp amp。nbsp amp。nbsp amp。nbsp 謝志勇 brbr性別： amp。nbsp amp。nbsp amp。nbsp amp。nbsp amp。nbsp amp。nbsp 男 brbr 生日： amp。nbsp amp。nbsp amp。nbsp amp。nbsp amp。nbsp amp。brbr故鄉(xiāng)： amp。nbsp amp。nbsp amp。nbsp amp。nbsp amp。nbsp amp。nbsp 湖南寧鄉(xiāng) brbr現(xiàn)居： amp。nbsp amp。nbsp amp。nbsp amp。n