网页设计论文.docx
- 文档编号:9608891
- 上传时间:2023-05-20
- 格式:DOCX
- 页数:11
- 大小:941.99KB
网页设计论文.docx
《网页设计论文.docx》由会员分享,可在线阅读,更多相关《网页设计论文.docx(11页珍藏版)》请在冰点文库上搜索。
网页设计论文
河南理工大学课程论文
课程名称:
网页设计及编程
题目名称:
运动世界
学院:
软件学院
专业班级:
计网09-1班
姓名:
范玉普
学号:
410920030142
学生自我评价
优秀
评阅意见:
(评阅成绩:
)
评定教师签名:
.
日期:
年月日
运动世界
——运动让生活更精彩
学生:
范玉普
软件学院计网09-1班
学号410920030142
学而时习之,不亦乐乎;温故而知新,可以为师也。
怀着自由随意的心情,我设计的网站主要以个人体育兴趣爱好为主,辅助以相关实事,通过超链接,实现不同页面间的跳转,在主页的菜单栏中分别有:
首页、篮球、足球、网球和其它。
一、网站可行性分析和规划设计
(一)网站介绍:
网站主要是体育网站,凭个人对体育的爱好
(二)网站的市场分析:
内容丰富多彩、页面大关美方
(三)网站效益分析:
通过建设体育网站,使我对网页设计更感兴趣,也提高了自己的细心程度,从中也来哦即可更多的体育信息。
(四)网站内容与栏目设置:
1、进入主页:
在首页中通过输入用户及密码进入主页。
2、主页五个栏目:
首页、篮球、足球、网球和其它,都是在首页的菜单栏里,通过点击即可进入。
3、栏目的层次结构图如下:
(五)网站建设技术:
以HTML为主,辅助以asp和数据库。
二、概要设计说明
作为一个体育网站,通常情况下都要有诸如篮球、足球以及广告之类的项目,因此我制作的网站也包含这些内容;同时作为体育网站,它还包含了一些登陆页面及注册,大型网站往往通过这样才让用户观看自己的信息。
最大限度的运用所学知识,展示出不同效果,尽量把页面活泼化、新颖化。
三、详细设计说明
A首页
作为以信息网,首页因该有用户及密码,输入后即可登录,观看信息。
(一)登陆:
先建立数据库,然后再网页中建立两个表单,让表单和数据库相联系,第一个表单使之当输入用户及密码之后可以登录主页。
如图:
如果用户如果输入错误的密码或用户这会显示如图:
如果用户如果输入正确的密码或用户这会显示如图:
(二)注册:
如果没有创建用户及密码作为需要注册,第二个表单就对没有创建用户的人使用。
如图:
如果没有输入用户就点击注册这会显示如图:
点击返回首页从新注册,如果使用已注册的用户进行注册这会显示如图:
如果正确注册,单击返回首页,则会显示(假如注册用户为:
6密码为:
06):
B主页
登陆成功后这会进入主页,作为网站主页,应着重突出网站特色,同时还应该把网站主要功能及所包含内容显露出来,通过分成不同模块,合理规划、条理清楚,让浏览者一目了然。
(一)标题栏:
用天蓝色的图案主背景,加上一露出的个羽毛球拍和羽毛球更显现出运动主题,也显得好看健康。
(二)菜单栏:
主题下面有六张图片构成的滚动条,在下面是个主菜单选项---首页、篮球、足球、网球和其它。
(三)文本框效果如下:
1、
首先是六张滚动的运动图片,之后是连接项目,可连接到首页、篮球、足球网球和其他,及一个搜索按钮(点击可以连接到XX首页),之后左边是刚刚创建的用户信息,并标有“恭喜成功登陆”。
右边是一个用户调查。
对用户是否喜欢运动及喜欢那种运动进行调查。
假如选择喜欢和喜欢羽毛球、网球,提交之后,如图:
2、
退出之后之后往下拉可以看到右面有可爱的QQ运动造型,包括乒乓球、马术、射击等等,这是从上往下滚动的。
中间是篮球世界和足球世界,点击可以进入相应的网页。
最右面是篮球小知识和足球小知识。
再往下是如图:
同样如此,只是介绍的是网球和其它的运动。
这其中运用了表单提交按钮设计成了如图需要的篮球、足球、网球等按钮,点即可进入相应网页。
3、
之后是大多数网站都有的,写上“版权所有”等一些信息。
在后面连接的所有网页最后都会有这个信息。
C其他页面
(一):
篮球这一页头部同样采用主页的设计。
图示:
用一个火热的篮球做标题背景图案,可以显现出篮球在当今世界的火热,也显现出篮球的特点。
之后同样用六张滚动的篮球运动图片,用户感受到篮球的魅力,并同样用连接到其他网页的连接。
往下拉图为:
连续的六行这样的样式栏讲述当今篮球的一些动态。
左侧为一些重要信息,也是大多数体育爱好者关注的信息。
右侧分为六个栏,分为重点新闻、姚明-火箭、阿联-奇才、科比-湖人、篮球花边、ESS精品十大,其中内容进分并滚动。
这样丰富阅读者的阅读信息。
最后采用主页的结束方式,写上“版权所有”等一些信息。
(二):
同样足球这一页也是这样头部为,如图:
不过头部背景运用足球场的颜色——绿色,和一个漂亮的足球。
让用户一进入就能感受到这是足球的世界。
之后同样用六张滚动的足球运动图片,让用户感受到足球的魅力,并同样用连接到其他网页的连接。
往下拉图为:
也是连续的六行这样的样式栏讲述当今足球的一些动态。
左侧为一些重要信息,同样也是大多数体育爱好者关注的信息。
右侧分为六个栏,分为重点新闻、国家队、伊比利亚战事、英伦烽火、德意志风云、法兰西风暴,其中内容进分并滚动。
这样丰富阅读者的阅读信息。
(三):
之后为网球这也,头部为
页头部用浅紫色和一个网球拍做背景,显示网球是一种高雅的运动,并用六张当今世界名将打球的动作来向用户展示网球的魅力。
在头部之后,和篮球足球一样,用同样的样式蓝讲述了每年网球比赛最盛大的四项赛事(温网、澳网、法网、美网)的简介。
并同样在网页右部用同样的滚动格式讲述了ATP新闻、WAT新闻、中国网球、网球人物等信息。
(4):
最后进入网站的最后一页,讲述的是一些其它运动项目。
头部为:
用奥运火炬的火苗和橙黄色做头部背景。
之后为各种运动的滚动图片。
网页的下面和篮球足球网球一样,显现了F1一级方程式赛车、乒乓球、田径等等一新体育信息,以供用户点击阅读。
可能在我的网站中有些信息可能点击不出来,这时还没有添加信息,希望用户能理解。
到此,我的网站介绍完毕。
四、本次课程设计的体会
通过此次制作个人网站,不仅巩固了所学的asp知识要点。
而且最重要的是,在学习过程中和同学有了更多的交流,增进了友谊,在此再次感谢老师和同学的帮助。
感觉自己其实有点被动,平静紧张的日子于我而言发生了很多事,被灌输的、被给予的、被帮助的……一切的一切,都让我感觉那么的理所当然又那么的不可思议,我只想说:
谢谢!
谢谢!
!
谢谢!
!
!
五、结束语
网站终于制作完成,自己感觉非常满意,而且我也已把自己所学到的知识全部运用到其中,达到了巩固课程所学,检验学习的效果。
同时多谢同学们的帮助,在我的网站中加入更多的点缀元素,使其不再单调。
从一号餐厅到图书馆,直走春秋大道转三号餐厅,温热香芋绕道老场,所谓的小树林、馨月湖、三孔桥,水上阶梯圆柱桥连接通向彼岸的凉亭,折回南门尚网趣吧,垂柳依依、湖水青青,待到白雪霭霭、银装素裹,带你领略理工之神韵,百年历史之辉煌……
参考文献
[1]谭浩强ASP动态网页设计清华大学出版社
[2]胡永辉ASP动态网页编程与上机指导清华大学出版社
[3]韩延峰ASP+VBScript函数与对象参考手册人们教育出版社
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 论文