Загрузка данных


<!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 -->
    <header>
        <tr>
            <td colspan="3" class="header">
                3D Studio Max® 5
            </td>
        </tr>
    </header>

    <!-- MAIN -->
    <tr>

        <!-- LEFT SIDEBAR -->
        <td class="sidebar">

            <aside>

                <nav>

                    <table class="menu-table">

                        <tr>
                            <td><a href="#">Главная</a></td>
                        </tr>

                        <tr>
                            <td><a href="#">Учебник</a></td>
                        </tr>

                        <tr>
                            <td><a href="#">Помощь</a></td>
                        </tr>

                        <tr>
                            <td><a href="#">Форум</a></td>
                        </tr>

                    </table>

                </nav>

            </aside>

        </td>

        <!-- CONTENT -->
        <td class="content">

            <main>

                <table class="content-table">

                    <!-- TITLE -->
                    <section>

                        <tr>
                            <td class="title">
                                О чем и для кого эта книга
                            </td>
                        </tr>

                        <tr>
                            <td class="text">
                                В последние времена появилось очень много программ
                                для моделирования анимации и визуализации
                                трехмерных сцен. Каждая из них по-своему хороша,
                                однако лучшее сочетание простоты управления
                                и эффективности можно встретить лишь у одной
                                из них. Речь идет о 3D Studio Max.
                            </td>
                        </tr>

                        <tr>
                            <td class="text">
                                Действительно, став самой распространенной
                                и мощной программой, 3D Studio Max обратил
                                на себя внимание не только новичков,
                                но и профессионалов.
                            </td>
                        </tr>

                        <tr>
                            <td class="text">
                                Из названия книги следует, что данный курс
                                создан для освоения начального уровня работы
                                с основными возможностями 3D Studio Max.
                            </td>
                        </tr>

                    </section>

                    <!-- SECTIONS -->
                    <section>

                        <tr>
                            <td class="sections-title">
                                Разделы книги:
                            </td>
                        </tr>

                        <tr>

                            <td>

                                <table class="sections">

                                    <tr>

                                        <!-- MODELING -->
                                        <td class="section-block">

                                            <article>

                                                <table>

                                                    <tr>
                                                        <td colspan="2" class="section-name">
                                                            Моделирование
                                                        </td>
                                                    </tr>

                                                    <tr>

                                                        <td class="icon">
                                                            <img src="https://cdn-icons-png.flaticon.com/128/1829/1829586.png"
                                                                 width="70"
                                                                 alt="">
                                                        </td>

                                                        <td class="text-small">
                                                            Раздел «Моделирование»
                                                            посвящён созданию,
                                                            настройке и редактированию
                                                            объектов трёхмерных сцен.
                                                        </td>

                                                    </tr>

                                                </table>

                                            </article>

                                        </td>

                                        <!-- ANIMATION -->
                                        <td class="section-block">

                                            <article>

                                                <table>

                                                    <tr>
                                                        <td colspan="2" class="section-name">
                                                            Анимация
                                                        </td>
                                                    </tr>

                                                    <tr>

                                                        <td class="text-small">
                                                            Именно для реализации
                                                            сложных эффектов
                                                            и анимации трёхмерных сцен
                                                            существует Animation MAX.
                                                        </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>

                            </td>

                        </tr>

                    </section>

                    <!-- LINKS -->
                    <section>

                        <tr>
                            <td class="links-title">
                                Дополнительные ссылки:
                            </td>
                        </tr>

                        <tr>
                            <td class="text">
                                Краткое практическое задание содержится
                                в проектах Max на сайте издательства.
                            </td>
                        </tr>

                        <tr>
                            <td class="text">
                                Все желающие могут обращаться с вопросами,
                                советами и замечаниями по e-mail:
                                books@3dsmax.ru
                            </td>
                        </tr>

                    </section>

                </table>

            </main>

        </td>

        <!-- RIGHT SIDEBAR -->
        <td class="rightbar">

            <aside>

                <table>

                    <tr>
                        <td class="books-title">
                            Дополнительная литература
                        </td>
                    </tr>

                    <tr>
                        <td class="book">
                            Филип Миллер<br>
                            «Трёхмерный мир 3D Studio Max 3»<br>
                            ISBN 000-7333-14-8
                        </td>
                    </tr>

                    <tr>
                        <td class="book">
                            Тед Бродман<br>
                            «Внутренний мир 3D Studio Max 3»<br>
                            ISBN 000-7333-37-2
                        </td>
                    </tr>

                    <tr>
                        <td class="book">
                            Геннадий Тевин<br>
                            «3D Studio Max. Эффективный самоучитель»<br>
                            ISBN 000-7333-37-2
                        </td>
                    </tr>

                    <tr>
                        <td class="book">
                            Кол Ли<br>
                            «3D Studio Max V4»<br>
                            ISBN 000-7333-31-1
                        </td>
                    </tr>

                    <tr>
                        <td class="book">
                            А.К. Кушик<br>
                            «Adobe Photoshop 7.0»<br>
                            ISBN 000-7992-15-2
                        </td>
                    </tr>

                </table>

            </aside>

        </td>

    </tr>

