题目
(一)制作一个Android课程介绍的界面
1.需求说明
(1) .使用<div>、<p>、<span>等标签编辑页面，页面整体背景颜色为灰色（#eeeeee）
(2) .课程特色字体颜色为绿色（#5c9815）,设计理念字体颜色为（#F26522）
(3) .课程特色和设计理念每行开头带背景颜色的字体为白色，背景颜色从提供的素材的页面效果图中获取。
(4) .使用外部样式表创建页面样式。
代码
<title>无标题文档</title>
<link href="课程.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>
<div>
<img src="图片素材/title.gif" width="598" height="67">
</div>
<div class="first">
<img src="图片素材/img_01.png" width="288" height="60">
<p><span class="first_1">逆向课程设计：</span> 以企业需求决定课程设计内容，确保训练内容及深度和企业需求一致</p>
<p><span class="first_2">模拟学员学习路线：</span> 强调难点和复杂技能点的反复训练，力求学习效果和学习体验</p>
<p><span class="first_3">互联网作为教学环境：</span> 学员的日常教学和训练均在互联网线上进行</p>
<p><span class="first_4">学习挡板监控网上学习效果：</span> 每个学习阶段设置线上线下测试，严密监控学习效果</p>
<p><span class="first_5">真实开发项目经验积累：</span> 采用专业互联网企业提供的真实项目作为模拟开发</p>
</div>
<div class="second">
<img src="图片素材/img_02.png" width="329" height="65">
<p><span class="second_1">【实用性】—— </span>以就业岗位需求为导向，重点讲解企业80％的时间在使用的20％的技术</p>
<p><span class="second_2">【权威性】—— </span>与来自百度等知名企业的专家联合开发</p>
<p><span class="second_3">【专业性】—— </span>引进业内资深人才和典型行业开发项目</p>
<p><span class="second_4">【真实性】—— </span>在互联网真实环境下进行教学和训练</p>
<p><span class="second_5">【易学性】—— </span>在线培训模式，24小时专家在线解答疑难问题</p>
<p><span class="second_6">【完整性】——</span> 利用SNS虚拟社区：学习、人脉双丰收</p>
</div>
</div>
</body>
css代码
body
{
background-color:#eeeeee;}
.first
{
color:#5c9815;}
.second
{
color:#F26522;}
.first_1
{
background-color:#005550;
color:#FFF;}
.first_2
{
background-color:#007F39;
color:#FFF;}
.first_3
{
background-color:#007FAD;
color:#FFF;}
.first_4
{
background-color:#0065B3;
color:#FFF;}
.first_5
{
background-color:#012561;
color:#FFF;}
.second_1
{
color:#FFF;
background-color:#F96F1A;}
.second_2
{
color:#FFF;
background-color:#B91416;}
.second_3
{
color:#FFF;
background-color:#DD3163;}
.second_4
{
color:#FFF;
background-color:#A10430;}
.second_5
{
color:#FFF;
background-color:#513169;}
.second_6
{
color:#FFF;
background-color:#511562;}
效果图
image.png
网友评论