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

本网站主要介绍王力宏最新专辑?十八般武艺?的相关信息，包括创作背景、歌词等局部，由于时间紧促，所以只是简要的介绍。

网站程序设计
摘要：本网站主要对王力宏最新专辑?十八般武艺?的相关信息进行介绍，由于时间仓促，有许多功能都没有实现，十分遗憾，目前实现的功能有：连接SQLServer数据库从中获得每首歌的歌词，网页转向等功能，预计实现的还有歌曲播放功能和同步歌词功能，但确实是没有时间弄，所以网页的功能很简单，不过作业交完之后，我会继续拓展其功能的。
关键字：SQL数据库连接网页界面引用页主页
网站概述
由于时间紧迫，本网站只有两个页面，引用页和主页：
引用页
引用页，就是起到封面的作用，好似摘要一样，但比摘要更加能吸引你的注意，首先从界面风格上吸引用户的注意，拥有友好的界面是提高访问量最直接也是最有效的方法，这是很明显的；其次引用页的内容应该简洁、明了，让用户一眼就能知道这个网站的中心内容是什么，这样用户才会选择去不去浏览，但是引用页上所写的内容，必须要扣住用户的心思，让用户对之感兴趣，然后才能吸引用户浏览下面的东西，所以引用页虽然简单但是及其重要。
主页
主页，就是这个网站的核心页面的，是一个类似索引的内容，可以通过主页转向其他页面，主页包括根本上所有的内容，这么大的信息量，如何能简单明了的呈现在用户面前也是及其重要的，所以界面仍然非常重要。
在此次网站程序设计中，我非常地降调界面的重要性，我感觉友好的界面是网站成功的一半，如果没有友好的界面，那么有可能你这个网站根本就无人问津，现在国内的许多网站都缺乏界面的重视，根本上可以说是文字和图片的堆砌，比方说中关村在线，大量的信息堆砌在一个网页上，广告乱闪，无法快速的找到想要的信息，如图1：

图SEQ图\*ARABIC1中关村在线
我简单的总结了一下界面应该具有一下几个特点：
简洁性：让用户一目了然
风格的统一性
色彩尽量用比拟淡一点儿颜色，不可胡乱搭配颜色
布局合理

当然，国内网站也有很多界面值得称赞的，例如说魅族官网就符合这些特点，如图2

图SEQ图\*ARABIC2魅族官网
工程环境
主机环境：Windows7旗舰版
集成开发环境VisualStudio2021SP1
数据库SQLServer2021
浏览器测试GoogleChrome浏览器
网站设计步骤
步骤一：
翻开VisualStudio2021新建网站，选择ASP.NET网站，并把网站名称更名为AboutLeeHom，如图：

图SEQ图\*ARABIC3新建网站
步骤二布局设置任意拖放
首先说明一下布局问题，由于在VisualStudio2021中没有“布局〞菜单项选择项，可以在“工具〞中的“选项〞中的“HTML编辑器〞中的“CSS样式表〞中勾选“对使用工具箱、粘贴或拖放操作添加的空间，将定位改为绝对定位〞，操作如图：

图SEQ图\*ARABIC4实现网页控件的任意拖放
这样就可以实现网页上控件的任意拖放了，大大地方便了网页设计的控件布局问题
准备好这些之后就可以进入正题了，开始我们的引用页的设计
步骤三：引用页的设计
首先用一张大图作为背景，如图

图SEQ图\*ARABIC5引用页背景图
然后用标签文本在背景图上对网站的中心内容进行简洁的概括，如图：

图SEQ图\*ARABIC6网站标题

图SEQ图\*ARABIC7网站内容概念宣传
在引用页的最后一行用超级链接，“Enter〞吸引用户点击进入主页，如图

图SEQ图\*ARABIC8由此引入主页
很显然，既然用“Enter〞来引入主页，那么下面就开始对主页进行设计
步骤四：主页设计
对于主页设计，共有四个模块
横幅设计
现在大多数网站就会在这也的最顶部设计一个横幅的东西，上面用一张图片简单的代入全网站的全部内容，如图

图SEQ图\*ARABIC9主页横幅
横幅有两局部组成，一个背景大图和一个小标有“柴米油盐酱醋茶〞的小图贴
王力宏简介
用图片和文字对王力宏进行简要的介绍，当然不会是非常详细，主要是介绍力宏不为人知的小秘密，如图：

图SEQ图\*ARABIC10王力宏的介绍
作者简介
也是有图片和文字组成，主要是介绍我自己的一些信息，包括姓名、班级、学号等信息，如图：

图SEQ图\*ARABIC11网站作者简介
专辑相关
主要分为两局部，一局部是对?十八般武艺?这张专辑的概念介绍和引入，如图

图SEQ图\*ARABIC12?十八般武艺?专辑介绍引入
第二局部为专辑歌曲具体介绍，运用SQL数据库文件把歌曲名和对应的介绍和歌词存入数据表中，将数据文件绑定到ListBox中，如图
把存有歌曲名、歌曲简介和歌词的数据库文件添加到工程

图SEQ图\*ARABI