网页制作案例教程 课件.pptVIP

3.9.1框架基本结构 框架包含两个部分：框架集和具体的框架文件，其中frameset及/frameset来建立框架集，frame标签建立一个一个子框架，通常一个框架集中可包含多个子框架。 基本的语法格式为： html head /head frameset frame src=url地址1 frame src=url地址2 frameset /html 3.9.2框架分割方式 框架的分割方式有三种，分别是：水平分割、垂直分割和嵌套分割。 1、水平分割 水平分割的方式利用rows属性来实现，语法格式为： frameset rows=”框架窗口1的高度，框架窗口2的高度，……” frame src=”网页1的地址” frame src=”网页2的地址” …… /frameset 2、垂直分割 垂直分割是利用cols属性来设置的，语法格式为： frameset cols=”框架窗口1的宽度，框架窗口2的宽度，……” frame src=”网页1的地址” frame src=”网页2的地址” …… /frameset 其取值含义与rows基本一致。 3、嵌套分割 嵌套分割即在一个页面中，既有水平分割又有垂直分割。语法格式为： frameset rows=”框架窗口1的高度，框架窗口2的高度，……” frame frameset cols=”框架窗口1的宽度，框架窗口2的宽度，……” frame src=”网页1的地址” frame src=”网页2的地址” …… /frameset frame …… /frameset 3.9.3 框架集标签属性frameset 标签frameset的属性 ?案例3-27 基本框架应用 3.9.4设置窗口属性 ?frame是个单标签,frame标签要放在框架集frameset中,frameset设 置了几个子窗口就必须对应几个frame标签，而且每一个frame标签内还必须设定一个网页文件 （src=*.html,其常用属性有: 3.9.5框架与链接 案例3-28 框架与超链接应用 3.9.6浮动窗口iframe iframe标记只适用于IE浏览器。 它的作用是在浏览器窗口中可以嵌入一个框窗以显示另一个文件。 iframe 的参数设定格式： ??? iframe src=iframe.html name=test align=MIDDLE width=300 height=100 marginwidth=1 marginheight=1 frameborder=1 scrolling=Yes 3.10项目案例 学习目标 案例描述 学习HTML基本标签Table、tr、td、img、blockquote、font、a、ol、p、hr、span等的综合应用基础知识 使用Table标签分割基本页面为4行，使用文本、字体、格式化、图像、超链接等其他的HTML基本标签，创建itservice.html页面的原始雏形。 案例要点 table标签划分页面、img、blockquote、font等标签及属性的应用 案例实施 1、创建基本的itservice.html页面 2、使用Table标签分割基本页面为4行，并设置Table标签width、boder属 性。在Table标签的外面使用blockquote标签，定义块引用，使页 面左右缩进，增加页边距 3、在网页当前目录下，建立images文件夹，把网页所用到的图像全部 放置在里面。然后在Table划分的页面中，使用img标签，第一行放公 司logo图像top.gif。 案例实施 第二行设置网页菜单，使用超链接标签a和字体标签font。并在菜单下面使用hr标签设置水平线和p设置段落块。 4、第三行，放置基本文本和图像超链接。 5、第4行，放置公司的版权信息，字体颜色采用了十六进制表示方式 6、双击文件浏览运行效果 3、外部链接 外部链接是指跳转到当前页以外的某个页面上，例如其他网站的页面或网页元素等。 这种链接的URL地址一般