ASPNET软件开发案例教程任务八.pptVIP

《ASP.NET软件开发案例教程》 任务八 网络在线考试系统界面设计 任务描述 　　本工作任务讲述网页设计与布局的相关知识并完成网络课程在线考试系统中主要页面的设计工作，网络在线考试系统的主要界面包括：系统首页面、登陆页面、考生考试主页面、管理员管理主页面。 　　通过对于HTML语言、CSS、页面定位与布局、XML语言及TreeView控件、站点地图、SiteMap、HTML控件、标准服务器控件的学习，结合母版页知识在本任务中主要由项目组中软件设计人员完成登录页面、管理员管理主页面设计。 任务分析 　　掌握HTML语言、CSS、页面定位与布局、XML语言，TreeView控件、站点地图、SiteMap、HTML控件、标准服务器控件，母版页的相关知识之后，通过系统首页面及登录页面的实现过程讲解软件开发过程中的界面设计方法及步骤，掌握Web页面设计布局的相关知识和技能。 在完成考生考试主页面的设计后在管理员管理主页面设计中通过使用TreeView控件为管理员管理主页面制作树形目录，使用Menu空间为管理员管理主页面制作动态菜单，使用SiteMapPath控件为在线考试系统制作站点导航并使用ASP.NET基本控件完成网络在线考试系统的母版制作。 　　通过本任务的实施，掌握HTML语言、CSS、页面定位与布局、XML语言的基本用法及TreeView控件的用法，SiteMapPath控件的用法、HTML控件、标准服务器控件以及使用各种控件来完成母版页的设计。 任务准备 1. HTML 　　每个HTML的文档都由首部（head）和主体（bady）两个主要部分组成，主体紧接在首部的后边。标记head和/head之间的内容构成文档的首部，head标记符中也可以包含其他标记符，例如标题标记符title、样式标记符style、脚本语言标记符script等。首部用于设置HTML文件的标题、作者等信息，这些信息都不会显示在浏览窗口内，也可以省略此标记。标记body和/body之间的内容构成HTML的主体部分，网页中所有内容，包括文字、图片、连接以及其他页面元素都包含在该标记符内。 　　从一个网页访问另一个网页或该网页中的某个位置，可以采用超链接实现。定义超链接的标记符是a。a和/a之间的内容为显示的信息，href属性后的值为连接的URL。 任务准备 2. CSS 　　层叠样式表，简称CSS（Cascading Style Sheets）,它可以控制网页中一个或多个元素的外观。由于改变样式表中任何一个元素的显示样式，网页中所有与该样式级联的元素都会自动发生改变，因为使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来很大的方便。 　　样式是指每一个网页元素呈现在浏览器中的风格，比如字体的大小、颜色、页面的背景色、背景图等。 　　样式文件的扩展名为“.css”，文件中每个样式的一般格式为： 　　样式定义选择符｛样式属性1：值1；样式属性2：值2；......｝ 任务准备 　　例如，样式文件MyStyleSheetl.css的内容为： 　　body 　　　　｛ 　　　　　　background-color#33bb66; 　　　　　} 　　h1 　　　　 { 　　　　　　font-size:30pt 　　　　　　color:Blue; 　　　　} 　　h2 　　　　 { 　　　　 font-size:20pt; 　　　　 color:white; 　　　　} 任务准备 2.页面定位与布局 　　表格是网页制作中不可或缺的元素，它除了直接在单元格内显示内容以外，还可以将整个页面划分成若干个独立的部分，精确定位文本、图像或其他元素。 表格由行和列组成，行列交叉构成了单元格，如下代码组成一个简单的表格。 table tr td第一行带一单元格/td td第一行带二单元格/td /tr /table 这段代码中，tr/tr表示表格的一行，每一个td/td作为该行的每一列，与该行构成一单元格。 任务准备 　　当网页制作中，需要在一个页面内的某一部分区域中显示另一页面的内容，可以利用页内框架完成这种布局。 页内框架只能在【源】视图下用直接输入代码的方式创建，所需要的是HTML的IFRAME标记，常用格式为： iframe 不支持页内框架浏览器显示的内容 /iframe 　　使用target属性控制超链接的目标文件如何显示的，其取值情况如表所示。 值 含 义 _top 表示目标页面将占用整个浏览器窗口 _self 表示在当前超链接所在的框架中显示目标页面 _blank 表示在一个新的浏览器窗口中显示页面 _parent 表示将目标页面装入当前框架的父框架中，但是