admin 管理员组

文章数量: 1086019


2024年4月18日发(作者:怎么用python做小游戏)

实训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


本文标签: 页面 标记 制作 基本 分析