WEB课程设计网站建设.doc

湖 南 农 业 大 学 WEB课程设计报告摘要： 3 关键字： 3 一． 设计思路 3 1. 定位网站的主题和名称 3 2. 其次，设计网站的标准字体 3 3. 最后，确定网站的目录结构 3 二． 整体描述 4 1. 本站介绍 4 2. 总结 4 三． 程序清单 5 1. 留言板的所有代码 5 四． 参考文献 8 五． （附）网站截图 9 摘要： 个人网站的制作，主要包括了网站主页，日志列表，新闻系统，相册，留言。主要设计工具使用了Deamweaver 8，其中使用了ASP.NET和JavaScript等脚本语言以及flash等，实现了网页动态显示的效果。 关键字： 个人网站，日志、新闻系统、个人相册、留言 设计思路 定位网站的主题和名称 网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。 网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。 其次，设计网站的标准字体 和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的与众不同和特有风格，我们可以根据需要选择一些特别字体。 然后，确定网站的栏目 建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。最好设立可以双向交流的栏目，比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。 最后，确定网站的目录结构 网站的目录是指你建立网站时创建的目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。不要将所有文件都存放在根目录下，会造成文件管理混乱 ；在每个主栏目目录下都建立独立的images目录，目录是最方便管理的；目录的层次不要太深；不要使用中文目录；不要使用过长的目录 整体描述 本站介绍 本人个人网站整体以蓝色为基调，衬之以蓝色、黄色、灰色。网页标题是 “June’s home”，首页为酷站导航，收集了我认为比较好的网站。为了加强交互性，又增添了留言版块和友情链接。 主页的布局主要展示了本站最新新闻以及近期热点新闻，均是动态刷新的，与后台新闻数据库相连接。下边是更新的日志，中间用相册系统的图片隔开。相片以滚动的形式同样显示最新的作品。主页的本地测试地址为http://localhost/June_home/home.aspx 新闻主页按照类别将新闻分为了若干类，主页显示标题、发布时间和阅读次数，测试地址为http://localhost/June_home/news.aspx 日志列表与新闻类似，介绍暂时省略，测试地址是 http://localhost/June_home/dairy.aspx 相册主页的布局中，使用flash制作，动态加载photo文件夹下面的图片，分为标准图和缩略图。本地测试地址 http://localhost/June_home/photo.aspx 还有就是留言了，留言版块只提供了简单的留言功能，游客可以留下自己的昵称，QQ以及留言内容。留言的本地测试地址是 http://localhost/June_home/message.aspx 为了方便浏览，在每个页面都做了比较动态的flash导航菜单，导航菜单上还带有一个简单的mp3播放器，让浏览者在欣赏网页的同时听到清新的音乐。导航上的旋转按钮可以上浏览者回到自己想要到达的页面，彼此可以任意切换，不必每次都要回到主页，方便、自然。 由于是个人网站，这里省略了注册和会员登陆系统，以后有时间再加上。留言的时候可以任意留言，本站记录的是来客的QQ。 由于时间问题，本站省略了后台管理，很遗憾。不过以后肯定会补上。其实网站还有很多地方需要改进，以后慢慢改进。 总结 整站的大体描述就是这些了，看似很简单，却也花了不少的时间和精力。时间花了很久，主要是界面花了比较长的时间，断断续续，所以拖了很久，个人做事的习惯不是很好，一开始本来打算做一个很好的页面的，但做着做着就力不从心了，只是还是不太熟练。现在起，用心的学一下。其实做网站是我的兴趣，以后的路肯定还很长。我也肯定会好好坚持做下去的。 程序清单 由于篇幅所限，这里主要提供了主要功能和特效的实现代码。 留言板的所有代码 Message.aspx 实现代码如下： %@ Page Language=C# AutoEventWireup=true CodeBehind=message.aspx.cs I