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-дизайну, використовуючи кнопки, фон, оптимізаційні методи  у формуванні сторінки


 

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

46190. Особенности механизма образования цен в строительстве 250 KB
  Капитальный ремонт зданий и сооружений работы по восстановлению или замене отдельных частей зданий сооружений или целых конструкций деталей и инженерно технического оборудования в связи с их техническим износом и разрушением на более долговечные и экономичные улучшающие их эксплуатационные показатели. Действующая методическая и сметнонормативная база позволяет определить стоимость строительства на всех стадиях разработки предпроектной и проектносметной документации. время работы строительных машин и механизмов маш. Главной функцией...
46191. Решение систем линейных дифференциальных уравнений матричным методом 78 KB
  Часто в физике при решении определенных задач приходится сталкиваться с системами из 3 или 4 линейных дифференциальных уравнений. При решений таких систем удобно использовать матричный метод решения систем линейных дифференциальных уравнений. Часто матрица коэффициентов этих систем уравнений имеет симметричный вид.
46192. Сетевая атака. Классификация сетевых атак 82 KB
  Сегодня к Сети подключены миллионы устройств и многие миллионы устройств будут подключены к Интернету в ближайшем будущем поэтому вероятность доступа хакеров к уязвимым устройствам постоянно возрастает. Создатели этой сети не подозревали насколько широкое распространение она получит. Если приложение работает в режиме клиентсервер а аутентификационные данные передаются по сети в читаемом текстовом формате то эту информацию с большой вероятностью можно использовать для доступа к другим корпоративным или внешним ресурсам. Третий способ...
46193. Водоотводящие системы промышленных предприятий 872.67 KB
  Данная работа представляет собой учебный курсовой проект по дисциплине «Очистка сточных вод предприятий железнодорожного транспорта», выданного кафедрой «Гидравлика, водоснабжения, водные ресурсы и экология» СГУПС
46194. Расчет заработной платы 1.04 MB
  Общая схема расчета зарплаты Предпосылки расчета ЗП Этапы расчета зарплаты Описание этапов функции пользователя Внесение и изменение данных в инфотипы релевантные для расчета зарплаты
46195. МОДЕЛИРОВАНИЕ БИОТЕХНОЛОГИЧЕСКИХ ПРОЦЕССОВ 10.84 MB
  Настоящее учебное пособие содержит общие сведения о классификации моделей и подходов к математическому описанию процессов клеточного роста и образования клетками продуктов метаболизма; о применении их при планировании экспериментов, статистической обработке полученных результатов и оптимизации биотехнологических процессов. Удобно для использования при выполнении практических заданий, решении задач, планировании и обработке результатов научно-исследовательских и лабораторных работ по спецдисциплинам, при подготовке коллоквиумов, отчетов по лабораторным и научно-исследовательским практикумам, при выполнении курсовых и дипломных работ
46196. Исследование систем управления 261 KB
  Барнауле Региональная кафедра Менеджмента и маркетинга Конспект лекций по дисциплине Исследование систем управления Составитель к. Анализ и синтез организационных структур управления Анализ структуры управления фирмы Алгоритм определения предпочтительной организационной структуры управления диверсифицированной фирмы
46197. Оценка эффективности результатов закупочной деятельности 15.21 KB
  При этом должны анализироваться такие например показатели как доля задержанных заказов; доля случаев когда просрочки доставки вызвали ощутимое отсутствие МР ГП на складе; число случаев остановки производства в результате просрочки и т. Следующие параметры позволяют принимать обоснованные решения при выборе продавца: доля просроченных доставок и отказов поставки; доля поставок не соответствующих договорам по качеству продукции; доля заказов доставленных вопреки договоренности не единой партией; качество услуг различных...
46198. Динамика механизмов 522 KB
  К механизму машинного агрегата во время его движения приложены различные силы. Это движущие силы, силы сопротивления (иногда их называют силами полезного сопротивления), силы тяжести, силы трения и многие другие силы. Характер их действия может быть различным...