Лабораторная работа 9 (LAB9 Апухтин М.А.)

Посмотреть архив целиком

НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ

МОСКОВСКИЙ ЭНЕРГЕТИЧЕСКИЙ ИНСТИТУТ









Лабораторная работа по ВМСС № 9.

Макетирование web-страниц : Верстка страниц с применением слоев.





Выполнил

студент группы А-13-08

Апухтин М.А.


Преподаватель

Куриленко И.Е.



















Москва, 2012

Оглавлени



Выполнение работы. 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">xspan>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;

}






Чтобы не видеть здесь видео-рекламу достаточно стать зарегистрированным пользователем.
Чтобы не видеть никакую рекламу на сайте, нужно стать VIP-пользователем.
Это можно сделать совершенно бесплатно. Читайте подробности тут.