网站程序设计.docx
- 文档编号:3003988
- 上传时间:2022-11-17
- 格式:DOCX
- 页数:12
- 大小:8.99MB
网站程序设计.docx
《网站程序设计.docx》由会员分享,可在线阅读,更多相关《网站程序设计.docx(12页珍藏版)》请在冰豆网上搜索。
网站程序设计
计算机学院网络082
网站程序设计
信息介绍网站
宋亚非
2011/6/1
本网站主要介绍王力宏最新专辑《十八般武艺》的相关信息,包括创作背景、歌词等部分,由于时间紧促,所以只是简要的介绍。
网站程序设计
摘要:
本网站主要对王力宏最新专辑《十八般武艺》的相关信息进行介绍,由于时间仓促,有许多功能都没有实现,十分遗憾,目前实现的功能有:
连接SQLServer数据库从中获得每首歌的歌词,网页转向等功能,预计实现的还有歌曲播放功能和同步歌词功能,但确实是没有时间弄,所以网页的功能很简单,不过作业交完之后,我会继续拓展其功能的。
关键字:
SQL数据库连接网页界面引用页主页
一、网站概述
由于时间紧迫,本网站只有两个页面,引用页和主页:
1.引用页
引用页,就是起到封面的作用,好像摘要一样,但比摘要更加能吸引你的注意,首先从界面风格上吸引用户的注意,拥有友好的界面是提高访问量最直接也是最有效的办法,这是很明显的;其次引用页的内容应该简洁、明了,让用户一眼就能知道这个网站的中心内容是什么,这样用户才会选择去不去浏览,但是引用页上所写的内容,必须要扣住用户的心思,让用户对之感兴趣,然后才能吸引用户浏览下面的东西,所以引用页虽然简单但是及其重要。
2.主页
主页,就是这个网站的核心页面的,是一个类似索引的内容,可以通过主页转向其他页面,主页包括基本上所有的内容,这么大的信息量,如何能简单明了的呈现在用户面前也是及其重要的,所以界面仍然非常重要。
在此次网站程序设计中,我非常地降调界面的重要性,我感觉友好的界面是网站成功的一半,如果没有友好的界面,那么有可能你这个网站根本就无人问津,现在国内的许多网站都缺乏界面的重视,基本上可以说是文字和图片的堆砌,比如说中关村在线,大量的信息堆砌在一个网页上,广告乱闪,无法快速的找到想要的信息,如图1:
图1中关村在线
我简单的总结了一下界面应该具有一下几个特点:
a.简洁性:
让用户一目了然
b.风格的统一性
c.色彩尽量用比较淡一点儿颜色,不可胡乱搭配颜色
d.布局合理
当然,国内网站也有很多界面值得称赞的,例如说魅族官网就符合这些特点,如图2
图2魅族官网
二、工程环境
1.主机环境:
Windows7旗舰版
2.集成开发环境VisualStudio2008SP1
3.数据库SQLServer2008
4.浏览器测试GoogleChrome浏览器
三、网站设计步骤
步骤一:
打开VisualStudio2008新建网站,选择ASP.NET网站,并把网站名称更名为AboutLeeHom,如图:
图3新建网站
步骤二布局设置任意拖放
首先说明一下布局问题,由于在VisualStudio2008中没有“布局”菜单选项,可以在“工具”中的“选项”中的“HTML编辑器”中的“CSS样式表”中勾选“对使用工具箱、粘贴或拖放操作添加的空间,将定位改为绝对定位”,操作如图:
图4实现网页控件的任意拖放
这样就可以实现网页上控件的任意拖放了,大大地方便了网页设计的控件布局问题
准备好这些之后就可以进入正题了,开始我们的引用页的设计
步骤三:
引用页的设计
首先用一张大图作为背景,如图
图5引用页背景图
然后用标签文本在背景图上对网站的中心内容进行简洁的概括,如图:
图6网站标题
图7网站内容概念宣传
在引用页的最后一行用超级链接,“Enter”吸引用户点击进入主页,如图
图8由此引入主页
很显然,既然用“Enter”来引入主页,那么下面就开始对主页进行设计
步骤四:
主页设计
对于主页设计,共有四个模块
1.横幅设计
现在大多数网站就会在这也的最顶部设计一个横幅的东西,上面用一张图片简单的代入全网站的全部内容,如图
图9主页横幅
横幅有两部分组成,一个背景大图和一个小标有“柴米油盐酱醋茶”的小图贴
2.王力宏简介
用图片和文字对王力宏进行简要的介绍,当然不会是非常详细,主要是介绍力宏不为人知的小秘密,如图:
图10王力宏的介绍
3.作者简介
也是有图片和文字组成,主要是介绍我自己的一些信息,包括姓名、班级、学号等信息,如图:
图11网站作者简介
4.专辑相关
主要分为两部分,一部分是对《十八般武艺》这张专辑的概念介绍和引入,如图
图12《十八般武艺》专辑介绍引入
第二部分为专辑歌曲具体介绍,运用SQL数据库文件把歌曲名和对应的介绍和歌词存入数据表中,将数据文件绑定到ListBox中,如图
把存有歌曲名、歌曲简介和歌词的数据库文件添加到项目
图13添加数据库文件到项目
把Listbox绑定数据源,并罗列显示歌曲名,以实现选中某个歌曲时在旁边显示歌曲的相关信息
图14选择数据源
四、网站运行效果
图15引用页
点击“Enter”进入主页,由于主页比较长,多以分上、中、下三部分截图展示
图16第一部分
图17第二部分
图18第三部分
五、心得体会
由于此次时间仓卒,有许多功能都没有实现,比如歌曲播放,用户评论歌曲、同时在线聊天室、游客登录页面等等,有许多上课讲的控件都没有用上,不过我感觉只要能做出好网站不一定就要用很多控件,我会继续完善这个网站的设计的,到时候还要麻烦老师指点一下。
宋亚非
网络082
200800824217
2011年6月2日星期四
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 程序设计