中南大学网站制作技术综合设计报告主 题瑜伽俱乐部学生姓名宁倩学生学号08专业班级电气工程及其自动化 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)可...