网站程序设计--信息介绍网站分析.docx

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