欢迎来到天天文库
浏览记录
ID:41552636
大小:101.51 KB
页数:24页
时间:2019-08-27
《网站贴吧实训总结》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、网站卄农实初俱乐部论坛系统开发总结学生姓名专业班级学号院(系)指导教师完成时间2011年12月1H1・实习目标32.实习项目33•设计说明书33.1XHTML+CSS进行网页界面布局33.1.1盒模型(BoxModel)33.1.2Float属性43项目开发计划63.1ASP.NET动态网站开发63.2.1母版页63.2.2访问数据库63.2.3数据验证63.2.4注册登录功能63.3SQLServer74.分析及设计74.1需求设计74.2数据库架构设计74.3界面设计94.4网站具体制作与代码编写94.4.1创建数据库94.4.2创建母版页114.4.
2、3仓U建登录页与注册页124.4.4制作发新帖页124.4.5实现文本框验证194.4.6使用QueryString进行页面间参数传递204.4.7创建管理页面204.4.8错误处理页面214.5测试截图224.实验心得241.实习目标通过网站的开发,熟悉掌握XHTML+CSS、ASP.NET、SQLServer相关知识与技能的综合应用,经历一个实际项目的分析、开发与测试。2.实习项目实习项目要求利用ASP.NET(VisualStudio2008)完成一个俱乐部网站的开发。本俱乐部网站可以使用户注册、登录,登录用户可以对文章进行评论。俱乐部工作人员可以在
3、后台进行文章的发布、编辑并对用户评论进行管理。沃克俱乐部(WalkerClub)要求能够有一个论坛,使俱乐部成员通过网站进行有关健走活动、户外旅游等加强交流与沟通,同时也通过俱乐部网站扩大自己的影响力,以吸引更多的人参加俱乐部,培养健康的生活方式。俱乐部对论坛的要求是:•论坛内容对所有人开放;•只有俱乐部会员可以发帖及发评论;•俱乐部有专门维护人员,可以对论坛的帖子进行管理;3•设计说明书3.1XHTML+CSS进行网页界面布局在动态网站的开发中,手工进行XHTML代码编写的情况是很少见的,但利用XHTML+CSS进行网页布局与展示,是网站设计必须的基木功
4、之一。由于CSS的应用,网页布局现在不再使用表格的方式对网页进行布局,而是利用CSS中的盒模型和XHTML中的DIV标签,对网页进行布局,这种网页的布局办法也被称为DIV+CSSo3.1.1盒模型(BoxModel)网页设计中的每个元素都是一个矩形盒。在CSS中,进行设计利布局时,会用到盒模型。CSS盒模型从木质上來说是环绕在XHTML元素周围的方框,它由外边距、边框、内边距和实际内容组成。盒模型允许放置元素周囤的边框及周囤相关元素。图1阐释了盒模型:HeightBoundaryofcontenttontainerWidth-I-MarginPadding
5、Border图1css盒模型为了能在所有的浏览器中正确地设置元素的宽(Width)和高(height),需要了解盒模型的工作原理。当一个元素的宽和高被CSS定义后,它设置的仅仅是内容区域的宽度和高度。元素(盒)的总宽度还包括内边距(padding)>边框(border)和外边距(margin),如下例子中元素的总宽度为300px•element1{width:250px;padding:lOpx;border:5pxsolidgray;margin:lOpx;}计算过程如下:250px(宽度)+20px(左右内边距)+10px(左右边框)+20px(左右外
6、边距)=300px元素(盒模型)的总宽度与总高度应当这样计算:盒的总宽度=width+padding-left+padding-right+border-left+border-right+margin-left+margin-right盒的总高度=height+padding-top+padding-bottom+border-top+border-bottom+margin-top+margin-bottom3.1.2Float属性XHTML的div元素所形成的盒子(box),默认情况下,是垂直分布的,即水平方向只能有一个盒子,另外一个盒子只能排列在前
7、一个盒子的下方,在CSS术语屮,这种元素叫做块级元素(BlockElements),hl^p这些元素都是块级元素;默认情况下可以在水平方向分布的元素,被称作行内元素(InlineElements),如span、a都是行内元素。如例1。例1块级元素与行内元素
8、水平方向可以并行出现两个或者两个以上的例子,需要使用CSS的flo
此文档下载收益归作者所有