Отчёты к лабораторным работам / Лабораторная работа 9 / LAB9 Апухтин М.А
..docxНАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ
МОСКОВСКИЙ ЭНЕРГЕТИЧЕСКИЙ ИНСТИТУТ
Лабораторная работа по ВМСС № 9.
Макетирование web-страниц : Верстка страниц с применением слоев.
Выполнил
студент группы А-13-08
Апухтин М.А.
Преподаватель
Куриленко И.Е.
Москва, 2012
Оглавлени
НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ 1
МОСКОВСКИЙ ЭНЕРГЕТИЧЕСКИЙ ИНСТИТУТ 1
Лабораторная работа по ВМСС № 9. 1
Выполнил 1
Преподаватель 1
Москва, 2012 1
Выполнение работы. 3
index.htm 3
Style.css 3
Выполнение работы. 3
index.htm 3
Style.css 3
Выполнение работы.
index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Главная</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<meta name="author" content="Апухтин Михаил" />
<meta name="keywords" content="формула, синус, экспонента" />
<meta name="description" content="Монеты" />
<meta name="robots" content="all" />
</head>
<body>
<div class="header" title="Главная">
Главная
</div>
<div class="menu" title="Меню">
<ul>
<li><a href="index.htm" title="Главная">Главная</a></li>
<li><a href="coin1.htm" title="Монета1">Сочи 25 рублей</a></li>
<li><a href="coin2.htm" title="Монета2">10 рублей Воронежская область</a></li>
<li><a href="table.htm" title="Таблицы">Таблицы</a></li>
<li><a href="list.htm" title="Списки">Списки</a></li>
<li><a href="layer.htm" title="Слои">Слои</a></li>
<li><a href="multimedia.htm" title="Мультимедиа">Мультимедиа</a></li>
</ul>
</div>
<div class="content">
<p class="header2" title="Формула">
Формула:</p>
<p id="formula" title="Формула">
y(x)=sin(x)*e<span id="index">x</span></p>
</div>
<div class="icon">
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31"
width="88" /></a>
</div>
</body>
</html>
Style.css
* {margin:0;}
.header {color:#4B0082;
font-family:"Times New Roman",serif;
font-style:normal;
font-size:40px;
font-weight:bold;
text-align:center;
letter-spacing:3px;
background-color:Yellow;
position:absolute;
height: 50px;
width:100%;
top: 0px;
left: 0px;
padding-bottom: 25px;
padding-top:25px;
border-bottom:2px solid black;
}
.menu {position:absolute;
float:left;
height:1527px;
top:100px;
left:0px;
width:300px;
border-right:2px solid black;
padding-top:150px;
border-top:2px solid black;
}
.content
{
position:absolute;
top:100px;
left:300px;
right:0px;
bottom:0px;
padding:20px;
}
.content1
{
}
a:hover {font-style:italic;
color:#00FF7F;}
.header2 {color:Black;
font-family:"Times New Roman",serif;
font-style:normal;
font-size:20px;
font-weight:bold;
text-align:center;
text-decoration:underline;}
#formula {font-size:30px;
color:#006400;
text-align:center;
}
#index {vertical-align: super;}
.b-u {font-weight:bold;
text-decoration:underline;}
.picture {float:left;
width: 230px;}
.text {text-align:justify;
margin-right:20px;}
.icon {position:fixed;
bottom:0px;
left:60px;
}