第20课组建网站跟我做任务单　 2024—2025学年人教版（2024）初中信息科技七年级全一册.docxVIP

人教版2024初中信息科技七年级全一册·第四单元校园活动线上展

第20课组建网站跟我做任务单

姓名：班级：

学习目标：

学习目标：

熟悉超链接的用法，能将分散的页面组织起来。

知道评测网站需要关注的因素。

能选择适当方式展示网站

学习活动一：表格标签运用

任务要求：使用HBuliderX打开“实践活动1——表格标签.html”，修改代码，构造3行4列的表格，具体表格呈现内容如图所示，保存修改后的代码

源代码

实现效果

html

tableborder=1

tr

td单元格1/td

td单元格2/td

/tr

tr

td单元格3/td

td单元格4/td

/tr

/table

/html

学习活动二：网站图像超链接

任务要求：使用HBuliderX打开“学生作业-待完善”文件夹中的“index.html”，补全代码缺失部分①②，实现功能：1、点击机器狗图片打开page1.html网页；2、点击风力发电图片打开page3.html网页

源代码

html

h1科技节/h1

style

td{

padding:10px;/*单元格内边距*/

text-align:center;/*水平居中*/

vertical-align:middle;/*垂直居中*/

background-color:#f0f0f0;/*背景颜色*/

}

tableimg{

max-width:200px;/*设置最大宽度*/

max-height:200px;/*设置最大高度*/

object-fit:contain;/*保证图片完整显示，可能会有空白区域*/

/style

tableborder=1

tr

td3D打印/td

td机器狗/td

td风力发电/td

/tr

tr

td3D打印是快速成型技术的一种，又称增材制造。/td

td机器狗不仅仅可以爬山涉水，还可以承载较重的货物。/td

td风力发电是指把风的动能转化为电能。/td

/tr

tr

tdahref=page2.htmlimgsrc=images/3D.jpg/a/td

td①/td

②

/tr

/table

/html

学习活动三：网站文本超链接

任务要求：使用HBuliderX打开“学生作业-待完善”文件夹中的“page2.html和page3.html文件”，补全代码缺失部分①，实现功能：1、在机器狗网页通过点击“主页”文件返回网站主页；2、在风力发电网页通过点击“主页”文件返回网站主页

3D打印网页代码

html

head

title校园科技节/title

style

body{

background:linear-gradient(180deg,rgba(122,208,237,1)0%,rgba(235,241,255,1)53%);

}

h2{

font-family:黑体;

font-size:50px;

color:#DB7093;

}

h1{

font-family:黑体;

font-size:40px;

color:#DB7093;

}

p{

color:#000000;

font-family:隶书;

font-size:24px;

text-indent:2em;

text-width:400px;

margin-right:50px;

margin-left:50px;

}

/style

/head

body

center

h2科技节体验项目——/h2h13D打印/h1

/center

p/pp/p

p3D打印，即三维打印，是一种以数字模型文件为基础，运用金属或塑料等粉末材料以及黏合剂，通过逐层打印的方式来构造物体的技术。当三维打印机为小型化的设备时，此技术称为桌面三维打印。/p

center

imgsrc=images/3D.jpgwidth=348

p/p

/center

p/p

center

①

/center

/body

/html

风力发电网页代码

html

head

title校园科技节/title

style

body{

background:linear-gradient(180deg,rgba