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


 

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

44772. Анализ технологии приготовления вторых горячих блюд из рыбы 1.85 MB
  Обитатели глубин содержат необходимые нашему организму витамины (особенно А и D), жиры, белки (мясо рыб содержит 18% белков). Белки мяса рыб легче усваиваются организмом человека, чем белки мяса животных. Ценной составной частью рыб, особенно океанических, является жир. Рыбий жир характеризуется высоким содержанием непредельных жирных кислот
44773. Изучение кисломолочных напитков, обогащенных бифидобактериями 309 KB
  Кисломолочные продукты – это молочные продукты, вырабатываемые сквашиванием молока или сливок чистыми культурами молочнокислых бактерий с добавлением или без добавления дрожжей и уксуснокислых бактерий. Кисломолочные напитки пользуются заслуженной популярностью у миллионов людей различных стран мира.
44774. Проблемы имплементации международно-правовых стандартов по запрещению рабства и принудительного труда в РФ 313.5 KB
  Предмет исследования составляют нормы, содержащиеся в международно-правовых актах в сфере предупреждения и запрещения рабства и принудительного труда (международные конвенции, декларации и рекомендации), а также нормы российского законодательства в указанной области.
44775. Анализ ассортимента и оценка качества чайных товаров на ООО «Чайный дом» 221 KB
  Следует отметить, что от выпуска высококачественной продукции выигрывает и национальная экономика, поскольку в этом случае увеличиваются экспортный потенциал и доходная часть платежного баланса страны, повышается авторитет государства в мировом сообществе.
44776. Анализ ассортимента, потребительских свойств и экспертиза качества товаров, реализуемых торговым предприятием на примере мучных кондитерских изделий 241 KB
  Отрасль продолжает сохранять большую привлекательность для иностранных вложений, поскольку, по оценкам иностранных аналитиков, российский кондитерский рынок сохраняет потенциальные возможности для дальнейшего расширения, при условии сохранения относительной стабильности в экономике страны в целом.
44777. Применение форм 7.9 MB
  Применение форм Цели работы: научиться создавать формы ввода-вывода; научиться создавать кнопочные формы. Перейдите на закладку Формы выделите форму Список и нажмите клавишу [Delete]. С помощью автоформы можно просматривать или вводить данные. Порядок работы: В окне базы данных выберите вкладку Формы.
44779. Создание и использование запросов (продолжение) 2.09 MB
  Предположим, прошел год, студенты перешли на следующий курс, изменились их личные данные, некоторые закончили колледж, пришли новые. Нужно обновить базу данных
44780. Создание отчетов 2.44 MB
  Рассмотрим ситуацию, когда стандартный отчет нас не устраивает. Например, вы хотите сконструировать стандартную справку об обучении и выдавать ее по запросу. Сначала следует создать запрос с параметром Справка (рис. 42), в котором будут только интересующие вас записи, затем следует приступить к созданию отчета