網(wǎng)頁設(shè)計報告

中南大學(xué)網(wǎng)站制作技術(shù)綜合設(shè)計報告主題瑜伽俱樂部學(xué)生姓名寧倩學(xué)生學(xué)號08專業(yè)班級電氣工程及其自動化1303學(xué)院信息科學(xué)與工程學(xué)院指導(dǎo)教師周欣然信息學(xué)院計算機(jī)基礎(chǔ)教學(xué)所12月14日目錄一網(wǎng)站基本信息1網(wǎng)站功效描述2網(wǎng)站基本內(nèi)容（1）網(wǎng)站主題（2）網(wǎng)站欄目二網(wǎng)頁具體制作過程1首頁2書籍分類頁3書籍推薦頁4作者推薦頁5書籍下載頁三網(wǎng)頁具體內(nèi)容1素材選用2網(wǎng)頁內(nèi)容四網(wǎng)頁問題及解決方案五總結(jié)1心得體會2網(wǎng)頁優(yōu)點(diǎn)及局限性一網(wǎng)站基本信息1網(wǎng)站功效描述本人平時熱愛瑜伽活動，瑜伽是一項(xiàng)能夠讓人全身心放松的運(yùn)動。除此之外還能強(qiáng)身健體，改善身體狀況。瑜伽對于男女老少都適宜。適合每一種人鍛煉。此網(wǎng)站本人選用從瑜伽介紹，分類，視頻，音樂，書籍，作用等方面對瑜伽進(jìn)行展示。目的在于加深自己對瑜伽各個方面的理解，同時也向大家推廣瑜伽這項(xiàng)活動。2網(wǎng)站基本內(nèi)容（1）網(wǎng)站主題網(wǎng)站名為“瑜伽俱樂部”，以“瑜伽運(yùn)動”為主題，展開設(shè)計，向大家推廣瑜伽這項(xiàng)鍛煉活動（2）網(wǎng)站欄目網(wǎng)站首頁中，有下列三個欄目：瑜伽分類，瑜伽作用，瑜伽媒體。書籍分類中，有下列四個欄目：阿斯湯嘎瑜伽，艾揚(yáng)格瑜伽，流瑜伽，熱瑜伽。瑜伽媒體中，有下列兩個欄目：瑜伽視頻，瑜伽圖書二網(wǎng)頁具體制作過程1首頁首頁的制作辦法：運(yùn)用了表格來規(guī)劃整個網(wǎng)頁；網(wǎng)頁分為左右兩個部分；左方上部使用javascript制作了一種類似幻燈片的相框，左方的下方則是對瑜伽的介紹，涉及瑜伽歷史。網(wǎng)頁右方第一表格插入圖片，明確主題。在此表格中也做了導(dǎo)航欄，點(diǎn)擊將進(jìn)入不同的頁面。右下方通過表格，圖片，文字，簡樸敘述了瑜伽的內(nèi)容，在此部分點(diǎn)擊readmore同樣能進(jìn)入不同的頁面。網(wǎng)頁的最后，表明制作者，同時采用插入實(shí)時更新的時間。本頁面插有背景音樂。該音樂是瑜伽典型音樂。右上角設(shè)立了讀者聯(lián)系我們的方式。2瑜伽分類頁瑜伽分類頁制作辦法：運(yùn)用上下左右框架將頁面分為三部分；在左框架中插入兩列四行的表格，第一列中插入圖標(biāo)，另一列分別輸入不同瑜伽類別；超鏈接到不同的頁面。右框架中為不同類別瑜伽介紹。3瑜伽作用頁書籍推薦頁制作辦法：（1）div+CSS布局；（2）行為使得頁面更加美觀4瑜伽媒體頁瑜伽視頻頁辦法：（1）采用模板布局；（2）可編輯區(qū)插入視頻書籍頁制作：（1）運(yùn)用模板；（2）可編輯區(qū)插入課本封面圖片。APdiv顯示課本介紹。三網(wǎng)頁具體內(nèi)容1素材選用本網(wǎng)頁的素材重要通過百度，在網(wǎng)上尋找瑜伽圖片，瑜伽圖書圖片；在酷狗中挑選與網(wǎng)站相配的背景瑜伽音樂；在各個網(wǎng)站搜尋瑜伽的有關(guān)資料。2網(wǎng)頁內(nèi)容讀者能夠進(jìn)入網(wǎng)站后，在首頁里觀賞到美妙的音樂，優(yōu)美的動畫效果，點(diǎn)擊‘聯(lián)系我們’能夠向網(wǎng)站制作者發(fā)送電子郵件，咨詢有關(guān)問題。在首頁的重要內(nèi)容里，對不同方面的內(nèi)容進(jìn)行了簡述，讀者能夠通過這些文字對各個子網(wǎng)頁有一種大概的認(rèn)識。點(diǎn)擊readmore可跳到不同的界面理解到具體的內(nèi)容。在首頁導(dǎo)航欄里點(diǎn)擊‘分類’，進(jìn)入鏈接網(wǎng)頁能夠?qū)﹁べし诸愑兴斫狻ｈべし诸惙倍?，在這里我選用了幾個有代表性，大家比較容易理解的種類進(jìn)行了具體的闡明。在首頁導(dǎo)航欄里點(diǎn)擊‘作用’，進(jìn)入鏈接網(wǎng)頁能夠?qū)﹁べぶ谐Ｒ姷膭幼饔兴斫?，同時理解到它們的作用。這些動作簡樸易懂，作用明顯，能夠銀起大家聯(lián)系瑜伽的愛好。在首頁導(dǎo)航欄里點(diǎn)擊‘瑜伽媒體’，進(jìn)入鏈接網(wǎng)頁，能夠通過某些簡樸的視頻更加深刻的理解瑜伽。這些視頻也吸引讀者跟隨視頻一起練習(xí)。除此之外該頁面還能跳到圖書頁面。該頁面對大家推薦了好幾本有關(guān)的瑜伽的書籍。四網(wǎng)頁問題及解決方案1本網(wǎng)頁由于建立了站點(diǎn)，不能隨意更改網(wǎng)頁的存儲位置，否則網(wǎng)頁內(nèi)容會發(fā)生變化或缺失。在制作網(wǎng)頁的過程中，將網(wǎng)頁保存在U盤里，每次實(shí)驗(yàn)課，只需打開U盤里的文獻(xiàn)。2網(wǎng)頁中使用了框架，建立超鏈接的過程中，只鏈接到了框架的一部分，沒有整體變化框架內(nèi)容。應(yīng)當(dāng)在鏈接時將目的選為“_blank”。3框架保存時，由于框架頁較多，保存全部，再次打開是費(fèi)時。應(yīng)當(dāng)將框架逐個命名保存，易于尋找。五總結(jié)1心得體會從網(wǎng)頁設(shè)計開課以來，我就有做一種瑜伽網(wǎng)站的想法。從收集資料到最后完畢這一頁面經(jīng)歷了一種學(xué)期的漫長時光，這段時間同樣也是短暫的，由于到最后，還是做出了自己并不滿意的網(wǎng)站。上課的內(nèi)容很簡樸，但是實(shí)際做起來卻會碰到多個各樣的問題。讓我深刻意識所學(xué)的東西不僅僅在于課堂，更在于實(shí)踐。在這一過程中，我碰到了諸多問題，如，插入圖片的途徑問題，模板在各個使用該模板頁面的更新問題，div布局的頁面位置問題，表風(fēng)格節(jié)過程中頁面布局問題。復(fù)制的文字亂碼問題，如何插入音樂，視頻等問題。這些問題大都是通過與同窗之間討論解決，另外在網(wǎng)上查詢解決問題。最后發(fā)現(xiàn)自己對表格使用最熟悉，APdiv是一種很自由的布局方式。通過本次實(shí)驗(yàn)我意識到要做好一種主題網(wǎng)站是非常不容易的，不僅僅要對網(wǎng)頁只是理解，還要對色彩，圖片剪切等方面非常熟悉。這個設(shè)計讓我理解了諸多課外的東西，掌握了諸多新技能。網(wǎng)頁課即使已經(jīng)結(jié)束，但是網(wǎng)頁這樣有趣的東西我會始終作為自己的愛好愛好發(fā)展下去，像熱愛瑜伽同樣熱愛網(wǎng)頁。另外，非常感謝負(fù)責(zé)人的周老師對我們一種學(xué)期的培養(yǎng)，老師很和藹，很認(rèn)真，我很喜歡。2網(wǎng)頁優(yōu)點(diǎn)及局限性優(yōu)點(diǎn)：本網(wǎng)站選材健