网设计方案报告范文.docVIP

中南大学

网站制作技术综合设计报告

主题

瑜伽俱乐部

学生姓名

宁倩

学生学号

专业班级

电气工程及其自动化1303

学院

信息科学与工程学院

指引教师

周欣然

信息学院计算机基本教学所

12月14日

目录

一网站基本信息

1网站功能描述

2网站基本内容

（1）网站主题

（2）网站栏目

二网页详细制作过程

1首页

2书籍分类页

3书籍推荐页

4作者推荐页

5书籍下载页

三网页详细内容

1素材选用

2网页内容

四网页问题及解决方案

五总结

1心得体会

2网页长处及局限性

一网站基本信息

1网站功能描述

本人平时热爱瑜伽活动，瑜伽是一项可以让人全身心放松运动。除此之外还能强身健体，改进身体状况。瑜伽对于男女老少都适当。适合每一种人锻炼。此网站本人选用从瑜伽简介，分类，视频，音乐，书籍，作用等方面对瑜伽进行展示。目在于加深自己对瑜伽各个方面理解，同步也向人们推广瑜伽这项活动。

2网站基本内容

（1）网站主题

网站名为“瑜伽俱乐部”，以“瑜伽运动”为主题，展开设计，向人们推广瑜伽这项锻炼活动

（2）网站栏目

网站首页中，有如下三个栏目：瑜伽分类，瑜伽作用，瑜伽媒体。

书籍分类中，有如下四个栏目：阿斯汤嘎瑜伽，艾扬格瑜伽，流瑜伽，热瑜伽。

瑜伽媒体中，有如下两个栏目：瑜伽视频，瑜伽图书

二网页详细制作过程

1首页

首页制作办法：

运用了表格来规划整个网页；网页分为左右两个某些；

左方上部使用javascript制作了一种类似幻灯片相框，左方下方则是对瑜伽简介，涉及瑜伽历史。

网页右方第一表格插入图片，明确主题。在此表格中也做了导航栏，点击将进入不同页面。

右下方通过表格，图片，文字，简朴阐述了瑜伽内容，在此某些点击readmore同样能进入不同页面。

网页最后，表白制作者，同步采用插入实时更新时间。

本页面插有背景音乐。该音乐是瑜伽典型音乐。

右上角设立了读者联系咱们方式。

2瑜伽分类页

瑜伽分类页制作办法：

运用上下左右框架将页面分为三某些；

在左框架中插入两列四行表格，第一列中插入图标，另一列分别输入不同瑜伽类别；超链接到不同页面。

右框架中为不同类别瑜伽简介。

3瑜伽作用页

书籍推荐页制作办法：

（1）div+CSS布局；

（2）行为使得页面更加美观

4瑜伽媒体页

瑜伽视频页办法：

（1）采用模板布局；

（2）可编辑区插入视频

书籍页制作：

（1）运用模板；

（2）可编辑区插入课本封面图片。APdiv显示课本简介。

三网页详细内容

1素材选用

本网页素材重要通过百度，在网上寻找瑜伽图片，瑜伽图书图片；在酷狗中挑选与网站相配背景瑜伽音乐；在各个网站搜寻瑜伽有关资料。

2网页内容

读者可以进入网站后，在首页里欣赏到美妙音乐，优美动画效果，点击‘联系咱们’可以向网站制作者发送电子邮件，征询有关问题。在首页重要内容里，对不同方面内容进行了简述，读者可以通过这些文字对各个子网页有一种大概结识。点击readmore可跳到不同界面理解到详细内容。

在首页导航栏里点击‘分类’，进入链接网页可以对瑜伽分类有所理解。瑜伽分类繁多，在这里我选用了几种有代表性，人们比较容易理解种类进行了详细阐明。

在首页导航栏里点击‘作用’，进入链接网页可以对瑜伽中常用动作有所理解，同步理解到它们作用。这些动作简朴易懂，作用明显，可以银起人们联系瑜伽兴趣。

在首页导航栏里点击‘瑜伽媒体’，进入链接网页，可以通过某些简朴视频更加深刻理解瑜伽。这些视频也吸引读者跟随视频一起练习。除此之外该页面还能跳到图书页面。该页面向人们推荐了好几本关于瑜伽书籍。

四网页问题及解决方案

1本网页由于建立了站点，不能随意更改网页存储位置，否则网页内容会发生变化或缺失。在制作网页过程中，将网页保存在U盘里，每次实验课，只需打开U盘里文献。

2网页中使用了框架，建立超链接过程中，只链接到了框架一某些，没有整体变化框架内容。应当在链接时将目的选为“_blank”。

3框架保存时，由于框架页较多，保存所有，再次打开是费时。应当将框架逐个命名保存，易于寻找。

五总结

1心得体会

从网页设计开课以来，我就有做一种瑜伽网站想法。从收集资料到最后完毕这一页面经历了一种学期漫长时光，这段时间同样也是短暂，由于到最后，还是做出了自己并不满意网站。上课内容很简朴，但是实际做起来却会遇到各种各样问题。让我深刻意识所学东西不但仅在于课堂，更在于实践。

在这一过程中，我遇到了诸多问题，如，插入图片途径问题，模板在各个使用该模板页面更新问题，div布局页面位置问题，表格调节过程中页面布