.NET课程学习总结报告.docVIP

哈尔滨理工大学 ASP.NET课程学习总结报告 题　　目：　 书城网站的用户界面设计 班　　级： 计算机11 学　　号：　　　 1104010 姓　　名：　　　 指导教师：　　　　　　　 系主任： 2014年5月11日 目 录 1案例分析 1 1.1 技术分析 1 2功能模块 2 2.1功能实现 2 2.2模块划分 2 2.3 整体界面展示（独家版权） 3核心代码 4 3.1主题代码 4 3.2母版页代码 4 3.3用户控件代码…………………………………………………………..…..4 3.4 导航地图代码………………………………………………4 4心得总结 5 4.1遇到的问题 5 4.2解决办法 5 1案例分析 技术分析 一．主题： 技术要点：1.界面布局通过div实现。 2.建立网站的主题，将网站的界面素材复制到主题目录下。 3.在主题中添加外观文件SkinFile.skin，定义按钮的外观。 4.在主题中添加样式表文件All.css，定义各div的样式。 二．母版页： 技术要点：1.建立母版页，利用div进行布局。 2.公共部分包括题头，主菜单区，分类菜单区，左区，导航区和页脚区。 3.内容区为变化部分，放置一个内容占位空间，以便被内容页替换。 4.使用前面设计好的主题。 三．用户控件： 技术要点： 1.建立3个用户控件文件：MainMenu.ascx、UserLogin.ascx和FindBook.ascx。 2.MainMenu.ascx中使用HyperLink控件进行导航。 3．UserLogin.ascx中使用MultiView控件来呈现不同的状态。 四．网站地图与页面导航： 技术要点: 在站点的根目录下建立一个站点地图文件Web.sitemap。 在母版页的导航区放置一个SiteMapPath控件。 2功能模块 2.1功能实现 主题，母版页的创建和使用方法。 用户控件的原理及书城网站的用户控件设计。 网站地图与页面导航及其在书城网络中的应用。 2.2模块划分 外观文件 创建母版页 主题 级联样式表 母版页 创建内容页 主题中的图形和其他资源 书城网站的主菜单 使用TreeView 用户控件 用户状态 网站导航 使用Menu 图书查询 使用SiteMapPath 2.3整体界面展示（独家版权） 3核心代码3.1主题代码 body { margin: 0; font-size: 12px; font-family: 宋体,arial; overflow:auto; } p { clear: both; margin: 5px 0 0 0; } a { color: #000080; text-decoration: none; } a:hover { color: #0000ff; } p { clear:both; margin:5px 0 0 0; } #head { height: 65px; background: url(images/head.jpg) 0 0 repeat-x; } #log { height: 65px; background: url(images/log.jpg) 0 0 no-repeat; padding-left: 130px; line-height: 65px; font-size: 30px; } #mainMenu { background-color: #00FFFF; height: 28px; width: 100%; line-height: 28px; text-align: center; } #cat