Решение задач по информатике - Домашние задания по ЭТ (MS Excel)

Информатика - решаем задачи

Курсовые и дипломные
работы в Волгограде и Волжском
Подготовка к ЕГЭ по информатике и математике
8-917-64-76-301, Учебный центр Гений
af-dementev@yandex.ru

Семестровое задание по дисциплине «Информационные технологии»

Семестровое задание состоит из:

1. Разработки веб-сайта

2. Отчета

1. Разработка веб-сайта

Цель:

Сделать дизайн главной страницы сайта на основе графического макета. Изображение необходимо выбрать в архиве по номеру варианта. Весь текст на странице необходимо перевести на русский язык. Направление работы компании и содержание страницы необходимо придумать самим (в соответствии с графическим макетом). Основное требование – пользователь должен сразу понимать, чем занимается компания.

Сайт должен быть оптимизирован для просмотра в разрешении 1024х768 и более.

HTML, CSS и др. код страницы.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<HTML>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Главная</title>

</head>

<BODY style="margin:0">

<div style="width:1024px; overflow: hidden; zoom:1">

<div style="width:1024px; height:251px; background:url(head.jpg);"></div>

<div style="width:1024px; height:20px; background-color:#924212;">

<div style="color:#fff; text-align:center; font-size:14px;">The most informative E-gold Portal Available Special Anti-Spam Policy departament E-Gold Resources Banner Exchange System High-Quality Resources Ranking System</div>

</div>

<div style="width:1024px; height:29px; background:url(hline.jpg);"></div>

<div>

<div style="float:left; width:255px; background:url(lmenuback.jpg); background-repeat:repeat-y; margin-bottom: -20000px; padding-bottom: 20000px;">

<div style="width:255px; height:42px; background:url(members.jpg); position:relative; top:-4px;"></div>

<div>

<div style="float:left; margin-left:10px; color:#4e0800; font-weight:bold;">

<div style="margin-top:10px;">Логин:</div>

<div style="margin-top:20px;">Пароль:</div>

</div>

<div style="float:right; margin-right:10px;">

<div style="margin-top:10px;"><input type="text"></div>

<div style="margin-top:15px;"><input type="text"></div>

</div>

</div>

<div style="margin-top:10px; text-align:right; width:150px; float:right; margin-right:10px;">

<div>Авторизируйтесь и пользуйтесь полным набором функций нашего сайта</div>

<div style="margin-top:10px;"><input type="button" style="background:url(button.jpg); border:hidden; width:140px; height:31px; color:#4e0800; font-weight:bold;" value="Вход"></div>

<div style="margin-top:5px;"><input type="button" style="background:url(button.jpg); border:hidden; width:140px; height:31px; color:#4e0800; font-weight:bold;" value="Забыли пароль"></div>

</div>

<div style="width:255px; height:10px; clear:both;"></div>

<div style="width:255px; height:40px; background:url(directory.jpg); clear:both;"></div>

<div style="margin-top:10px; margin-left:30px; margin-right:10px;">

<div style="margin-top:5px;"><img src="dot.png" alt="dot" align="left"> <a href="" style="color:#4e0800; font-weight:bold;">Инвестирование</a></div>

<div style="margin-top:5px;"><img src="dot.png" alt="dot" align="left"> <a href="" style="color:#4e0800; font-weight:bold;">Форум</a></div>

<div style="margin-top:5px;"><img src="dot.png" alt="dot" align="left"> <a href="" style="color:#4e0800; font-weight:bold;">Анти-Спам</a></div>

<div style="margin-top:5px;"><img src="dot.png" alt="dot" align="left"> <a href="" style="color:#4e0800; font-weight:bold;">Реклама</a></div>

<div style="margin-top:5px;"><img src="dot.png" alt="dot" align="left"> <a href="" style="color:#4e0800; font-weight:bold;">Обмен баннерами</a></div>

</div>

<div style="width:255px; height:10px;clear:both;"></div>

<div style="width:255px; height:40px; background:url(adv.jpg); clear:both;"></div>

<div style="text-align:center; margin-top:30px;"><img src="emptybanner.jpg" alt="emptybanner"></div>

</div>

<div style="float:right; width:255px; background:url(rmenuback.jpg); background-repeat:repeat-y; zoom:1; margin-bottom: -20000px; padding-bottom: 20000px;">

<div style="width:255px; height:42px; background:url(submitnews.jpg); position:relative; top:-5px;"></div>

<div style="margin-top:10px; margin-left:10px; margin-right:10px;">

<div style=""><span style="font-weight:bold;">[06.08]</span> Member area engine ReWritten now. Use with comfort!

<div>Posted by Admin</div>

</div>

</div>

<div style="margin-top:10px; margin-left:10px; margin-right:10px;">

<div style=""><span style="font-weight:bold;">[06.08]</span> U-Gold.com Investment Project Opening. The Most Legit Investment project with good income. Managed by U Team.

<div>Posted by UGTeam</div>

</div>

</div>

<div style="margin-top:10px; margin-left:10px; margin-right:10px;">

<div style=""><span style="font-weight:bold;">[06.08]</span> U-Gold.com has started today!

<div>Posted by Admin</div>

</div> </div>

<div style="height:10px;"></div>

<div style="width:255px; height:42px; background:url(stats.jpg); clear:both;"></div>

<div style="margin-top:20px;margin-left:20px; margin-right:20px;">

<div>UGPs in system: <strong>2000</strong></div>

<div>UGPs available for sale: <strong>1314</strong></div>

<div>Current buy price: <strong>$10.38</strong></div>

<div>Current sell price: <strong>$10.22</strong></div>

<div>Total U-Gold Capital: <strong>$20760</strong></div>

<div>-------------------</div>

<div>Total Hits: <strong>2236</strong></div>

<div>Registered Users: <strong>162</strong></div>

</div>

<div style="width:255px; height:10px; clear:both;"></div>

<div style="width:255px; height:42px; background:url(contact.jpg); clear:both;"></div>

<div style="margin-top:20px;margin-left:20px; margin-right:20px;">

<div>E-Mail: Admin@U-Gold.net</div>

<div>ICQ: 130003</div>

<div>Phone: (443) 125-35465</div>

<div>Fax: (443) 592-0213</div>

<div>Address: 5835 rowanberry drive, Elkridge, 21075, MD, USA</div>

<div style="margin-top:10px;"><input type="button" style="background:url(button.jpg); border:hidden; width:140px; height:31px; color:#4e0800; font-weight:bold;" value="Помощь"></div><br>

</div>

</div>

<div style="overflow:hidden; * zoom:1; margin:0; background-color:#FFF; margin-bottom: -20000px; padding-bottom: 20000px;">

<div style="margin-left:10px; margin-right:10px; margin-top:10px;">

<div style="color:#4e0800; font-weight:bold; margin-top:10px;">Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст</div>

<div style="margin-top:10px;">

<p>Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта </p>

<p align="center"><img src="contentpic.jpg" alt="contentpic"></p>

<p>Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта</p>

<p style="font-weight:bold;">Текст сайта Текст сайта Текст сайта Текст сайта Текст сайта Текст<br>

<a href="" style="color:#ad8c19;">Читать дальше</a></p>

</div> </div></div>

<div style="overflow:hidden; * zoom:1; margin:0; background:url(f.jpg); clear:both; background-repeat:repeat-x; height:27px;position: relative;

z-index: 999;"></div></div></div>

</BODY>

</HTML>

Распечатку страницы с результатами проверки на http://validator.w3.org/#validate_by_input и

http://jigsaw.w3.org/css-validator/#validate_by_input.