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


 

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

38006. ОПРЕДЕЛЕНИЕ СОСТАВА КОМПЛЕКСНЫХ СОЕДИНЕНИЙ МЕТОДОМ НАСЫЩЕНИЯ 42 KB
  При этом выход единственного комплекса увеличивается соответственно увеличивается и оптическая плотность раствора измеренная на длине волны максимального поглощения комплекса. Точка пересечения прямых соответствует стехиометрическому соотношению СR CM = M n для комплекса состава MnRM. В случае образования малопрочного комплекса точку пересечения находят экстрополяцией линейных участков кривой. Применяется в тех случаях когда мы не можем надежно определить точку излома малопрочный комплекс побочные процессы при насыщении сдвиг рН...
38007. Изучение устойчивости комплексного соединения в растворе при разбавлении и при введении посторонних веществ 197.5 KB
  Теоретическое введение Предположим что мы определяем металл М по фотометрической реакции М iR = MRi измеряя поглощение образующегося комплекса на длине волны λ остальные компоненты и комплексы М и с R стехиометрии на этой длине не поглощают. МRi = βRi [R]` φ Обозначая индексами Л и П величины относящиеся соответственно к пробе и эталону запишем : `MRi = ``MRi...
38008. Диагностика и лечение дисфагии при заболеваниях центральной нервной системы. Клинические рекомендации 352 KB
  При отборе публикаций, как потенциальных источников доказательств, использованная каждым исследователем методология изучалась для того, чтобы убедиться в ее валидности. Результат изучения влияет на уровень доказательств, присваеваемый публикации, что в свою очередь влияет на силу, вытекающих из нее рекомендаций.
38009. Методы защиты речевой конфиденциальной информации от утечки по воздушному акустическому каналу 747.5 KB
  Получить практические навыки по: работе с измерительными приборами: генератором среднегеометрических частот октавных полос речевого сигнала шумомером акустическими излучателями прибором для определения уровня звукового давления акустического сигнала на базе ПЭВМ; расчету параметров несущих конструкций определяющих возможность образования канала утечки речевой информации их анализу и разработке предложений по повышению уровня защищённости защищаемого помещения пассивными методами защиты; работе с нормативными документами...
38010. ИССЛЕДОВАНИЕ СОРТИРОВОК РАЗЛИЧНЫХ ТИПОВ 156 KB
  Задача работы: овладеть навыками написания программ при исследовании различных методов сортировки. Теория Среди улучшенных методов сортировки встречаются как доработанные прямые методы так и методы уже более высокого уровня т. с новой идеей где одним из элементов сортировки является прямой метод.
38011. ИССЛЕДОВАНИЕ АЛГОРИТМОВ НА ГРАФАХ 1.78 MB
  Краткая теория Представление графов Для представления графов чаще всего применяется матрица смежности – это матрица [n n] где n число элементов а элементы [i j] могут быть равны значению 0 или x – flse или 1 – true в зависимости от того присутствует ли дуга из вершины i в вершину j рис.n] of integer то можно составить оператор L_SMEG_V который определяет множество смежных вершин для заданной вершины v и записывает их в вектор типа ms. function L_SMEG_Vv2 n1:integer; vr k1:integer:ms; {v2 – это вершина для которой ищут все...
38012. ОПРЕДЕЛЕНИЕ ЭФФЕКТИВНОСТИ И СЛОЖНОСТИ ИССЛЕДУЕМЫХ АЛГОРИТМОВ 146.5 KB
  Краткая теория Теория сложности алгоритмов Сложность алгоритма характеристика алгоритма определяющая зависимость времени выполнения программы описывающей этот алгоритм от объёма обрабатываемых данных. Формально определяется как порядок функции выражающей время работы алгоритма. Эффективность алгоритма – временная сложность в самом худшем случае Ofn или просто fn.
38013. ИЗУЧЕНИЕ БЕТА –АКТИВНОСТИ 145.5 KB
  10 ЛАБОРАТОРНАЯ РАБОТА № 95 ИЗУЧЕНИЕ БЕТА –АКТИВНОСТИ Цель работы Изучение явления бета распада определение длины пробега –частиц и максимальной энергии –частиц радиоактивного источника. Например радиоактивный изотоп водорода испускает –частицы с Еmx = 18 кэВ а изотоп азота – с Еmx = 166 МэВ. Типичная кривая распределения –частиц по энергиям изображена на рис.1 где dN dE– число –частиц имеющих полную энергию от Е до Е dЕ Еmx –максимальная энергия –частиц данного радиоактивного вещества.
38014. Изучение нормального закона распределения случайных величин (закон Гаусса) на основе опытных данных 190 KB
  Составить интервальную таблицу частот статистический интервальный ряд распределения: а Разбить весь диапазон случайных величин на k интервалов. Строки 13 Таблицы 3 называют статистическим интервальным рядом распределения. Интервальный ряд распределения изобразить графически в виде гистограммы.