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

本网站主要介绍王力宏最新专辑十八般武艺的相关信息，包括创作背景、歌词等部分，由于时间紧促，所以只是简要的介绍。网站程序设计摘要：本网站主要对王力宏最新专辑十八般武艺的相关信息进行介绍，由于时间仓促，有许多功能都没有实现，十分遗憾，目前实现的功能有：连接SQL Server数据库从中获得每首歌的歌词，网页转向等功能，预计实现的还有歌曲播放功能和同步歌词功能，但确实是没有时间弄，所以网页的功能很简单，不过作业交完之后，我会继续拓展其功能的。关键字：SQL数据库连接 网页界面 引用页 主页一、 网站概述由于时间紧迫，本网站只有两个页面，引用页和主页：1. 引用页引用页，就是起到封面的作用，好像摘要一样，但比摘要更加能吸引你的注意，首先从界面风格上吸引用户的注意，拥有友好的界面是提高访问量最直接也是最有效的办法，这是很明显的；其次引用页的内容应该简洁、明了，让用户一眼就能知道这个网站的中心内容是什么，这样用户才会选择去不去浏览，但是引用页上所写的内容，必须要扣住用户的心思，让用户对之感兴趣，然后才能吸引用户浏览下面的东西，所以引用页虽然简单但是及其重要。2. 主页主页，就是这个网站的核心页面的，是一个类似索引的内容，可以通过主页转向其他页面，主页包括基本上所有的内容，这么大的信息量，如何能简单明了的呈现在用户面前也是及其重要的，所以界面仍然非常重要。在此次网站程序设计中，我非常地降调界面的重要性，我感觉友好的界面是网站成功的一半，如果没有友好的界面，那么有可能你这个网站根本就无人问津，现在国内的许多网站都缺乏界面的重视，基本上可以说是文字和图片的堆砌，比如说中关村在线，大量的信息堆砌在一个网页上，广告乱闪，无法快速的找到想要的信息，如图1：图 1中关村在线我简单的总结了一下界面应该具有一下几个特点：a. 简洁性：让用户一目了然b. 风格的统一性c. 色彩尽量用比较淡一点儿颜色，不可胡乱搭配颜色d. 布局合理当然，国内网站也有很多界面值得称赞的，例如说魅族官网就符合这些特点，如图2图 2魅族官网二、 工程环境1. 主机环境：Windows 7 旗舰版2. 集成开发环境Visual Studio 2008 SP1 3. 数据库SQL Server 2008 4. 浏览器测试Google Chrome浏览器三、 网站设计步骤步骤一：打开Visual Studio 2008新建网站，选择ASP.NET网站，并把网站名称更名为About LeeHom，如图：图 3新建网站步骤二 布局设置任意拖放首先说明一下布局问题，由于在Visual Studio 2008中没有“布局”菜单选项，可以在“工具”中的“选项”中的“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 7 2011年6月2日星期四文档由本人精心搜集和整理，喜欢大家用得上，非常感谢你的浏览与下载。凡本厂职工应热爱电厂、热爱岗位、热爱本职工作，