寒假第16页作业

最新推荐文章于 2023-06-20 11:19:09 发布

liujia20001123

最新推荐文章于 2023-06-20 11:19:09 发布

阅读量395

点赞数

本文链接：https://blog.youkuaiyun.com/liujia20001123/article/details/87280297

版权

这篇博客主要介绍了如何在寒假期间通过学习和实践来提升网页设计技能，重点在于美化网页中的各个元素，包括布局优化、颜色搭配和交互设计等方面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.美化网页元素

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>制作爱奇艺视频播放列表</title>
		<style>
			*{
				margin: 0px;
				padding: 0px;
			}
			#div1{
				border: 1px solid darkgray;
				width: 1000px;
				margin: 0 auto;
				height: 500px;
				border-style:none ;
			}
			ul li{
				list-style: none;
				float: left;
				padding: 10px;
				margin: 5px;
				
			}
			h2{
				font-size: 18px;
				line-height: 40px;
			}
			img{
				border-radius:8px;
			}
			ul img:hover{
				box-shadow: 8px 8px 5px darkgray ;
			}
			.p{
				font-size: 15px;
				color: red;
			}
			.p2{
				font-size: 12px;
				color: blue;
				line-height: 25px;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<h2>热播</h2>
			<ul>
				<li><img src="img/img1.png"/><h2>神武赵子龙</h2><p class="p">怒，林更新不抱网红抱女神</p><p class="p2">点击次数：242445次</p></li>
				<li><img src="img/img2.png"/><h2>旋风十一人</h2><p class="p">胡歌变教练撩前女友</p><p class="p2">点击次数：242445次</p></li>
				<li><img src="img/img3.png"/><h2>太阳的后裔</h2><p class="p">宋惠乔吃嫩草</p><p class="p2">点击次数：242445次</p></li>
				<li><img src="img/img4.png"/><h2>神武赵子龙</h2><p class="p">山海经之赤蛇传说</p><p class="p2">点击次数：242445次</p></li>
			</ul>
		</div>
	</body>
</html>