Разработка Web - сайта компании средствами языка HTML

Автор: Пользователь скрыл имя, 26 Декабря 2011 в 10:21, лабораторная работа

Описание работы

Цель лабораторной работы: Разработка Web - сайта компании средствами языка HTML

Скачать полностью (1.62 Мб) Сколько стоит заказать работу?

Работа содержит 1 файл

1.doc

— 1.70 Мб (Скачать)

Лабораторная работа №1

Разработка Web-страниц с использованием каскадной таблицы стилей

Цель лабораторной работы: Разработка Web - сайта компании средствами языка HTML

Ход работы:

Открыл программу «Блокнот» (Пуск – Программы – Стандартные - Блокнот). При помощи HTML тегов оформил главную страничку:

<html>

<head>

<title>Лучший каталог одежды ОТТО</title>

</head>

<body>

<!--

Image0 = new Image();

Image0.src = "star73.gif";

Amount = 10;

Ymouse = -50;

Xmouse = -50;

Ypos = new Array();

Xpos = new Array();

Speed = new Array();

rate = new Array();

grow = new Array();

Step = new Array();

Cstep = new Array();

nsSize = new Array();

ns = (document.layers)?1:0;

(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt) {

Ymouse=(document.layers)?evnt.pageY-20:event.y-20;

Xmouse=(document.layers)?evnt.pageX:event.x;

}

(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

for (i = 0; i < Amount; i++) {

Ypos[i] = Ymouse;

Xpos[i] = Xmouse;

Speed[i] = Math.random()*4+1;

Cstep[i] = 0;//osw

Step[i] = Math.random()*0.1+0.05;

grow[i] = 5;

nsSize[i] = Math.random()*15+5;

rate[i] = Math.random()*0.5+0.1;

}

if (ns) {

for (i = 0; i < Amount; i++) {

document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");

}

else {

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < Amount; i++) {

document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=80)">');

}

document.write('</div></div>');

}

function Fly() {

var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;

var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;//fantasyflash.ru

for (i = 0; i < Amount; i++){

sy = Speed[i] * Math.sin(270 * Math.PI / 180);

sx = Speed[i] * Math.cos(Cstep[i] * 4);

Ypos[i] += sy;

Xpos[i] += sx;

if (Ypos[i] < -40) {

Ypos[i] = Ymouse;

Xpos[i] = Xmouse;

Speed[i] = Math.random() * 6 + 4;

grow[i] = 5;//osw

nsSize[i] = Math.random() * 15 + 5;

}

if (ns) {

document.layers['sn'+i].left = Xpos[i] + wscrll;

document.layers['sn'+i].top = Ypos[i] + hscrll;

}

else {

si[i].style.pixelLeft = Xpos[i] + wscrll;

si[i].style.pixelTop = Ypos[i] + hscrll;

si[i].style.width = grow[i];

si[i].style.height = grow[i];

}

grow[i] += rate[i];

Cstep[i] += Step[i];

if (grow[i] > 15) grow[i] = 15;

}

setTimeout('Fly()', 10);

}

Fly();

-->

</SCRIPT>

<tr>

</tr>

<tr>

<a href="bruki.html">Брюки</a><br><br>

<a href="zilet.html">Жилеты</a><br><br>

<a href="plat.html">Платья</a><br><br>

<a href="sviter.html">Свитера</a><br><br>

</div>

</td>

<p align="justify"> Для огромного множества людей имя ОТТО является синонимом торговли по каталогам. </p>

<p align="justify">Группа компаний Otto была основана в Германии в 1949 году. Сегодня Otto является одной из ведущих торговых групп. В структуру группы входят 123 компании в 19 странах Европы, Северной Америки и Азии. Общее число сотрудников, работающих в корпорации, составляет примерно 51 400 человек. Прибыль Otto Group за 2007/2008 финансовый год составила 11 530 миллионов евро. Корпорация занимает второе место в мире в сфере розничной электронной торговли. </p>

<p align="justify">Каталог ОТТО – это самый известный и проверенный временем бренд корпорации. Сегодня компания ОТТО является полноправным членом Otto Group, пользуясь всеми преимуществами плодотворного сотрудничества между многочисленными членами корпорации. </p>

<p align="justify">Такой привлекательный, динамичный, надежный и необычный ОТТО – это не только компания, которая предлагает богатый ассортимент модной одежды по каталогам. ОТТО – это общеизвестный, динамичный и самобытный бренд. В течение многих лет ОТТО работает над улучшением образа бренда, используя хорошо всем знакомый в Германии слоган ОТТО – мой выбор / Otto... find' ich gut, и обновленный вариант В поисках нового / Lust auf Neues. Рецепт успеха: объединение под маркой ОТТО более 300 лицензированных и самостоятельных, а также более 50 собственных брендов. </p>

<p align="justify">Модные тенденции и высокое качество.Сегодня каталог ОТТО предлагает своим клиентам эксклюзивные модели ведущих европейских дизайнеров, 50 собственных уникальных брендов, таких как Hanseatic, Arizona, Mix Sixty, Flashlights, а также более 300 лицензионных брендов в числе которых Buffalo, Adidas, Puma, S. Oliver, Tom Tailor, Venice Beach, Levi’s, Kangaroos. Дизайн-бюро компании в Лондоне, Гамбурге и Гонконге определяют актуальные цвета тенденции следующего модного сезона. Качество и безопасность одежды проверяет признанный на международном уровне Институт контроля качества ОТТО Hansecontrol. </p>

<p align="center">ООО «ДИРЕКТ КАТАЛОГ СЕРВИС» </p>

<p align="center">Юридический адрес:

127591, Москва, Дмитровское шоссе, дом 100, корпус 2.

Пожалуйста, не используйте этот адрес для отправки корреспонденции. </p>

<p align="center">Если Вы хотите связаться с нами

Телефон Службы по работе с клиентами ОТТО:

(495) 755-95-81 </p>

<p align="center">Электронная почта: zakaz@otto.ru</p>

<p align="center">Чтобы оформить Ваш заказ, то пожалуйста заполните <a href="Anketa.html">оформление заказа</a></p><br><br>

<marquee behavior="scroll" direction="left"> <img src="1264143743_butterfly9.gif">Авторы сайта: Одинцова Галина и Огина Марина<img src="1264143743_butterfly9.gif"></marquee>

</td>

</tr>

</table>

</center>

</body>

</html>

Сохранил страничку (Файл – Сохранить как): В поле «Тип файла» выбрал команду «Все файлы». В поле «Имя файла» указал имя index.html.

3) Открыл созданный файл в окне браузера Internet Explorer:

4) С помощью освоенных навыков оформил остальные страницы сайта:

Вывод: в ходе выполнения данной лабораторной работы мною был разработан Web-сайт магазина женской одежды средствами языка HTML.

Информация о работе Разработка Web - сайта компании средствами языка HTML