中南大学网站制作技术综合设计报告主 题瑜伽俱乐部学生姓名宁倩学生学号0908130318专业班级电气工程及其自动化 1303学 院信息科学与工程学院指导老师周欣然信息学院计算机基础教学所2025 年 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 显示书本简介。三 网...
