50752

Оптимізація веб-сторінки. Додавання кнопок та фонових елементів

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

Информатика, кибернетика и программирование

На цій лабораторній роботі я навчився опановувати елементи web-дизайну, використовуючи кнопки, фон, оптимізаційні методи у формуванні сторінки

Украинкский

2014-02-03

639.5 KB

1 чел.

Лабораторна робота9

Тема:  «Оптимізація веб-сторінки. Додавання кнопок та фонових елементів»

Мета:  «Опанувати елементи web-дизайну, використовуючи кнопки, фон, оптимізаційні методи  у формуванні сторінки»

Обладнання: ПЕОМ IBM PC, текстовий редактор, Internet Explorer.


Завдання:  

  1.  Завантажити свою раніше розроблену сторінку.  
  2.  Використовуючи матеріали та варіанти коду з лабораторної роботи, додати фон, різного виду кнопки, курсори, використати таблиці стилів і розмістити ці елементи  на своїй сторінці.
  3.  Зберегти  код сторінки, використовуючи редактор коду, та включити його до звіту.

Лістинг програми:

<html>

<head>

<title></title>

<style type="text/css">

body {  position: relative;

       margin: 0;

padding: 0;}

a {        text-decoration: none;

       color: #000000;}

a:hover {        text-decoration: none;

       color: #3366FF;}

a.k {        text-decoration: underline;

       color: #3366FF;}

a.k:hover {        text-decoration: none;

       color: #3366FF;}

</style>

</head>

<body background="img/bg.jpg">

<center>

<table width="1000px" bgcolor="ffffff">

<tr>

<td width="190px"> </td>

<td width="350px"><font color="#0033CC"><h1>Евроизол</h1></font></td>

<td width="350px">

<br>

<div align="right">

<br><br>

<font size="+1" color="#3366FF">(0552) 12-34-56</font><br>

<font color="#3366FF"><a href="#" class="k">Как к нам проехать?</a></font><br><Br><br>

</div>

</td>

<td width="100px">&nbsp;</td>

</tr>

</table>

<table width="1000px" height="146px" background="img/header.jpg" border="0">

<tr>

<td width="950px" valign="top" align="right" style="padding-right:30px; padding-top:85px;">

<a href="#"><b>О компании</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  

<a href="#"><b>Услуги</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="#"><b>Клиенту</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="#"><b>Соискателю</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="#"><b>Пресс-центр</b></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="#"><b>Контакты</b></a>

</td><td width="50px" valign="top" align="right" style="padding-right:90px; padding-top:85px;">

<form scrolling="no">

<textarea scrolling="no" rows="1" cols="20"></textarea>

</form>

</td>

</tr>

</table>

<table width="1000px" bgcolor="ffffff">

<tr><td height="20px">&nbsp;</td></tr>

<tr>

<td width="50px">&nbsp;</td>

<td width="200px" valign="top">

<img src="img/mpoint.jpg" align="left">&nbsp;<a href="#" class="k">Поиск вакансий</a>

<br><br clear="left">

<img src="img/mpoint.jpg" align="left">&nbsp;<a href="#" class="k">Отправить резюме</a>

<br><br clear="left">

<img src="img/mpoint.jpg" align="left">&nbsp;<a href="#" class="k">Полезные советы</a>

<br><br clear="left">

</td>

<td width="50px">&nbsp;</td>

<td width="550px" valign="top">

<font size="+2" color="#000000">Отправить резюме</font><br>

<font color="#3366FF">

<font size="+2">Е</font>вроизол (Euroizol) – <i>универсальный высокотехнологичный минераловатный утеплитель</i> с уникальными характреристиками, приобретаемыми в процессе производства за счет основы из <b>базальтового волокна</b>.<br><br>

</font>

<font color="FF5500">В</font><font color="red">сю продукцию Евроизол отличает неизменно постоянное и стабильно высокое качество, ведь производство организовано на одной из современнейших линий словенского концерна Гераклит (Нобалис, Тервол).</font><br><br>

<img src="img/line.jpg" align="left"><font color="808080">Имеющий оборудование позволяет изготавливать теплоизоляционные плиты Евроизол толщиной от <u><i>30 до 200 мм и плотностью от 40 дло 240 кг/м3.</i></u></font><br clear="left"><br>

<font color="444444">

<font size="+2">Преимущества</font><br>

<ul><li>

Весь выпускаемый материал имеет минимальные показатели водопоглощения (благодаря уникальному бельгийскому гидрофобизатору), негорюч, устойчив к деформации (благодаря хаотичному расположению волокон), обладает хорошим звукоизоляционными свойствами.<br><br>
</li>

<li>

Вся продукция марки Euroizol упаковывается в термоусадочную пленку. Стандартные размеры материала – 1000х500 и 1000х600 мм, но возможно изготовление по индивидуальным размерам.<br><br>

</li>

<li>

Материал Euroizol прошел все испытания в соответствующих инстанциях и имеет все необходимые документы для широкого применения в качестве утеплителя. <br><br>

</li>

</ul>

</font>

<table width="500px">

<tr><td valign="top" width="250px">

<form>

<font size="-1" color="808080">Представьтесь, пожалуйста</font><br>

<textarea scrolling="no" rows="1" cols="25"></textarea><br><br>

<font size="-1" color="808080">Возраст</font><br>

<textarea scrolling="no" rows="1" cols="25"></textarea><br><br>

<font size="-1" color="808080">Ваш отзыв о нашей работе</font><br>

<textarea scrolling="no" rows="7" cols="25"></textarea><br><br>

<font color="#333333"><b>Как Вы оцениваете <br>качество преподавания:</b></font><br>

<input name="pol" type="radio"><font color="808080">Отлично</font><br>

<input name="pol" type="radio" checked><font color="808080">Хорошо</font><br>

<input name="pol" type="radio"><font color="808080">Удовлетворительно</font><br>

<input name="pol" type="radio"><font color="808080">Плохо</font></input><br><br>

<input type="image" value="Отправить" src="img/send.jpg">

</form>

</td>

<td valign="top" width="200px">

<font size="-1" color="#808080">Ваша профессия*</font><br>

<select>

<option>Вебстальщик</option>

<option>Веб-дизайнер</option>

<option>Веб-программист</option>

</select><br><br>

<font size="-1" color="#808080">Знание иностранных языков</font><br>

<form>

<input name="lang" type="checkbox"> Английский<br>

<input name="lang" type="checkbox"> Немецкий<br>

<input name="lang" type="checkbox"> Испанский<br>

<input name="lang" type="checkbox"> Интальянский<br>

</form>

</td>

</table>

</td><td width="50px" height="1050px">&nbsp;</td>

</tr>

</table>

</center>

</body>

</html>

Висновок: На цій лабораторній роботі я навчився опановувати елементи web-дизайну, використовуючи кнопки, фон, оптимізаційні методи  у формуванні сторінки


 

А также другие работы, которые могут Вас заинтересовать

83227. Планирование аудиторской проверки в ООО «Чернухинские водопроводные сети» 86.86 KB
  Планирование аудита включает в себя составление плана ожидаемых работ и разработку аудиторской программы. Задачи курсовой работы: рассмотреть предварительное планирование; оценить систему бухгалтерского учета и внутреннего контроля в ходе аудита; рассчитать уровень существенности и аудиторский рис в ООО Чернухинские водопроводные сети...
83228. Государственная кадастровая оценка земель города Пензы 163.24 KB
  Массовая оценка недвижимости это процесс определения стоимости целых групп объектов недвижимости в котором используются как обычные методы оценки так и специфические методы. Выгода массовой оценки недвижимости заключается в том что в результате массовой оценки недвижимости получаются корректные данные о стоимости объектов недвижимости...
83230. Разработка игры «Сбей самолет» 1.22 MB
  Компьютерные игры часто создаются на основе фильмов и книг; есть и обратные случаи. С 2011 года компьютерные игры официально признаны в США отдельным видом искусства. Компьютерные игры оказали столь существенное влияние на общество, что в информационных технологиях отмечена устойчивая тенденция к геймификации для неигрового...
83231. ИССЛЕДОВАНИЕ ДВИГАТЕЛЬНОЙ АКТИВНОСТИ У ДЕТЕЙ МЛАДШЕГО ШКОЛЬНОГО ВОЗРАСТА 106 KB
  Потребность в двигательной активности является как известно важнейшей общебиологической особенностью организма. Однако развитие современной цивилизации привело к тому что большинство современных школьников живёт в условиях пониженной двигательной активности что не благоприятно отражается на здоровье и физиологических возможностях...
83232. АНАЛИЗ УЧЕТА ОСНОВНЫХ СРЕДСТВ НА ПРИМЕРЕ МУП «ТАГИЛСПЕЦДОРРЕМСТРОЙ» 68.68 KB
  Целью курсовой работы является изучить теоретический материал, действующие в настоящее время нормативные акты в сфере учета основных средств, быть в курсе последних изменений законодательства, проанализировать на примере деятельность предприятия в данной области бухгалтерского и финансового учета.
83233. Диагностика внимания у детей младшего школьного возраста 2.95 MB
  Цель исследования – стандартизация проведенных методик на 2-3 классах. Задачи исследования: рассмотреть теории внимания, свойства и виды внимания; отобразить особенности развития внимания в младшем школьном возрасте; изучить проблемы диагностики внимания младших школьников; провести эмпирическое исследование внимания младших школьников...
83234. Процесс производства пластиковых окон отдела ООО «Европрофиль» 237.3 KB
  Первая глава посвящена анализ требований к качеству в ООО Европрофиль Во второй главе проводится анализ нормативной документации по охране труда и экологической безопасности В третьей главе рассматриваются анализ экономических затрат В четвертой главе проводится программа мероприятий по устранению несоответствий.
83235. Разработка программы для вычисления одного из интегралов одним из методом 422.96 KB
  В этой работе выполнено численное вычисление определенного интеграла методом прямоугольников(9) и трапеций(10). Двумя разных интегралов (1), (2) и за один запуск программы выполняется вычисление одного из интегралов одним из методом. Выбор интеграла и метода решения производится с помощью меню, организованного в диалоговом окне.