Лабораторная работа 9 (LAB9 Логинов А. А.)

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

Национальный исследовательский университет

Московский Энергетический Институт











Лабораторная работа №9.

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















Выполнил: Логинов Андрей

группа А-13-08

Преподаватель: Куриленко Иван Евгеньевич











Москва, 2012.

Цель работы:

Получить навыки верстки каркасов сайтов на основе слоев.

Подготовка к работе:

  1. Ознакомиться с технологией использования слоев для разметки содержимого сайта.

  2. Выделить общие элементы разметки в имеющихся страницах.

Порядок выполнения работы:

  1. Сделать каркас сайта с применением слоев на основе макета из списка ниже.

  1. Организовать меню сайта (на основе ссылок).



























"http://www.w3.org/TR/html4/strict.dtd">

</span>Лаб<span lang="en-US">. 9v2





audi logo

a6

a7

a8

q7

r8

r8sp

r8gt

r8gtsp





Стили:

* {

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";

}

}


Случайные файлы

Файл
154000.rtf
13226-1.rtf
157303.rtf
DOC2.DOC
113479.rtf




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