</table>

<!-- FOOTER -->
<footer class="footer">
    Создание сайта Ucoz | q3a
</footer>

</body>
</html>





body{
    margin:0;
    background:#ffffff;
    font-family:Arial, sans-serif;
}

table{
    border-collapse:collapse;
}

/* ОСНОВНОЙ САЙТ */

.wrapper{
    width:1200px;
    margin:20px auto;
    background:#c8f5c9;

    border-top:8px solid #2f58c9;
    border-left:8px solid #2f58c9;
    border-right:8px solid #2f58c9;
}

.header{
    text-align:center;
    font-size:42px;
    font-weight:bold;
    color:#003399;
    padding:30px 0;
}

/* LEFT MENU */

.sidebar{
    width:180px;
    vertical-align:top;
    padding-top:50px;
    padding-left:20px;
    background:#c8f5c9;
}

.menu-table td{
    padding-bottom:35px;
}

.menu-table a{
    text-decoration:none;
    color:#003366;
    font-size:28px;
    font-weight:bold;
}

/* CONTENT */

.content{
    background:#ffffff;
    padding:35px;
    vertical-align:top;
}

.title{
    text-align:center;
    font-size:42px;
    padding-bottom:30px;
    color:#222;
}

.text{
    font-size:24px;
    line-height:1.6;
    text-align:justify;
    padding-bottom:20px;
}

/* SECTIONS */

.sections-title{
    text-align:center;
    font-size:40px;
    padding:40px 0;
}

.sections{
    width:100%;
}

.section-block{
    width:50%;
    vertical-align:top;
    padding:20px;
}

.section-name{
    text-align:center;
    font-size:34px;
    padding-bottom:20px;
}

.text-small{
    font-size:22px;
    line-height:1.5;
    text-align:justify;
}

.icon{
    width:80px;
    vertical-align:top;
    padding-right:15px;
}

/* LINKS */

.links-title{
    color:green;
    font-size:38px;
    font-weight:bold;
    padding:40px 0 20px;
}

/* RIGHT SIDEBAR */

.rightbar{
    width:300px;
    background:#ffffff;
    vertical-align:top;
    padding:35px 20px;
}

.books-title{
    text-align:center;
    font-size:36px;
    font-weight:bold;
    padding-bottom:30px;
}

.book{
    font-size:24px;
    line-height:1.5;
    padding-bottom:25px;
}

/* FOOTER */

.footer{
    width:100%;
    height:70px;

    background:#ffffff;

    border-top:8px solid #2f58c9;

    text-align:center;
    line-height:70px;

    font-size:22px;
    color:#003399;
    font-weight:bold;
}