[01第一讲html编程技术.pptVIP

第一讲 HTML编程技术 *** 本讲要点 *** 课程介绍 课程地位 学习内容 学习方法 HTML编程技术 HTML文件执行过程 HTML文件结构 HTML常用标记 课程介绍－本课程的地位 “Java软件工程师”之路的第二步 课程介绍－学习内容 本课程要讲授的主要内容与最终目标 Web应用客户端编程技巧 Html/Css/JavaScript JSP+JavaBean Servlet应用 项目实训（目标：用JavaWeb知识解决实际问题的能力） 主要开发环境 记事本与DW NetBeans5.5.1 SQLServer数据库 JDK1.6＋Tomcat应用服务器 参考资料 《JavaWeb开发详解》，孙鑫，电子工业出版社 《NetBeans－Java桌面、Web与企业级应用开发详解》，吴亚峰，人民邮电出版社 课程介绍－学习方法与要求 学习方法－多练习 编程训练 阅读理解代码（调试验证可以帮助理解） 模仿编写代码（在模仿中总结创新） 项目开发训练 应用训练 学习要求 按时完成书面作业：核心代码写到作业本上 认真完成上机作业：上机带作业本 学习管理 学习团队制度，每班设置10个团队，以团队为单位学习互助，共同完成学习训练任务。 课程考核方法 平时作业30%、项目实训30%、期末笔试40% 2.1 HTML文件执行过程 浏览器从服务器提取HTML文件 浏览器本地加载HTML文件（P11） 只能调试Html/CSS/JavaScript编写的程序 2.2 HTML文件结构 html/html是HTML文件的根标记 头 head/head 对当前网页进行说明和声明的信息 title/title标题 体 body/body 决定网页显示效果 2.3 HTML常用标记 HTML：HyperText Markup Language HTML文档是由标记组成的文档 HTML标记大部分开始标记与结束标记成对出现，也有个别标记没有结束标志。很多标记是有参数的，参数只能出现在开始标记中。 HTML常用标记 结构化标记:描述Web页的整体结构 html/html head/head title/title body/body 文本标记：编排文本内容的布局和格式 列表标记：以列表的形式显示文本 表格标记：将要显示的内容以表格的形式组织 表单标记：创建数据条目表 META 标记 META 标记是一个特殊的 HTML 标记，提供有关网页的信息，如作者姓名、联系信息等（P13） name属性通常用于描述，http-equiv属性用于设置 例如，要将 Peter 指定为作者，则使用以下 META 标签： 2.3.1 图像标记img IMG 标签用于在 HTML 文档中插入图像，常用属性 src：src 属性用于指定要插入的图像位置。 align：属性用于指定图像相对于文本的对齐方式。 boder：指定图片边宽 height：图片高，width：图片宽 图像标记实例 2.3.2 超级链接a/a a有两个重要属性 href：目标网页 target：显示目标网页内容的窗口 2.3.3换行br、分段p、字体font 只要在文本中放入 BR 标签，就会强制换行 段落标签 使用字体和属性 2.3.4 列表ulol和标题h1…h6 有序列表 ol 标题h1…h6 2.3.5 DIV 、 SPAN 、pre 2.4 HTML中的表格tablethtrtd 表格的基本结构 表格实例 表格的标题 特殊表格的构造 在实际应用时，经常用到特殊的表格，如图所示 td标记的rowspan属性与colspan属性可以解决问题。 2.5 HTML表单 表单的用途 在用户注册某种服务或活动时收集姓名、地址、电话号码、电子邮件地址和其他信息 在用户购买商品时收集信息 表单输入元素-1 2.6 HTML窗口切分framesetframeiframe 框架网页 frameset父标记 属性cols：对窗口进行左右划分，如：cols=20,30%,*将窗口分为左、中、右三个子窗口 属性rows：对窗口进行上下划分，如：rows=30,*将窗口分为上下两个子窗口 可以嵌套使用，从而对子窗口进一步分割 frame子标记 属性name：子窗口的名字 属性src：子窗口的链接目标 属性noresize：窗口尺寸固定 框架网页与普通网页的最大区别：无body标记 例：窗口切分 浮动窗口 浮动窗口 iframe：网页上的浮动窗口 小结 HTML 常用标签 图像img，超级链接a href=…/a 分行、分段、字体 列表：有序、无序、标题 表格 表单 窗口拆分 实训一 HTML编程技术应用 训练目的 通过本次技能训练，使学生掌握Web服务器安装与环境配置。 训练内容 在记事