第2章 JSP语法基础 2.5 案例ch2.5_include：框架类型网页.pptx

;;;;;;新建Web项目ch2.5_include，然后将素材文件夹内的目录和文件都复制到目录src/main/webapp。

打开并修改页头网页header1.jsp的代码，添加logo图片image/logo.jpg到页面，得到的代码如下，测试网页，预览效果如图2-7所示;页面header1.jsp是从文件，所以不能含有常规网页所含有的诸如html、title、body等HTML页面元素。但由于浏览器具有一定的容错功能，虽然没有这些HTML页面元素，该网页仍然能正常预览。;;;;在文件夹src/main/webapp中新建主文件网页contact1.jsp，修改其代码，应用素材中的文本内容，代码如下。;在样式文件src/main/webapp/css/css.css中定义了一个类样式content，用于修饰网页中的文字，其代码如下;注：修改introduction1.jsp和news1.jsp的代码，网页的测试效果如图2-3、2-4所示;;页头header2.jsp：

在文件夹src/main/webapp/iframe中新建页头网页header2.jsp。将header1.jsp中的代码复制到header2.jsp并适当修改，得到的代码如下，测试网页，预览效果如图2-9所示;页脚footer2.jsp：

打开并修改footer1.jsp的代码，测试网页，预览效果如图2-10所示;;;将contact1.jsp以contact2.jsp为文件名另存到目录src/main/webapp/iframe，修改其代码，最后的代码如下;;创建应用内联框架的网页introduction2.jsp（如图2-12所示）和news2.jsp，网页的测试效果与图2-3、2-4所示基本一致;创建框架类型的网页，应用JSP的include网页指令与应用iframe内联框架，实现方法类似，页面预览效果基本相同。二者的区别如下：

iframe可以用在静态和动态页面，include只能用在动态页面。

iframe是视图级组合，include是代码级组合。

用iframe引入的子页面是独立的网页，子页面和主页面的样式和执行不会互相影响；

应用include包含的从文件将作为主页面的一部分，一起编译执行，样式通用于整个页面。;案例练习：ch2.5ex_includeLeft（含左边导航栏）;页面的测试效果如图2-13至2-15所示，案例的项目文件列表如图2-16所示;;;