LAB9 Логинов А. А. (Лабораторная работа 9)
Описание файла
Файл "LAB9 Логинов А. А." внутри архива находится в папке "Лабораторная работа 9". Документ из архива "Лабораторная работа 9", который расположен в категории "". Всё это находится в предмете "вычислительные машины, системы и сети (вмсис)" из 8 семестр, которые можно найти в файловом архиве НИУ «МЭИ» . Не смотря на прямую связь этого архива с НИУ «МЭИ» , его также можно найти и в других разделах. Архив можно найти в разделе "лабораторные работы", в предмете "вычислительные машины, системы и сети (вмсс)" в общих файлах.
Онлайн просмотр документа "LAB9 Логинов А. А."
Текст из документа "LAB9 Логинов А. А."
Национальный исследовательский университет
Московский Энергетический Институт
Лабораторная работа №9.
Макетирование web-страниц: Верстка страниц с применением слоев.
Выполнил: Логинов Андрей
группа А-13-08
Преподаватель: Куриленко Иван Евгеньевич
Москва, 2012.
Цель работы:
Получить навыки верстки каркасов сайтов на основе слоев.
Подготовка к работе:
-
Ознакомиться с технологией использования слоев для разметки содержимого сайта.
-
Выделить общие элементы разметки в имеющихся страницах.
Порядок выполнения работы:
-
Сделать каркас сайта с применением слоев на основе макета из списка ниже.
-
Организовать меню сайта (на основе ссылок).
"http://www.w3.org/TR/html4/strict.dtd">
Лаб. 9v2
Модельный ряд
Facebook
Youtube
Стили:
* {
margin: 0;
}
body {
background: #B2B7BD;
font-family: Arial
}
.header {
border: none 1px black;
height: 70px;
text-align: center
}
.menu1 {
float: left;
border: solid 1px grey;
width: 200px;
min-height: 400px;
padding-left: 7px;
color: white;
font-weight: bold;
font-size: 18px;
line-height: 40px
}
.text {
border-style: none;
border-width: 1px;
border-color: black;
position: absolute;
top: 72px;
left: 202px;
right: 202px;
min-height: 400px;
float: left;
text-align: center;
overflow: auto;
padding-left: 80px;
}
.menu2 {
float: right;
position: absolute;
top: 72px;
right: 0;
border: solid 1px grey;
width: 200px;
min-height: 400px;
color: white;
font-weight: bold;
font-size: 18px;
line-height: 40px
}
.links {
border: solid 1px grey;
clear: both;
height: 50px;
padding-left: 5px;
padding-top: 5px
}
a {
text-decoration: none;
color: white
}
li ol {
position: absolute;
display: none;
margin-left: 0px;
margin-top: -2.15em
}
li:hover ol {
display: block
}
Пример скрипта:
function ChangeVis6() {
a6 = document.getElementById("a6");
if (a6.style.display=="none") {
a6.style.display = "block";
}
else {
a6.style.display = "none";
}
}