2024年春国家开放大学《Python程序设计#》形考任务1-5参考答案.pdf

国家开放大学《Python程序设计#》形考任务1-5参考答案

形考任务1

实训一：设计系统主页作业

1.题目

设计系统主页。

2.目的

(1)熟悉Web前端项目开发环境。

(2)掌握如何建立Web前端项目，学会规划项目结构。

(3)掌握动态生成页面内容的方法。

(4)理解如何使用Flash显示图片新闻。

(5)会在应用系统中编写播放动态新闻的程序。

3.内容

建立项目结构，并设计一个系统的主页，在主页中嵌入Flash播放新闻。

4.要求

(1)建立Web前端项目，规划好程序结构。

(3)可以方便地增减播放的图片新闻数量。

(4)单击图片时能够打开对应的新闻页面。

参考答案：

!DOCTYPEhtml

html

head

metacharset=UTF-8

/head

body

script

//定义新闻数据

constnewsData=[

{

title:新闻1,

imageUrl:news1.jpg,

link:news1_page.html

},

{

title:新闻2,

imageUrl:news2.jpg,

link:news2_page.html

},

//可以根据需要添加更多新闻

];

//生成播放Flash的JavaScript代码

flashCode+=divid=flashContent/div;

flashCode+=script;

flashCode+=varflashvars={};;

flashCode+=varattributes={};;

200,9.0.0,false,flashvars,params,attributes);;

flashCode+=/script;

document.write(flashCode);

//生成新闻列表

newsData.forEach(news={

alt=${news.title}/a);

});

/script

/body

/html

形考任务2

实训二：显示数据列表

1.题目

显示数据列表。

2.目的

(1)掌握流程控制语句的使用。

(2)掌握函数的使用。

(3)理解闭包的概念。

(4)应会设计基本的应用程序。

3.内容

在所设计的项目中，实现显示数据列表。数据以表格的方式显示，不同的行

显示不同的颜色。当单击每行数据的标题时，将会弹出窗口，显示详细信息。

4.要求

(1)数据存放在数组中，用程序实现数据显示。

(2)以闭包的方式定义工具，窗口函数封装在工具中。

(3)通过循环生成数据行，用条件判断实现不同行显示不同的颜色。

参考答案：

!DOCTYPEhtml

html

body

tableid=dataTable/table

script

//数据存放在数组中

constdata=[

];

//定义工具函数，包含窗口函数

consttools=(function(){

functionshowDetails(id){

id).description}`);

}

return{

showDetails:showDetails

};

})();

//生成数据行并添加到表格中

data.forEac