第3章 静态网页开发技术综述.ppt

  1. 1、本文档共46页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第3章 静态网页开发技术综述

Java Web开发技术教程;主要内容;HTML简介 ;HTML标签的结构形态 ;HTML文件结构 ;一个简单的超文本文档的源代码 ;html标签 ;body标签;  一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签Hn,其中n为标题的等HTML总共提供六个等级的标题,n越小,标题字号就越大,以下列出所有等级的标题: H1…/H1     第一级标题 H2…/H2     第二级标题 H3…/H3     第三级标题 H4…/H4     第四级标题 H5…/H5     第五级标题 H6…/H6     第六级标题 【例3-4】hn.html ;p标签和br标签;链接 ; HTML中的表格 ;设置表格的大小 ;HTML表单 ;单行文本编辑框 【功能】 内容本身比较短只有一行,需要用户的输入。 【示例】 input type = text name = username size = 20 密码框 【功能】 输入的内容看不到,但是可以被发送到服务器。 【示例】 input type = password name = pw size = 20 ;单选框 ;复选框 ;多行文本编辑框 【功能】 能够进行多行的文本输入。 【示例】 p请输入你的留言:/p ptextarea rows = 5 name = myarea cols = 30 /textarea /p 下拉列表框select和option 【功能】用户在给出的较多选项中选择一个。 【示例】 pselect size = 1 name = mymenu option selected value = 163 163/option option value=263 263 /option option value=sina sina/option /select/p ;表单提交 ;【功能】 完成表单的提交 【示例】 input type = submit value = 提交 name = B1 其中: type=”submit”是提交按钮的标识 Value是提交按钮的值,同时也是按钮上面显示的内容; Name是按钮的名字,可以根据这个名字获取按钮的值。 【说明】 (1)每个表单中都应该有至少一个提交按钮submit用来完成提交动作;一个表单中可以使用多个提交按钮来完成不同的提交工作。 (2)多个按钮可以使用相同的名字,多个按钮使用同样的名字,但是值不一样,(3)根据值区分不同的按钮;也可是使用不同的名字,根据按钮的名字区分不同的按钮。 ;; JavaScript简介 ;JavaScript的特点 ;JavaScript中的事件;事件处理函数 ;JavaScript对象;String对象;String对象的常用方法 charAt():返回指定位置上的字符(长度为1的字符串)。 indexOf():返回某个指定的字符串值在字符串中首次出现的位置。 ;document对象;prompt()方法运行用户在对话框中输入信息,并可使用默认值,基本格式: prompt(“提示信息”,默认值) document.write()方法和document.writeln()方法用于将文本信息直接输出到浏览器窗口中。 ;window对象是每个窗口或者对话框的顶层对象,是document、location及history对象的父对象。 常用属性: closed:窗口是否关闭。 document:document对象。 history:history对象。 location:location对象。 常用方法: Alert([message]):显示带有警告信息的窗口,并有“确定”按钮。;confirm([Message]):显示带有确认信息的窗口,并有“确定”和“取消”按钮。 focus():使本窗口获得焦点。 open():打开新窗口,显示指定的页面。 prompt([message][,defaultValue]):显示提示对话框,带有提示信息和默认值。 close():关闭当前窗口。 ;将JavaScipt代码加入HTML文件中;P29 项目构思 验证名字是否为空,邮箱是否为空及邮箱地址是否格式正确,确认密码与密码是否一致。 项目设计 (1)在“提交按钮”标签加入onclick=check()”,当单击提交按钮调用Javascript的check()方法。 (2)check()方法检查表单各元素。 (3)如果没有错误,调用方法submit()提交表单。 ;层叠样式表单CSS;层叠样式表单CSS;CSS语句格式 ;编写CSS样式过程 需要注意以下问题;CSS选择符 ;使用html标签的class属性设置值的选择符就是c

文档评论(0)

jiayou10 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:8133070117000003

1亿VIP精品文档

相关文档