- •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 Список литературы
Вариант 3
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Medical website</title>
<meta name="description" content="Medical website">
<meta name="keywords" content="jewelry, watches">
<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" bgcolor="#e7e7e7"> </td>
<td width="1" valign="top" bgcolor="#c5c5c5"><img src="images/spacer.gif" width="1" height="1"><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>
</div></td>
<td width="750" valign="top"><table width="750" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="1"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1"><img src="images/spacer.gif" alt="" width="21" height="75"></td>
<td width="1"><img src="images/logo.jpg" alt="" width="59" height="75"></td>
<td class="c_name">Medical website</td>
<td width="1"><img src="images/h1.jpg" alt="" width="70" height="75"></td>
<td width="1"><img src="images/spacer.gif" alt="" width="274" height="1"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="100%" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/l1.jpg" alt="" width="192" height="17"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" valign="top" background="images/l3l.gif" class="bgy"><img src="images/l2l.jpg" alt="" width="15" height="144"></td>
<td bgcolor="#E8F7FE"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="menu"><a href="#" class="menu_lnk">Home</a></td>
</tr>
<tr>
<td class="menu"><a href="#" class="menu_lnk">About Us</a></td>
</tr>
<tr>
<td class="menu"><a href="#" class="menu_lnk">Our Clients</a></td>
</tr>
<tr>
<td class="menu"><a href="#" class="menu_lnk">Testimonials</a></td>
</tr>
<tr>
<td class="menu"><a href="#" class="menu_lnk">Price List</a></td>
</tr>
<tr>
<td class="menu"><a href="#" class="menu_lnk">Contact Details</a></td>
</tr>
</table></td>
<td width="1" valign="top" background="images/l3r.gif" bgcolor="#E8F7FE" class="bgy"><img src="images/l2r.jpg" alt="" width="16" height="144"></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/l-last.jpg" alt="" width="192" height="14"></td>
</tr>
<tr>
<td height="100%" background="images/l-bg-1.gif" class="bgy"> </td>
</tr>
<tr>
<td><img src="images/l-bg-2.jpg" alt="" width="192" height="121"></td>
</tr>
</table></td>
<td width="1" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1" height="1"><img src="images/p2.jpg" alt="" width="558" height="161"></td>
</tr>
<tr>
<td class="title-bg"><h1>Welcome to Medical website!</h1></td>
</tr>
<tr>
<td height="100%" class="body_txt"><p>
</p>
<p>Medicine is the branch of health science and the sector of public life concerned with maintaining or restoring human health through the study, diagnosis, treatment and possible prevention of disease and injury. It is both an area of knowledge – a science of body systems, their diseases and treatment – and the applied practice of that knowledge.</p>
<p>Western medical care is shared between medical professionals (physicians) and other professionals such as physician assistants, nurses and pharmacists, sometimes known as allied health professionals. Historically, only those with a medical doctorate have been considered to practice medicine. Clinicians (licensed professionals who deal with patients) can be physicians, nurses, therapists or others. The medical profession is the social and occupational structure of the group of people formally trained and authorized to apply medical knowledge. Many countries and legal jurisdictions have legal limitations on who may practice medicine.</p>
<p>Medicine comprises various specialized sub-branches, such as cardiology, pulmonology, neurology, or other fields such as sports medicine, research or public health.</p>
<p><em>From Wikipedia, the free encyclopedia</em></p>
<div style="border:#0F5A84 solid 1px;padding:4px 6px 2px 6px">Этот бесплатный шаблон был закачан с
<a href="http://ru.anvisionwebtemplates.com">AnVisionWebTemplates.com</a>.<br>
Посетите нас по адресу
<a href="http://ru.anvisionwebtemplates.com">ru.anvisionwebtemplates.com</a> для того, чтобы увидеть полную коллекцию наших шаблонов.
</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="1" bgcolor="#4d96af"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1"><img src="images/spacer.gif" alt="" width="26" height="54"></td>
<td width="1" valign="middle"><img src="images/bottom-logo.jpg" alt="" width="41" height="42"></td>
<td width="1"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spacer.gif" alt="" width="125" height="1"></td>
</tr>
<tr>
<td class="c-name-bottom">Medical <br>
website</td>
</tr>
</table></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="bottom-menu"><a href="#" class="bottom-menu-lnk">Home Page</a> | <a href="#" class="bottom-menu-lnk">About Us</a> | <a href="#" class="bottom-menu-lnk">Our Clients</a> | <a href="#" class="bottom-menu-lnk">Testimonials</a> | <a href="#" class="bottom-menu-lnk">Price List</a> | <a href="#" class="bottom-menu-lnk">Contact Details</a></td>
</tr>
<tr>
<td class="bottom_addr">© 2006 Company Name. All Rights Reserved</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="1" valign="top" bgcolor="#c5c5c5"><img src="images/spacer.gif" width="1" height="1"></td>
<td valign="top" bgcolor="#e7e7e7"> </td>
</tr>
</table>
</body>
</html>