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


 

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

29056. Наследование по закону 32.5 KB
  Наследники: первой очереди дети супруг и родители наследодателя. Внуки наследодателя наследуют по праву представления также как и потомки всех последующих очередей; второй очереди полнородные и неполнородные братья и сестры наследодателя его дедушки и бабушки; третьей очереди полнородные и неполнородные братья и сестры родителей наследодателя дяди и тети наследодателя; четвертой очереди прадедушки и прабабушки наследодателя; пятой очереди дети родных племянников и племянниц наследодателя двоюродные внуки и внучки и родные...
29057. Гражданское право как отрасль российского права: его основные источники и начала 44.5 KB
  Характеризуется самостоятельным предметом и методом В предмет гражданского права включаются: Имущественные отношения отношения возникающие по поводу приобретения использования и отчуждения имущества. Предметом таких отношений являются материальные блага: вещи деньги ценные бумаги имущественные права работы и услуги информация. Принципы гражданского права это основополагающие начала на которые опирается право и которые в силу закрепления их в законодательстве имеют обязательный характер.
29058. Гражданские правоотношения: понятие, виды гражданских правоотношений. Субъекты и объекты гражданских правоотношений. Основания их возникновения 89.5 KB
  Иначе говоря специфические черты и признаки гражданских правоотношений предопределены особенностями самого гражданского права. Содержание гражданского правоотношения Содержание гражданского правоотношения составляют субъективные права и обязанности его участников. Юридические возможности как составные части содержания субъективного гражданского права называются правомочиями. При весьма большом разнообразии содержания субъективных гражданских прав можно обнаружить что оно является результатом разновариантных комбинаций трех правомочий: 1...
29059. Правосубъектность гражданина 49.5 KB
  Гражданская дееспособность определяется как способность гражданина своими действиями приобретать и осуществлять гражданские права создавать для себя гражданские обязанности и исполнять их ст. 21 ГК РФ можно определить содержание дееспособности которое понимается как предоставленная гражданину возможность реализации своей правоспособности собственными действиями и включает способность гражданина своими действиями: приобретать гражданские права; осуществлять гражданские права; создавать и исполнять гражданские обязанности; нести...
29060. Юридические лица: понятие, виды, создание и прекращение юридических лиц 77 KB
  Понятие юридического лица в ст. Законодатель убрал уточнение по имущественной обособленности на праве собственности праве хозяйственного ведения или оперативного управления Суть от этого особо не изменилась поскольку в обоих определениях указываются одни и те же признаки юридического лица. В данном определении указываются признаки юридического лица это такие внутренние присущие ему свойства каждое из которых необходимо а все вместе достаточны для того чтобы организация могла признаваться субъектом гражданского права. Правовая...
29061. Объекты гражданских прав 169.5 KB
  К объектам гражданских прав закон относит вещи включая деньги и ценные бумаги иное имущество в том числе имущественные права; работы и услуги; результаты интеллектуальной деятельности в том числе исключительные права на них интеллектуальная собственность; нематериальные блага ст. Таким образомобъекты гражданских прав подразделяются на материальные и нематериальные идеальные. К первой группе относят: вещи; работы и услуги а также их результаты имеющие овеществленный либо иной стоимостной эффект например ремонтные работы услуги по...
29062. Понятие и виды сделок. Требования, предъявляемые к форме сделок 245.5 KB
  Но поскольку субъектами сделок являются граждане и юридические лица муниципальные образования субъекты РФ государство иностранные граждане и иностранные юридические лица лица без гражданства а субъективные гражданские права и обязанности являются содержанием гражданского правоотношения то понятие сделки можно определить следующим образом: Сделка – это осознанное волевое и юридически значимое действие субъектов гражданского права прямо направленное на возникновение изменение и прекращении гражданских правоотношний. С помощью сделки...
29063. Недействительные сделки: понятие, виды, последствия недействительности 206.5 KB
  Недействительными являются сделки не создающие правового результата прав и обязанностей к которому стремились стороны. Эти основания связаны с теми или иными нарушениями условий действительности сделок а именно: законность содержания сделки соответствие воли и волеизъявления соблюдение требуемой по закону формы сделки совершение сделки лицом обладающим необходимой дееспособностью. Основания недействительности должны иметь место одновременно с совершением сделки как юридического факта.
29064. Исковая давность в гражданском праве 100 KB
  Институт исковой давности имеет большое значение для защиты имущественных прав граждан и юридических лиц. С его помощью во многом обеспечивается стабильность гражданского оборота: участники гражданских отношений знают что по истечении исковой давности никто не может предъявить к ним требований и провести ревизию принадлежащих им прав. С истечением срока исковой давности право на принудительную судебную защиту не прекращается а приобретает условный характер: оно сохраняется если сторона в споре не заявит о применении исковой давности. При...