JSP制作静态网页.pptVIP

JSP制作静态网页 主要内容 1 制作网站的原型 2 制作注册页面 2.1 HTML的常用标签 2.2 CSS简介 2.3 使用HTML＋CSS制作注册页面 2.4 JavaScript简介 2.5 为注册表单添加JavaScript验证 1 制作网站的原型 这里给出了几个主要页面的原型： 1 制作网站的原型 前台首页（帖子列表显示页面）原型： 1 制作网站的原型 帖子详情页面的原型： 1 制作网站的原型 发表新帖页面的原型： 2 制作注册页面 为了给新会员提供一个注册页面，我们需要完成以下任务： 　使用HTML＋CSS制作输入页面 　使用JavaScript完成输入数据的前端验证 下面介绍HTML、CSS以及JavaScript的基础知识。 2.1 HTML的常用标签 1. 表格系列标签table trtd.../td/tr/table 该系列的标签可在页面上绘制由行和列组成的表格，并在单元格中显示文字、超链接、图片等其它元素。 table/table标签对表示一个表格 tr/tr标签对表示表格中的一行 td/td标签对表示行中的一个单元格，标签对之间的内容显示在该单元格中 th/th标签对表示标题行中的一个单元格，一般为居中加粗显示。 caption/caption标签对显示在表格上方或下方的表格标题 2.1 HTML的常用标签 例5.1 的主要代码: body table border=1 cellspacing=0  cellpadding=5 captionCD库存表/caption trth歌星/thth库存量/th th单价/th /tr tr td张学友/tdtd1200/tdtd120.00元/td /tr tr td李克勤/tdtd680/tdtd80.00元/td /tr /table /body 2.1 HTML的常用标签 例5.2 表格标签的跨行跨列示例 body table border=1 width=300 tr align=center td colspan=2星期一/td /tr tr td align=center上午/td td下午/td /tr tr td语文/td td数学/td /tr /table /body 2.1 HTML的常用标签 2. 表单系列标签 form标签 　格式：form action= method= name= /form 　form标签对表示一个表单的开始和结束，属性说明： action属性：表示接收本表单数据的资源名称 method属性：表示提交数据的方式，可取post或get值，默认值是get。取get方式时，提交的数据将附在网页地址(即url)后提交给接收页面。 name属性：表示该表单的名称，若无需要可以省略。 2.1 HTML的常用标签 input标签 　格式：input type= name= id= value= 　input标签是最常用的输入标签，其属性说明如下： name属性表示该输入元素的名字，也即向服务器提交的请求参数的名称，通常应起一个有意义的名字； id属性表示该元素在页面中的唯一标识名，CSS可以通过id来控制该元素的样式，而JavaScript代码也是通过id来查找页面上的某个元素的。一般来说，在不引起混淆的情况下，可以将name和id设为相同的值。 value属性表示该输入元素的初始值，默认值为空字符串。 2.1 HTML的常用标签 input标签的type属性可取不同的值，在页面上表现为不同的形态，如右表所示 。 2.1 HTML的常用标签 select标签 格式： select name=名称 ???option selected value=取值1选项1/option option选项2/option /select 2.1 H