- •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.1.6. В результате проделанных изменений страница приобретёт вид (рис.3):
Рис.2. Внешний вид страницы «bio.html»
4. Результаты работы
В результате выполнения лабораторной работы было изучено создание таблиц и форм. Были изучены элементы: “table” ,“tr” , “td” , “font”, “body”,”head”, “a”,”b”,”i”, “ul”, “ol”, “center”,”br”,”p”
5. Ответы на контрольные вопросы
1). Что такое Веб-сайт?
Совокупность электронных документов(файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом.
2). Какие виды веб-сайтов существуют? Сайт-визитка — содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель). Вид деятельности, история, прайс-лист, контактные данные,реквизиты, схема проезда. Специалисты размещают своё резюме. То есть подробная визитная карточка.
Представительский сайт — так иногда называют сайт-визитку с расширенной функциональностью: подробное описание услуг, портфолио, отзывы, форма обратной связи и т. д.
Корпоративный сайт — содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользователей — сотрудников, дилеров, контрагентов и пр.
Каталог продукции — в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические и потребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс-лист.
Интернет-магазин — сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчётов с помощью пластиковых карт.
Промо-сайт — сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).
Сайт-квест — Интернет-ресурс, на котором организовано соревнование по разгадыванию последовательности взаимосвязанных логических загадок.
3). Что такое тег?
Тег – это своего рода инструмент, с помощью которого строится хтмл-документ.
4). На какие классы можно разделить теги ХТМЛ? Приведите примеры.
Одиночный тег:
</br>
Закрывающийся тег:
<b></b>, <a></a> и т.п.
5). Опишите структуру ХТМЛ-документа.
<!DOCTYPE> - описывает тип документа
<html> - является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <head> и <body>.
<head>
<title>
</title>
</head>
<body>
СОДЕРЖАНИЕ СТРАНИЦЫ
</body>
</html> Закрывающий тег </html> должен всегда стоять в документе последним.
6). Какие правила используются при использовании атрибутов тега?
Правило HTML: закрывайте все, что вы открыли! НО! Из этого правила, как и из всех остальных, существуют исключения.