Практическая работа «Автоматизированное создание и администрирование сайта»



Тип урока: урок практического применения знаний

Цели:

  • Усвоить технологию автоматизированного создания и администрирования сайта
  • Приобрести практические навыки по созданию структуры сайта и его наполнению контентом
  • Развивать творческое воображение учащихся.

Дидактические материалы: карты с заданиями для практической работы

Программное обеспечение: ОС Windows, браузер, пакет «Denver», СМS «Kandidat», FTP-клиент (Total Commander)

Ход урока

I.            Организационный момент

II.            Актуализация

  • Что представляет собой хостинг?
  • Какие действия необходимо выполнить для размещения сайта в Интернет?
  • Описать назначение системы управления сайтом.
  • Каковы основные этапы создания сайта при работе с СМS?

III.            Сообщение темы и целей урока

IV.            Практическая работа

Администрирование сайта – это обслуживание сайта, включающее себя управление категориями, меню и контентом.

1 уровень (макс. 8 баллов)

  1. Запустить Start Denver (ярлык на рабочем столе)
  2. Выполнить переход в папку: Z:http
  3. Переименовать папку localhost по следующей схеме: фамилия.ua (например, петров.ua). Данное имя будет использоваться локальным сервером в качестве домена
  4. Запустить Restart Denver
    Создание и администрирование сайта на локальном сервере
  5. В строке браузера вызвать административную панель сайта: http://фамилия.ua/admin
  6. Войти в панель введя служебные логин и пароль (admin, admin)
  7. Выбрать шаблон  сайта, название
  8. Создать категории и меню сайта в соответствии со структурой веб-сайта, созданной на предыдущем уроке
  9. Открыть главную страницу (В разделе “Навигация” выбрать пункт Начало–Главная страницакнопка «Редактировать»)

СМС "Kandidat" - администрирование главной страницы сайта

10.  Вставить текст статьи, отформатировать его с помощью встроенного визуального редактора. Сохранить   изменения

2 уровень (макс. 10 баллов)

11.  Войти поочередно в категории и добавить по одной статье в каждую из них (Для добавления статьи необходимо нажать «Добавить страницу»)

12.  В одну из статей вставить стандартное изображение. Для этого выполнить действия:

i.       Установить текстовый курсор в нужное место статьи

ii.      Нажать кнопку «Добавить/Изменить изображение» в панели инструментов редактора

Создание и администрирование сайта - настройка изображения в статье

iii.      В появившемся окне «Параметры изображения» нажать кнопку просмотр (вкладка Общее)

Вставка изображения в статью

iv.      Выбрать изображение

v.      Во вкладке Положение установить необходимую позицию изображения в тексте (список «Выравнивание»).

Администрирование веб-сайта: установка положения картинки в статье

3 уровень (макс. 12 баллов)

13.  В статьи категорий и в статью на главной странице поместить собственные тематические изображения. Для этого выполнить действия:

i.      В папку Z:http фамилия.uawwwmedia поместить файлы с изображениями (формат jpg)

ii.      Выполнить действия, описанные в п.12, ограничив размер изображений в ширину до 300 пикселей (вкладка Положение–список «Выравнивание»)

Подведение итогов (Проверка работ учащихся, выставление оценок, анализ ошибок).
Домашнее задание (Разместить статьи, используемые в упражнении, на сайте в сети Интернет)

 

Читать

Язык гипертекстовой разметки HTML. Основы

Основные службы Интернет. WWW

Компьютерные сети. Глобальная сеть Интернет






Комментариев пока нет!

Поделитесь своим мнением

Сумма: код подтверждения