第九

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>家用电器分类页面的效果图</title>
		<style>
			#changdu{
				width: 300px;
			}
			h2{
				font-size: 18px;
				color: #FFF;
				font-weight: bold;
				line-height: 35px;
				background:-moz-linear-gradient(to bottom,#0467ac,#63A7D6,#B6DBF5) ;
				text-indent: 1em;
			}
			h3{
				background-color:#e4f1fa;
				background: linear-gradient(to bottom ,#e4f1fa,#bddff7,#e4f1fa);
				text-indent:2em;
				font-size: 14px;
				font-weight: bold;
				line-height: 30px;	
			}
			p{
				text-indent: 1em;
				line-height: 26px;
			}
			li{list-style: none;}
			.lianjei1 a{
				color: #0565c6;
				text-decoration: none;
			}
			.lianjei1 a:hover{
				color: blue;
				text-decoration:underline ;
			}
			.lianjei2 a{
				color: #666666;
				text-decoration: none;
			}
			.lianjei2 a:hover{
				color: #f60;
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<div id="changdu">
			<h2>家用电器</h2>
		
			<ul>
				<li>
					<h3 class="lianjei1"><a href="#"/>大家电  </a></h3>
					<p class="lianjei2"><a href="#"> 平板电视</a><a href="#">  洗衣机 </a><a href="#"> 冰箱</a></p>
					<p class="lianjei2"><a href="#"> 空调</a><a href="#">  烟机/灶具  </a><a href="#"> 热水器</a></p>
					<p class="lianjei2"><a href="#"> 冷柜/酒柜</a><a href="#"> 消毒柜</a><a href="#"> 家庭影院</a></p>
				</li>
				<li>
					<h3 class="lianjei1"><a href="#"/>生活电器</a></h3>
					<p class="lianjei2"><a href="#"> 电风扇</a><a href="#">  净化器 </a><a href="#">  吸尘器</a></p>
					<p class="lianjei2"><a href="#"> 净水设备</a><a href="#">  挂烫机 /灶具  </a><a href="#">  电话机</a></p>
				<li>
					<h3 class="lianjei1"><a href="#"/>厨房电器 </a></h3>
					<p class="lianjei2"><a href="#">榨汁机</a><a href="#">   电压力锅 </a><a href="#">  电饭煲</a></p>
					<p class="lianjei2"><a href="#">  豆浆机</a><a href="#">  微波炉</a><a href="#">  电磁炉</a></p>
				</li>
				<li>
					<h3 class="lianjei1"><a href="#"/>五金家装</a></h3>
					<p class="lianjei2"><a href="#">淋浴/水槽</a><a href="#">  电动工具</a><a href="#"> 手动工具</a></p>
					<p class="lianjei2"><a href="#">  仪器仪表</a><a href="#">  浴霸/排气</a><a href="#">  灯具</a></p>
				



				</li>
			</ul>
			
		</div>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东新闻资讯页面</title>
		<style>
			h1{
				font-size: 22px;
				color: #333;
				font-family: arial,"宋体";
				text-align: center;
				text-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
			}
			h2{
				font-size: 18px;
				color: #999;
				line-height: 30px;
				text-align: center;
			}
			p{
				font-size: 14px;
				color: #333333;
				font-family: arial,"宋体";
				line-height: 1.8;
				text-indent: 2em;
			}
			.span{
				font-size: 12px;
				text-align: center;
				line-height: 30px;
			}
			#riqi{color: red;}
			.p-img{text-align: center;}
			.xie{font-style: oblique;}
			.jiachu{font-weight: bold;}
		</style>
	</head>
	<body>
		<h1>看不见的完美硬币 :细节的负担</h1>
		<h2>创新公司皮克斯的启示</h2>
		<hr />
		<p class="span"><span>2015年05月05日</span><span id="riqi"> 17:47</span></p>
		<p class="p-img"><img src="../img/book.jpg"/></p>
		<p class="xie">细节从来都是个好东西,完美的细节往往给我们赢得商业上的胜利。</p>
		<p class="xie">但是,在皮克斯,这一家满是完美主义设计师的企业里,细节竟然成了负担</p>
		<p class="xie">怎么打造完美的细节?又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。</p>
		<p class="jiachu">看不见的完美硬币:细节的负担</p>
		<p>在皮克斯,每一部电影都是商业与艺术的双赢。不管这些电影是艺术作品,还是商品,细节都是至关重要的,是决定成败的关键。人们似乎也听过许多关于细节的胜利的故事,但是在皮克斯,设计师们一个个都是完美主义者,细节显然成了皮克斯的负担。这样的太过于重视细节,往往会伤害到企业该有的效率,最终伤害企业的根本。在完美细节和企业应有的效率面前,艾德·卡特姆做出了明智的决策。</p>
		<p>皮克斯有一个现象,被我们的制片人叫作“看不见的完美硬币(the perfect coin)”,这个词指代的是皮克斯制作人员对细节的精益求精。有时候,被我们的制片人凯瑟琳?萨拉菲安称为“床头柜上一枚没人会注意到的硬币”这样的细节,也会引得我们的工作人员花上几天甚至数周的时间悉心打磨。凯瑟琳是《怪兽电力公司》一片的制作人员,影片中有一幕戏可以形象地向我们阐释到底什么是“看不见的完美硬币”。在这幕戏中,好奇的小布第一次来到麦克和萨里的公寓,还在蹒跚学步的小婴儿四处探索起来。两个怪物想要制止她,而她还是一步步走到了两摞高高堆起的CD旁,“别乱动!”麦克大喊起来,可是小女孩还是从90多张CD盒摞成的“高塔”底部抽出一张, CD全部倒塌散落在了地板上。麦克抱怨道:“哎,那些CD都是按字母顺序排列好的!”小女孩摇摇摆摆地走开了。这幕场景前后不到3秒钟,观众们只能够看到几个CD盒而已,但皮克斯的制作人员不仅为每一个CD盒制作了封面,还使用了可计算物体在运动时渲染效果变化的着色器。</p>
		<p>“你能看到所有CD盒吗?看不到。”萨拉菲安接着说,“把所有CD盒全部设计一遍,这工作有意思吗?其实挺有意思的。我们还真有几位工作人员觉得观众能在近镜头里把每张CD都看得一清二楚,所以就任劳任怨地把每张CD都雕琢了一番。也许,这其中的乐趣只有当事人才能体会吧。”</p>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>开心农场</title>
		<style>
			body{color: #9C2F06;}
			h1{font-size: 18px;line-height: 40px;font-weight: bold;}
			p{font-size: 12px;line-height: 20px;}
			img,p{vertical-align: middle;}
		</style>
	</head>
	<body>
		<img src="../img/manor-1.jpg" />
		<h1>如何犁地、播种和收获?</h1>
		<p>1.点击耙子<img src="../img/manor-2.jpg"/>,即可在庄园中开垦田地;</p>
		<p>2.一开始,你可以开垦数十块的田地;扩充庄园后,可开垦的数量更多;</p>
		<p>3.在商店<img src="../img/manor-3.jpg" /> 购买种子后,点击庄园中的田地<img src="i../img/manor-4.jpg"/>,即可播种;</p>
		<p>4.别忘了收获自己的劳动所得哦,枯萎后就颗粒无收了!</p>
		<p>5.使用铲子删除庄园里的田地和植物;</p>
		<p>6.到达一定级别,可利用拖拉机、播种机 、收割机 ,方便快捷的劳作。</p>
		<h1>如何种果树?</h1>
		<p>1.商店中购买果树后,点击庄园空地<img src="../img/manor-5.jpg"/> ,即可种植;</p>
		<p>2.果树结满果实时,一定要记得及时收获 哦;</p>
		<p>3.幸运的是,果树不会枯萎,收获后的果树,过一段时间后,还会继续结果。</p>
		<h1>如何养动物?</h1>
		<p>1.点击商店,选择想要饲养的动物后,点击庄园空地,即可饲养动物;</p>
		<p>2.动物成熟之后一定要记得收获<img src="../img/manor-6.jpg"/>哦~</p>
		<p>3.将动物放入相应的居所后,可以更方便地收获;幸运的话,说不定会有意外的惊喜收获呢!</p>
		<p>4.除了商店购买外,还有各种神秘途径可获得动物哦!</p>
		<h1>如何装扮自己的庄园?</h1>
		<p>1.点击左上角的庄园名称,为自己的庄园起个响当当的名字;</p>
		<p>2.在商店 里购买各种喜欢的建筑和装饰,随心所欲进行装饰;</p>
		<p>3.向好友们许愿或发布需求<img src="../img/manor-7.jpg"/>,让好友们赠送自己心仪的东西;</p>
	</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值