Алёнаум1

15.10.2022 20:18 •  Информатика

Практическая работа на тему: «Средства создания и сопровождения сайта».
Цель работы: научиться создавать и форматировать титульную Web- страницу.
Задание 1. Создание титульной Web- страницы.
1. Откройте окно текстового редактора Блокнот.
Для этого выполните команду Пуск - Все программы - Стандартные - Блокнот.
2. Ведите теги обозначения НТМL- документа: <НТМL> и НТМL>.
Эти тэги предназначены для определения браузером формата документа и правильной его интерпретации.
3. Введите заголовочную часть НТМL- документа: и < / НЕАD>.
Заголовок содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения.
4. Введите заголовочную часть Web- страницы: и < / TITLE>.
Заголовок Web- страницы отображается в строке заголовка браузера при страницы. Введите в заголовок Название вашего предприятия
5. Ведите тэги для основного содержания: <ВОDУ> и < / ВОDУ>.
Основное содержание страницы помещается между тeгами <ВОDУ> иВОDУ> и может включать в себя текст, таблицы, бегущие строки, ссыпки на графические изображения и звуковые файлы и так далее. Поместим для начала на страницу текст: «Все о ... (введите название своего предприятия и краткую информацию по турфирме».
6. Отделите заголовок от остального содержания страницы горизонтальной линией.
Для этого введите одиночный тeг <НR> после текста о названии и адресе предприятия перед тeгом ВОDУ>
7. Поместите на титульную страницу текст, кратко описывающий содержание вашего сайта, разбитый на абзацы.
Для этого:
• после тэга<НR> поместите парные тэги <Р> и Р>, производящие деление текста на абзацы,
• между этими тэгами введите текст: «"МЕРИДИАН" сегодня – это современная универсальная туристическая компания, которая предлагает широкий спектр услуг для всех групп клиентов.
 Мы отправляем на отдых из 50 городов РФ
 Мы предлагаем отдых на лучших курортах и отелях (2500 отелей) в 22 странах мира
 Мы работаем с ведущими авиакомпаниями России
 Мы организуем групповые, индивидуальные, корпоративные, спортивные и VIP туры
 Мы предлагаем 7 дней в неделю, 24 часа в сутки онлайн заказ туров и билетов на регулярные рейсы по всему миру
 Мы оказываем качественное обслуживание в более чем 920 фирменных офисах продаж в 259 городах.»;
• установите еще два парных тэга <Р> и Р> и введите второй абзац текста: «Мы c нетерпением .ждем вас и будем рады встрече».
8. Сохраните Web- страницу в виде файла.
Для того:
• в меню программы Блокнот выполните команду Файл=> Сохранить:
• в диалоговом окне Сохранение файла выберите папку Мои документы:
• в качестве имени файла установите имя index.htm
• нажмите на кнопку Сохранить
• закройте окно программы Блокнот.
• войдите в свою рабочую папку и переместите файл index.htm в свою папку.
9. Загрузите файл index.htm в окно браузера для Изучите открывшийся документ. Найдите, где отображается текст, помещенный в различных тегах. Закройте файл.
Задание 2. Форматирование титульной Web- страницы.
1. Откройте файл в окне редактора Блокнот, выполнив команду контекстного меню Открыть с Блокнот;
2. Измените размер шрифта.
Размер шрифта меняют, помещая текст между тегов от <Н1> (самый крупный) до <Н6> (самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом, Для этого:
• поместите заголовок между тэгами <Н1> и Н1>;
• выполните команду Сохранить:
• посмотрите, как выглядит документ в браузере:
• САМОСТОЯТЕЛЬНО установите размер шрифта для всех абзацев Web- страницы.
3. Отформатируйте текст с тега FONT.
Для этого:
• установите парный тег < FONT > перед тэгом <Н1> заголовка страницы:
• с атрибута СОLOR покрасьте заголовок в синий цвет, то есть введите команду:
• установите парный тег FONT > после тега Н1>.
• посмотрите, как выглядит документ в браузере;
• САМОСТОЯТЕЛЬНО покрасьте текст абзацев в разные цвета.
4. Задайте выравнивание абзацев.
Для этого:
• в поле тега <Н1> заголовка страницы введите команду <Н1 align = "сепtеr">, что обозначает выравнивание по центру
• в поле тега <Н> первого абзаца введите команду <Н align "1еft">. что обозначает выравнивание по левому краю
• в поле тeга <Н> второго абзаца введите команду <Н align = "right">, что обозначает выравнивание по правому краю
• третий абзац выровняйте на свое усмотрение
• выполните команду Сохранить в редакторе Блокнот:
• посмотрите, как выглядит документ в браузере СДЕЛАТЬ или понять как делать