整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
动目标：
1、知道年画和春联是迎新年时用地吉祥物，它们预示着人们对新年地美好祝愿。
2、在了解年画和春联的特点上，能创编春联，能用喜庆的色彩绘画年画。
3、在欣赏的过程中，萌发幼儿对传统文化的喜爱。
活动准备：
PPT课件
配套课件：大班社会课件《年画和春联》PPT课件
下载地址：kj.qulaoshi.com/ppt/2144.html
活动过程：
一、看PPT图片观察人们迎新年的场面，体会过年的喜悦之情。
师：他们在干什么?看了你有什么感觉?
三、欣赏年画(出示PPT)
师：过年时，除了春联可以表示喜庆，还可以用年画来表示喜庆气氛。
师：看一看，这些年画画了什么?它们表示什么意思?
小结：年画和春联都是中国人在迎新年时用的吉祥物。年画是用画面来表达美好祝愿，而春联是用文字的形式表达的。
四、幼儿创作年画
总结：
1、将幼儿创作的年画和春联展览出来。
2、带领幼儿读一读春联。
天，农历大年三十，你家的春联准备好了吗？别急！戳链接，你将收获大大的惊喜↓↓↓
https://tu.qq.com/websites/chunlian2018/index.html
有朋友试了试，分别得到了这样一副“春联”↓
明白了吧？这些“春联”，都是习近平总书记讲话中的金句。还在等什么，快来试试吧！（人民日报微信公众号）
、 带有图片列表的及文字数不同的导航的网页制作
1. 使用photoshop将网页中需要的图片截取下来（这里就不再多说）
2. 制作网页的头部
HTML代码：
<header class="header w">
<h1>人民网-体育</h1>
</header>
CSS代码：
/*全局样式*/
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-size:12px;
font-family:微软雅黑,microsoft yahei;
}
ul,ol{
list-style:none;
}
img{
border:none;
}
a{
text-decoration:none;
color:#003665;
}
.w{
width:980px;
margin:0auto;
}
.header{
height:64px;
}
.headerh1{
height:64px;
width:193px;
background: url(../img/logo1.jpg) no-repeatleftcenter;
font-size:0;
}
页面显示效果：
3. 制作网页的导航
HTML代码：
<nav class="nav">
<div class="w">
<ul>
<li><a href="#">往前</a></li>
<li><a href="#">往前</a></li>
<li><a href="#">往前</a></li>
<li><a href="#">往前</a></li>
<li><a href="#">往前顺是</a><img src="img/new.png" alt="new"></li>
<li><a href="#">往前</a></li>
<li><a href="#">往前</a></li>
<li><a href="#">往前</a></li>
<li><a href="#">往前吉中</a></li>
<li><a href="#">往前</a><img src="img/new.png" alt="new"></li>
<li><a href="#">往前</a></li>
</ul>
</div>
</nav>
CSS代码：
.nav{
width:100%;/*通栏导航需要加100%的宽*/
height:42px;
line-height:34px;
background:#cc0000;
border-top:5pxsolid#700000;
border-bottom:3pxsolid#000;
}
.navli{
float:left;
padding:021px020px;/*字数不一样需要添加背景的导航的制作，使用padding*/
/*字数一样的导航需要添加背景的导航的制作，使用padding或者width都可以*/
/*字数一样或者不一样的导航的不需要添加背景的，使用padding或margin或width*/
background: url(../img/line.jpg) no-repeatrightcenter;
font-size:14px;
position:relative;
}
.navli:last-child{
background:none;
}
.navlia{
color:#fff;
}
.navlia:hover{
color:#ff0;
}
.navliimg{
position:absolute;
left:-2px;
top:-32px;
}
显示效果：
*请认真填写需求信息，我们会在24小时内与您取得联系。
