- •1 Цель работы
- •2 Пояснение к работе
- •Подстановки
- •2.2 Перечень используемого оборудования
- •3 Задание
- •Вариант 1
- •Вариант 2
- •Вариант 3
- •Вариант 4
- •Вариант 5
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 2 «Разметка и эскиз web-страницы тегами html»
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •1. Общая структура
- •2. Атрибуты
- •3. Регистр записи команд
- •4. Escape-последовательности (подстановки)
- •5. Перевод строки, пробелы, табуляция
- •6. Комментарии
- •7. Общие рекомендации
- •8. Цветовые спецификации
- •9. Базовые теги разметки гипертекста
- •12. Заголовки
- •2.2 Перечень используемого оборудования
- •3 Задание
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 3 «Создание web-сайта с тремя html-страницами»
- •2. Задание
- •3 Контрольные вопросы
- •4 Содержание отчета
- •4.2 Цель работы
- •5 Список литературы
- •Практическое занятие 4 «Создание web-страницы с использованием таблиц»
- •2. Задание
- •2.1 Размещение таблиц на html-странице. Форматирование текста в таблице
- •В таблице могут использоваться следующие способы выравнивания:
- •2.2 Размещение таблиц на html-странице. Форматирование ячеек таблицы
- •Форматирование заднего фона таблиц, рядов и ячеек:
- •2.3 Размещение таблиц на html-странице. Объединение ячеек таблицы
- •Объединение ячеек таблицы:
- •3 Контрольные вопросы
- •4 Содержание отчета
- •4.2 Цель работы
- •5 Список литературы
- •Практическое занятие 5 «Дополнительные элементы языка html для форматирования web-страниц»
- •2. Задание
- •Коллекция горизонтальных линий
- •Escape-поcледовательности
- •Физические и логические стили
- •3 Контрольные вопросы
- •4 Содержание отчета
- •4.2 Цель работы
- •5 Список литературы
- •Практическое занятие 6 «Отправка данных с использованием форм. Создание формы на html-странице»
- •2. Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 7 «Форматирование web-страниц с использованием таблиц стилей. Создание каскадных листов стилей (css)»
- •2.1 Краткие теоретические сведения
- •1. Семейства шрифтов font-family
- •4. Оформление текста text-decoration. Значения: подчеркивание (underline), надчеркивание (overline), зачеркивание (line-through), нет подчеркивания (попе).
- •1. Цвет элемента color — цвет элемента в модели rgb или по стандартным названиям цветов.
- •Отступы.
- •1. Выравнивание text-align — выравнивание абзаца относительно страницы или ячейки таблицы. Значения: по левому краю (left), по центру (center), по правому краю (right), по ширине (justify).
- •5.2 Цель работы
- •Практическое занятие 8 «Подготовка и оптимизация графики для web-страниц»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 9 «Создание баннера для web-страницы»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •Варианты заданий
- •Практическое занятие 10 «Создание gif-анимации»
- •Практическое занятие 11 «Создание простейшей анимации в программе Micromedia Flash»
- •2.2 Перечень используемого оборудования
- •3 Задание
- •Простейшая анимация
- •Дополнительные кадры анимации
- •Анимация размеров клипа
- •Создание анимации имитирующие приближение локомотива к зрителю
- •Настойка плавности анимации
- •Применение цветового эффекта
- •Анимация фильтра Glow (Свечение) и его настройка
- •Применение фильтра Blur (Размытие)
- •Озвучивание анимации
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
- •Практическое занятие 12 «Анимация с использование готовых анимационных эффектов в программе Micromedia Flash»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 13 «Создание web-страницы с использованием таблиц»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения
- •5.2 Цель работы
- •Практическое занятие 14 «Создание сайта в программе Macromedia Dreamweaver»
- •1 Цель работы
- •2 Пояснение к работе
- •2.1 Краткие теоретические сведения Основные этапы разработки сайта
- •Типовые виды сайтов
- •2.2 Перечень используемого оборудования
- •3 Задание Вариант 1
- •Вариант 2
- •4 Контрольные вопросы
- •5 Содержание отчета
- •5.2 Цель работы
- •6 Список литературы
Вариант 4
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Computer hardware website</title>
<meta name="description" content="Computer hardware website">
<meta name="keywords" content="computer, hardware, pc">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1"><img src="images/hname1.jpg" width="224" height="47"></td>
<td valign="top" background="images/hname_bg.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" height="1"><img src="images/spacer.gif" width="46" height="1"></td>
<td width="1" height="1"><img src="images/spacer.gif" width="358" height="1"></td>
</tr>
<tr>
<td colspan="2">Компьютерная фирма</td>
</tr>
</table></td>
<td width="100%" background="images/hhbg.gif" class="bgx"> </td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1"><img src="images/hp1.jpg" width="224" height="175"></td>
<td width="1"><img src="images/hp2.jpg" alt="" width="168" height="175"><div style="position:absolute;left:-3072px;top:0"><a href="http://ru.anvisionwebtemplates.com/">бесплатные шаблоны сайтов</a>, <a href="http://anvision.shadrinsk.net/">создание сайтов</a>, <a href="http://pricetag.ru/">Цены на товары и услуги в каталоге товаров PriceTag.ru: обзоры, инструкции, описания, рейтинги. Сравнение и подбор товаров. Каталог магазинов.</a>, <a href="http://ru.anvisionwebtemplates.com/computers-hardware-templates.html">Бесплатные шаблоны дизайна компьютерных сайтов</a></div></td>
<td width="1"><img src="images/hp3.jpg" width="157" height="175"></td>
<td width="1" valign="top" background="images/hp4.jpg" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spacer.gif" width="1" height="30"></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="196" height="70"></td>
</tr>
<tr>
<td class="call_us">Call us on<br>
007 35253 68907</td>
</tr>
</table></td>
<td background="images/hp5[bg].jpg" class="bgx"><p> </p>
<p> </p></td>
</tr>
</table></td>
</tr>
<tr>
<td height="100%" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1" height="100%" valign="top" background="images/sub_bot.gif" bgcolor="#c2ddfe" class="sub"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menu"><a href="#" class="menu_lnk">Home page</a> </td>
<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>
</tr>
</table></td>
</tr>
<tr>
<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menu"><a href="#" class="menu_lnk">About us</a> </td>
<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>
</tr>
</table></td>
</tr>
<tr>
<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menu"><a href="#" class="menu_lnk">Testimonials</a></td>
<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>
</tr>
</table></td>
</tr>
<tr>
<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menu"><a href="#" class="menu_lnk">Sales Offices</a> </td>
<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>
</tr>
</table></td>
</tr>
<tr>
<td background="images/btn_menu.gif" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menu"><a href="#" class="menu_lnk">News</a></td>
<td width="1"><img src="images/spacer.gif" width="30" height="18"></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="186" height="1"></td>
</tr>
</table></td>
<td valign="top" bgcolor="#e1e6f8"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="welcome">Welcome to computer hardware website</td>
</tr>
<tr>
<td height="100%" class="base_txt"><p>
</p>
<p><em>From Wikipedia, the free encyclopedia</em></p>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="1" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" bgcolor="#688DCD"><img src="images/bot_angle.gif" width="186" height="60"></td>
<td background="images/bot_bg.gif" bgcolor="#688DCD" class="bottom_menu"><a href="#" class="bottom_lnk">Home page</a> || <a href="#" class="bottom_lnk">About us</a> || <a href="#" class="bottom_lnk">Testimonials</a> || <a href="#" class="bottom_lnk">Sales offices</a> || <a href="#" class="bottom_lnk">News</a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>