https://pastein.ru/t/708
Загрузка данных
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3D Studio Max 5</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table class="wrapper">
<!-- HEADER -->
<tr>
<td colspan="3" class="header">
<header>
3D Studio Max® 5
</header>
</td>
</tr>
<!-- MAIN -->
<tr>
<!-- SIDEBAR -->
<td class="sidebar">
<nav>
<a href="#">Главная</a>
<a href="#">Учебник</a>
<a href="#">Помощь</a>
<a href="#">Форум</a>
</nav>
</td>
<!-- CONTENT -->
<td class="content">
<main>
<section>
<h1>О чем и для кого эта книга</h1>
<p>
В последние времена появилось очень много программ для моделирования
анимации и визуализации трехмерных сцен. Каждая из них по-своему
хороша, однако лучшее сочетание простоты управления и эффективности
можно встретить лишь у одной из них. Речь идет о 3D Studio Max.
</p>
<p>
Действительно, став самой распространенной и мощной программой,
3D Studio Max обратил на себя внимание не только новичков,
но и профессионалов.
</p>
<p>
Из названия книги следует, что данный курс создан для освоения
начального уровня работы с основными возможностями 3D Studio Max.
</p>
</section>
<section>
<h2>Разделы книги:</h2>
<table class="sections">
<tr>
<!-- MODELING -->
<td>
<article>
<h3>Моделирование</h3>
<table>
<tr>
<td class="icon">
<img src="https://cdn-icons-png.flaticon.com/128/1829/1829586.png"
width="70"
alt="Моделирование">
</td>
<td>
<p>
Раздел «Моделирование» посвящён созданию,
настройке и редактированию объектов
трёхмерных сцен.
</p>
</td>
</tr>
</table>
</article>
</td>
<!-- ANIMATION -->
<td>
<article>
<h3>Анимация</h3>
<table>
<tr>
<td>
<p>
Именно для реализации сложных эффектов
и анимации трёхмерных сцен существует
Animation MAX.
</p>
</td>
<td class="icon">
<img src="https://cdn-icons-png.flaticon.com/128/616/616408.png"
width="70"
alt="Анимация">
</td>
</tr>
</table>
</article>
</td>
</tr>
</table>
</section>
<section>
<div class="links-title">
Дополнительные ссылки:
</div>
<p>
Краткое практическое задание содержится в проектах Max
на сайте издательства.
</p>
<p>
Все желающие могут обращаться с вопросами, советами
и замечаниями по e-mail: books@3dsmax.ru
</p>
</section>
</main>
</td>
<!-- RIGHT BAR -->
<td class="rightbar">
<aside>
<div class="books-title">
Дополнительная литература
</div>
<div class="book">
Филип Миллер<br>
«Трёхмерный мир 3D Studio Max 3»<br>
ISBN 000-7333-14-8
</div>
<div class="book">
Тед Бродман<br>
«Внутренний мир 3D Studio Max 3»<br>
ISBN 000-7333-37-2
</div>
<div class="book">
Геннадий Тевин<br>
«3D Studio Max. Эффективный самоучитель»<br>
ISBN 000-7333-37-2
</div>
<div class="book">
Кол Ли<br>
«3D Studio Max V4»<br>
ISBN 000-7333-31-1
</div>
<div class="book">
А.К. Кушик<br>
«Adobe Photoshop 7.0»<br>
ISBN 000-7992-15-2
</div>
</aside>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td colspan="3">
<footer>
Создание сайта | 2025
</footer>
</td>
</tr>
</table>
</body>
</html>
body{
margin:0;
background:#ffffff;
font-family: Arial, sans-serif;
}
.wrapper{
width:1200px;
margin:20px auto;
border:8px solid #2f58c9;
background:#c8f5c9;
border-collapse:collapse;
}
.header{
text-align:center;
font-size:42px;
font-weight:bold;
color:#003399;
padding:30px 0;
}
.sidebar{
width:180px;
vertical-align:top;
padding-top:60px;
padding-left:20px;
}
.sidebar a{
display:block;
text-decoration:none;
color:#003366;
font-size:28px;
margin-bottom:35px;
font-weight:bold;
}
.content{
background:#fff;
padding:35px;
vertical-align:top;
}
.rightbar{
width:300px;
background:#fff;
vertical-align:top;
padding:35px 20px;
}
h1{
text-align:center;
font-size:44px;
margin-bottom:30px;
color:#222;
}
h2{
text-align:center;
font-size:42px;
margin:60px 0 40px;
}
h3{
font-size:36px;
margin-bottom:20px;
}
p{
font-size:24px;
line-height:1.6;
text-align:justify;
}
.books-title{
font-size:38px;
font-weight:bold;
text-align:center;
margin-bottom:25px;
}
.book{
font-size:24px;
margin-bottom:25px;
line-height:1.5;
}
.sections{
width:100%;
border-collapse:collapse;
}
.sections td{
width:50%;
vertical-align:top;
padding:20px;
}
.icon{
width:70px;
vertical-align:top;
padding-right:15px;
}
.links-title{
color:green;
font-size:40px;
font-weight:bold;
margin-top:40px;
margin-bottom:30px;
}
footer{
border-top:8px solid #2f58c9;
text-align:center;
padding:20px;
font-size:24px;
color:#003399;
background:#f5f5f5;
}
