第3章HTML与页面设计幻灯片课件.pptVIP

第3章 HTML与页面设计;本章要点及学时安排;教学内容;3.1 HTML简介;;3.3 在HTML网页中使用超链接;3.3 在HTML网页中使用超链接;3.4 在HTML网页中使用图片;3.4.1 将图片插入HTML网页;3.4.2 指定图片区域设定超链接;2.图片的热区链接 除了对整幅图像设置超链接外，还可以将图像划分为若干区域，叫做“热区”，每个区域可设置不同的超链接。 包含热区的图像可以称为“映射图像” ，需要使用img标记的usemap属性，定义图像的映射图像名，语法格式为： img src = 图像文件地址 usemap = 映射图像名称 在图像中定义各个热区以及超链接，主要语法为： map name = 映射图像名称 area shape = 热区形状1 coords = 热区坐标1 href = 链接地址1 …… /map ;其中area标记有两个重要属性： shape属性，用来定义热区形状。 coords属性，用来定义矩形、圆??或多边形区域的坐标。 ;3.5 在HTML网页中使用表格;3.5 在HTML网页中使用表格;3.5.1 建立一个HTML网页表格;3.5.1 建立一个HTML网页表格;3.5.2 设定表格行;;3.5.3 在表格中加入单元格及其内容;3.5.3 在表格中加入单元格及其内容;3.6 在HTML网页中设定框架;3.6.1 框架的基本结构;框架基本语法的说明 外层标记是frameset和/frameset，用来定义主文档中有几个框架、并且各个框架是如何排列的，定义的方法是使用cols属性或rows属性。使用frameset标记时，这两个属性必须至少选择一个。 所有的框架按照rows和cols的值从左到右、然后从上到下排列。 frame标记放在frameset和/frameset之间，用来定义某一个具体的框架。frame标记具有src和name属性，这两个属性一般都需要赋值。src是此框架要显示的HTML文件名（包括路径），name是此框架的名字。;2.框架的嵌套 在外层框架的定义中，再插入frameset、/frameset定义框架，取代某一个外层框架的定义，这就是框架的嵌套。 【例3-6】使用嵌套框架,显示结果如下:;3.6.2 浮动框架;3.7 在HTML网页中建立表单;3.7 在HTML网页中建立表单;3.7.1 文本框;3.7.2 单选按钮和复选框;(2) 复选框 语法为： input type = checkbox name = 控件名称 value = 复选框的值 checked type = checkbox：说明该控件是一个复选框； name：同一页面中，不同的复选框应有不同的名称； value：当用户选择该复选框后，传送到程序中的值； checked：表示该复选框初始就处于被选中状态。;3.7.3 下拉列表框;3.7.4 按钮;【例3-8】使用提交和重置按钮 （单击“提交”按钮，将出现Example3-8a.html提交页面。单击“重置”按钮，将清空对“姓名”的输入和“喜欢的运动”的选择。） ;3.8 HTML和ASP.NET;3.8 HTML和ASP.NET;3.9 设计学生管理信息系统用户主页面;3.9.1 设计主体框架页面;3.9.2 设计添加学生信息页面