LAB9 Логинов А. А. (544761)

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла

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

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

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

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

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

группа А-13-08

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

Москва, 2012.

Цель работы:

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

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

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

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

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

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

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

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

Лаб. 9v2

Модельный ряд

A6

A7

A8

Q7

R8

R8 Spyder

R8 GT

R8 GT Spyder

О компании

Контакты

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

}

}

Характеристики

Тип файла документ

Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.

Будьте внимательны на мобильных устройствах, так как там используются упрощённый функционал даже в официальном приложении от Microsoft, поэтому для просмотра скачивайте PDF-версию. А если нужно редактировать файл, то используйте оригинальный файл.

Файлы такого типа обычно разбиты на страницы, а текст может быть форматированным (жирный, курсив, выбор шрифта, таблицы и т.п.), а также в него можно добавлять изображения. Формат идеально подходит для рефератов, докладов и РПЗ курсовых проектов, которые необходимо распечатать. Кстати перед печатью также сохраняйте файл в PDF, так как принтер может начудить со шрифтами.

Список файлов лабораторной работы