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