- •1. Цели и задачи лабораторной работы
- •2. Описание используемых в лабораторной работе элементов html
- •3. Описание последовательности выполнения лабораторной работы.
- •3.1. Создание таблиц.
- •3.1.1. Создадим таблицу-скелет для страницы “index.Html” и занесем в неё непосредственно контент.
- •3.1.2. В результате проделанных изменений страница приобретёт вид (рис.1):
- •3.1.3. Создадим таблицу-скелет для страницы “contact.Html” и занесем в неё непосредственно контент.
- •3.1.4. В результате проделанных изменений страница приобретёт вид (рис.2):
- •3.1.5. Создадим таблицу-скелет для страницы “bio.Html” и занесем в неё непосредственно контент.
- •3.1.6. В результате проделанных изменений страница приобретёт вид (рис.3):
- •4. Результаты работы
- •5. Ответы на контрольные вопросы
- •1). Что такое Веб-сайт?
3. Описание последовательности выполнения лабораторной работы.
3.1. Создание таблиц.
3.1.1. Создадим таблицу-скелет для страницы “index.Html” и занесем в неё непосредственно контент.
<html>
<head>
<title> Bednarsky Roman </title>
</head>
<body background = "img/background.jpg" link = skyblue alink = "#645ED" vlink = "#800080">
<center><table border="1" cellpadding="0" cellspacing="0" width="85%" id="table-1">
<tr>
<td width="100%"><img src="img/head1.jpg"></td>
</tr>
<tr>
<td width="100%">
======СОЗДАЕМ ТАБЛИЦУ В ТАБЛИЦЕ=========
<table border="1" cellpadding="0" cellspacing="0" width="100%" id="table-2">
<tr>
<td width="10%" valign="top" background = white>
======СОЗДАЕМ СПИСОК МЕНЮ======
<ul>
</br>
</br>
</br>
</br>
<li><font size = 4 face="Georgia"><a href="index.html" title="Главная"> Главная</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="contact.html" title="Контактные данные">Контактные данные</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="bio.html" title="Биография">Биография</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="http://www.tpu.ru" title="ТПУ" target =blank>ТПУ</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="http://www.tsu.ru" title="ТГУ" target =blank>ТГУ</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="http://www.tusur.ru" title="ТУСУР" target =blank>ТУСУР</a></font></li>
</ul>
</td>
=========ВСТАВЛЯЕМ КАРТИНКУ========
<td width="20%" valign="top"><center> <img src="img/portret.jpg"</center></br>
</td>
========ФАЙЛЫ ДЛЯ ЗАГРУЗКИ========
<td width="30%" valign="top"><center><b>Файлы для загрузки: </b></br><a href ="img/2.png" title = "Загрузить картинку"> <img src="img/2.png"></a></center>
<a href =" files/Roman.rar" title = "Загрузить Архив"><center><img src="img/wn.png"></center></a>
</td>
</tr>
=======ВСТАВЛЯЕМ ССЫЛКУ НА АУДИОФАЙЛ=======
<td width="100%" colspan="3" ><center><b>Музыка от Романа</b></center>
<a href ="music/Armin van Buuren feat. Christian Burns - This Light Between Us.mp3" title = "Аудиофайл" target =blank> Armin van Buuren feat. Christian Burns - This Light Between Us</a>
</td>
</table>
</td>
</tr>
<tr>
<td width="100%">Copyrigth © Bednarsky R. 2012</td>
</tr>
</table></center>
</body>
<html>
3.1.2. В результате проделанных изменений страница приобретёт вид (рис.1):
Рис.1. Внешний вид страницы «index.html»
3.1.3. Создадим таблицу-скелет для страницы “contact.Html” и занесем в неё непосредственно контент.
<html>
<head>
<title> Bednarsky Roman </title>
</head>
<body background = "img/background.jpg" link = skyblue alink = "#645ED" vlink = "#800080">
<center><table border="1" cellpadding="0" cellspacing="0" width="85%" id="table-1">
<tr>
<td width="100%"><img src="img/head1.jpg"></td>
</tr>
<tr>
<td width="100%">
======СОЗДАЕМ ТАБЛИЦУ В ТАБЛИЦЕ=========
<table border="1" cellpadding="0" cellspacing="0" width="100%" id="table-2">
<tr>
<td width="10%" valign="top" background = white>
======СОЗДАЕМ СПИСОК МЕНЮ======
<ul>
</br>
</br>
</br>
</br>
<li><font size = 4 face="Georgia"><a href="index.html" title="Главная"> Главная</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="contact.html" title="Контактные данные">Контактные данные</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="bio.html" title="Биография">Биография</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="http://www.tpu.ru" title="ТПУ" target =blank>ТПУ</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="http://www.tsu.ru" title="ТГУ" target =blank>ТГУ</a></font></li>
<p></p>
<p></p>
<li><font size = 4 face="Georgia"><a href="http://www.tusur.ru" title="ТУСУР" target =blank>ТУСУР</a></font></li>
</ul>
</td>
=========СОЗДАЕМ СПИСОК САЙТОВ-КОНТАКТОВ========
<td width="30%" valign="top">
<ol>
<li> <a href="http://www.vk.com/bednarsky/" title="Вконтакте" target =blank> <img src="img/vk.jpg"> </a>
<li> <a href = "http://www.odnoklassniki.ua/#/bednarsky" title="Одноклассники" target =blank> <img src="img/ok.jpg"> </a>
<li> <a href = "https://twitter.com/#!/BRomnasky" title="Твиттер" target =blank> <img src="img/tw.jpg"> </a>
<li> <a href = "http://www.facebook.com/profile.php?id=100001759566824" title="Фэйсбук" target =blank> <img src="img/fb.jpg"> </a>
<li> <a href = "mailto:petterson@rambler.ru" title="Написать письмо" target =blank> <img src="img/ramb.jpg"> </a>
</ol>
</td>
========ФАЙЛЫ ДЛЯ ЗАГРУЗКИ========
<td width="30%" valign="top"><center><b>Файлы для загрузки: </b></br><a href ="img/2.png" title = "Загрузить картинку"> <img src="img/2.png"></a></center>
<a href =" files/Roman.rar" title = "Загрузить Архив"><center><img src="img/wn.png"></center></a>
</td>
</tr>
========ВСТАВЛЯЕМ ССЫЛКУ НА АУДИОФАЙЛ=========
<td width="100%" colspan="3" ><center><b>Музыка от Романа</b></center>
<a href ="music/Armin van Buuren feat. Christian Burns - This Light Between Us.mp3" title = "Аудиофайл" target =blank> Armin van Buuren feat. Christian Burns - This Light Between Us</a>
</td>
</table>
</td>
</tr>
<tr>
<td width="100%">Copyrigth © Bednarsky R. 2012</td>
</tr>
</table></center>
</body>
<html>