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