2024年4月21日发(作者：电脑锁屏设置在哪)
实训1-2 制作HTML5百科页面
一、 实训目的
1.
熟悉HBuilder,熟悉HTML5文档基本格式
2.
能够运用HTML5语法基本格式及标记、文本控制标记以及图像标记制作简单的页面。
二、 案例描述
制作一个HTML5百科页面“HTML5百科—首页.html”，默认效果如图1所示。
图1 HTML5百科页面默认效果
当在图1所示的页面区域单击时，跳转至“HTML5百科—”页面，效果如图2所
示。
1
图2 页面
点击图2所示页面中的“返回”按钮时，返回至首页面；点击“下一页”按钮时，跳转至“HTML5
百科—”页面，效果如图3所示。
图 3 页面
点击图3所示页面中的“返回”按钮时，返回至首页面；点击 “上一页”按钮时，跳转至“HTML5
百科—”页面。
三、 案例分析
为了提高网页制作的效率，每拿到一个页面的效果图时，都应当对其结构和样式进行分析。下面，
将分别针对首页面、page01页面及page02页面进行分析。
2
发布者：admin，转转请注明出处：http://www.yc00.com/xitong/1713687519a2298526.html
评论列表（0条）