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

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