网设计方案报告范文.doc

中南大学
网站制作技术综合设计报告

主 题
瑜伽俱乐部
学生姓名
宁倩
学生学号

专业班级
电气工程及其自动化1303
学 院

信息科学与工程学院
指引教师
周欣然

信息学院计算机基本教学所
12 月 14 日

目录

一 网站基本信息
1 网站功能描述
2 网站基本内容
（1）网站主题
（2）网站栏目

二 网页详细制作过程
1 首页
2 书籍分类页
3 书籍推荐页
4 作者推荐页
5 书籍下载页

三 网页详细内容
1 素材选用
2 网页内容

四 网页问题及解决方案
五 总结
1 心得体会
2 网页长处及局限性
一 网站基本信息
1 网站功能描述
本人平时热爱瑜伽活动，瑜伽是一项可以让人全身心放松运动。除此之外还能强身健体，改进身体状况。瑜伽对于男女老少都适当。适合每一种人锻炼。此网站本人选用从瑜伽简介，分类，视频，音乐，书籍，作用等方面对瑜伽进行展示。目在于加深自己对瑜伽各个方面理解，同步也向人们推广瑜伽这项活动。
2 网站基本内容
（1）网站主题
网站名为“瑜伽俱乐部”，以“瑜伽运动”为主题，展开设计，向人们推广瑜伽这项锻炼活动
（2）网站栏目
网站首页中，有如下三个栏目：瑜伽分类，瑜伽作用，瑜伽媒体。
书籍分类中，有如下四个栏目：阿斯汤嘎瑜伽，艾扬格瑜伽，流瑜伽，热瑜伽。
瑜伽媒体中，有如下两个栏目：瑜伽视频，瑜伽图书
二 网页详细制作过程
1 首页
首页制作办法：
（1） 运用了表格来规划整个网页；网页分为左右两个某些；
（2） 左方上部使用java script制作了一种类似幻灯片相框，左方下方则是对瑜伽简介，涉及瑜伽历史。
（3） 网页右方第一表格插入图片，明确主题。在此表格中也做了导航栏，点击将进入不同页面。
（4） 右下方通过表格，图片，文字，简朴阐述了瑜伽内容，在此某些点击read more同样能进入不同页面。
（5） 网页最后，表白制作者，同步采用插入实时更新时间。
（6） 本页面插有背景音乐。该音乐是瑜伽典型音乐。
（7） 右上角设立了读者联系咱们方式。

2 瑜伽分类页
瑜伽分类页制作办法：
（1） 运用上下左右框架将页面分为三某些；
（2） 在左框架中插入两列四行表格，第一列中插入图标，另一列分别输入不同瑜伽类别；超链接到不同页面。
（3） 右框架中为不同类别瑜伽简介。

3 瑜伽作用页
书籍推荐页制作办法：
（1）div+CSS布局；
（2）行为使得页面更加美观

4 瑜伽媒体页
瑜伽视频页办法：
（1）采用模板布局；
（2）可编辑区插入视频

书籍页制作：
（1）运用模板；
（2）可编辑区插入课本封面图片。APdiv显示课本简介。

三 网页详细内容
1 素材选用
本网页素材重要通过百度，在网上寻找瑜伽图片，瑜伽图书图片；在酷狗中挑选与网站相配背景瑜伽音乐；在各个网站搜寻瑜伽有关资料。
2 网页内容
（1） 读者可以进入网站后，在首页里欣赏到美妙音乐，优美动画效果，点击‘联系咱们’可以向网站制作者发送电子邮件，征询有关问题。在首页重要内容里，对不同方面内容进行了简述，读者可以通过这些文字对各个子网页有一种大概结识。点击read more 可跳到不同界面理解到详细内容。
（2） 在首页导航栏里点击‘分类’，进入链接网页可以对瑜伽分类有所理解。瑜伽分类繁多，在这里我选用了几种有代表性，人们比较容易理解种类进行了详细阐明。
（3） 在首页导航栏里点击‘作用’，进入链接网页可以对瑜伽中常用动作有所理解，同步理解到它们作用。这些动作简朴易懂，作用明显，可以银起人们联系瑜伽兴趣。
（4） 在首页导航栏里点击‘瑜伽媒体’，进入链接网页，可以通过某些简朴视频更加深刻理解瑜伽。这些视频也吸引读者跟随视频一起练习。除此之外该页面还能跳到图书页面。该页面向人们推荐了好几本关于瑜伽书籍。
四 网页问题及解决方案
1 本网页由于建立了站点，不能随意更改网页存储位置，否则网页内容会发生变化或缺失。在制作网页过程中，将网页保存在U盘里，每次实验课，只需打开U盘里文献。
2 网页中使用了框架，建立超链接过程中，只链接到了框架一某些，没有整体变化框架内容。应当在链接时将目的选为“_blank”。
3 框架保存时，由于框架页较多，保存所有，再次打开是费时。应当将框架逐个命名保存，易于寻找。
五 总结
1 心得体会
从网页设计开课以来，我就有做一种瑜伽网站想法。从收集资料到最后完毕这一页面经历了一种学期漫长时光，这段时间同样也是短暂，由于到最后，还是做出了自己并不满意网站。上课内容很简朴，但是实际做起来却会遇到各种各样问题。让我深刻意识所学东西不但仅在于课堂，更在于实践。
在这一过程中，我遇到了诸多问题，如，插入图片途径问题，模板在各个使用该模板页面更新问题，div布局页面位置问题，表格调节过程中页面布局问题。复制文字乱码问题，如何插入音乐，视频等问题。这些问题大都是通过与同窗之间讨论解决，此外在网上查询解决问题。最后发现自己对表格使用最熟悉，APdiv是一种很自由布局方式。
通过本次实验我意识到要做好一种主题网站是非常不容易，不但仅要对网页只是理解，还要对色彩，图片剪切等方面非常熟悉。这个设计让我理解了诸多课外东西，掌握了诸多新技能。
网页课虽然已经结束，但是网页这样有趣东西我会始终作为自己兴趣兴趣发展下去，像热爱瑜伽同样热爱网页。此外，非常感谢负责人周教师对咱们一种学期培养，教师很和蔼，很认真，我很喜欢。
2 网页长处及局限性

长处：本网站选材健康，宣传了一项非常有益身心健康体育活动。网页主题明确，色彩鲜明，采用了各种布局方式，使用了各种媒体，图文并茂。通过图片，文字，音乐，详尽展示了瑜伽基本内容。
缺陷：没有采用动态，美观限度不高。技术不够娴熟。尝试做了动态，但不成功。。