Практическая работа на тему: "Создание титульной страницы сайта"
Практическая работа на тему: "Создание титульной страницы сайта"
Практическая работа на тему: "Создание титульной страницы сайта" проводится на втором курсе для специальности "Туризм" по дисциплине: "ИКТ в рофессиональной деятельности". При небольшой корректировке можно провести практическую работу в 9 или 11 классе при изучении темы: "HTML- программирование".
Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Просмотр содержимого документа
«Практическая работа на тему: "Создание титульной страницы сайта" »
Практическая работа на тему: «Средства создания и сопровождения сайта».
Цель работы: научиться создавать и форматировать титульную Web- страницу.
Задание 1. Создание титульной Web- страницы.
1. Откройте окно текстового редактора Блокнот.
Для этого выполните команду Пуск - Все программы - Стандартные - Блокнот.
2. Ведите теги обозначения НТМL- документа: L и L.
Эти тэги предназначены для определения браузером формата документа и правильной его интерпретации.
3. Введите заголовочную часть НТМL- документа: HEAD и D.
Заголовок содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения.
4. Введите заголовочную часть Web- страницы: TITLE и TITLE.
Заголовок Web- страницы отображается в строке заголовка браузера при просмотре страницы. Введите в заголовок Название вашего предприятия
5. Ведите тэги для основного содержания: 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 в свою папку.
Загрузите файл index.htm в окно браузера для просмотра. 10. Изучите открывшийся документ. Найдите, где отображается текст, помещенный в различных тегах. Закройте файл.
Откройте файл в окне редактора Блокнот, выполнив команду контекстного меню Открыть с помощью = Блокнот;
Измените размер шрифта.
Размер шрифта меняют, помещая текст между тегов от (самый крупный) до (самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом, Для этого:
поместите заголовок между тэгами и ;
выполните команду Сохранить:
посмотрите, как выглядит документ в браузере:
САМОСТОЯТЕЛЬНО установите размер шрифта для всех абзацев Web- страницы.
3. Отформатируйте текст с помощью тега FONT. Для этого:
установите парный тег FONT перед тэгом заголовка страницы:
с помощью атрибута СОLOR покрасьте заголовок в синий цвет, то есть введите команду:
установите парный тег FONT после тега Н1.
посмотрите, как выглядит документ в браузере;
САМОСТОЯТЕЛЬНО покрасьте текст абзацев в разные цвета.
4. Задайте выравнивание абзацев.
Для этого:
в поле тега заголовка страницы введите команду align = "сепtеr", что обозначает выравнивание по центру
в поле тега Н первого абзаца введите команду align "1еft". что обозначает выравнивание по левому краю
в поле тeга Н второго абзаца введите команду align = "right", что обозначает выравнивание по правому краю