实训1-2 制作HTML5百科页面一、 实训目的1. 熟悉HBuilder,熟悉HTML5文档基本格式2. 能够运用HTML5语法基本格式及标记、文本控制标记以及图像标记制作简单的页面。 二、 案例描述制作一个HTML5百科页面“HTML5百科首页.html”,默认效果如图1所示。图1 HTML5百科页面默认效果当在图1所示的页面区域单击时,跳转至“HTML5百科page01.html”页面,效果如图2所示。图2 page01.html页面点击图2所示页面中的“返回”按钮时,返回至首页面;点击“下一页”按钮时,跳转至“HTML5百科page02.html”页面,效果如图3所示。图 3 page02.html页面点击图3所示页面中的“返回”按钮时,返回至首页面;点击 “上一页”按钮时,跳转至“HTML5百科page01.html”页面。三、 案例分析为了提高网页制作的效率,每拿到一个页面的效果图时,都应当对其结构和样式进行分析。下面,将分别针对首页面、page01页面及page02页面进行分析。1. 首页