Проектная работа «Разработка сайта» (11 класс)

11 класс

Проектная работа «Разработка сайта»

«Создание макета Web-сайта гостиницы»

Цели работы:

1.       Повторение материала о web-дизайне

2.       Закрепление практических навыков работы с web-сайтами;

3.       Формирование  умений создавать макет сайта с помощью возможностей конструкторов сайтов.

Технология работы:

1.       Подготовить и сохранить в отдельной папке «Сайт» материал для работы:

1)      Логотип гостиницы

2)      Фотографии гостиницы:

ü2-3 Фото здания (в графическом редакторе на изображении поместить полупрозрачный логотип гостиницы!)

ü5-6 Фото любого помещения гостиницы (в графическом редакторе на изображении поместить полупрозрачный логотип гостиницы!)

3)      Фотографии сотрудников (в графическом редакторе на изображениях поместить полупрозрачный логотип гостиницы!):

üДиректор

üЗам. Директора по работе с клиентами

üЗам. Директора по развитию персонала

üАдминистратор

üГорничная

üГорничная (либо любой другой обслуживающий персонал)

4)      Карту с расположением гостиницы (Скопировать из интернета) (в графическом редакторе на изображении поместить полупрозрачный логотип гостиницы!)

5)      Фотографии услуг гостиницы (room-service) (в графическом редакторе на изображениях поместить полупрозрачный логотип гостиницы!)

2.       Открыть он-лайн конструктор https://www.wix.com  

3.       Выполнить регистрацию на сайте

4.       Выбрать категорию Отели > Тип отеля (соответственно варианту)

5.       Выбрать подходящий шаблон и нажать кнопку РЕДАКТИРОВАТЬ

6.       В появившемся шаблоне отредактировать верхнее меню будущего сайта:

1)      Щелкнуть по области с названиями будущих страниц сайта

2)      Нажать кнопку Настройки:

 

7.       Отредактировать структуру будущего сайта – в итоге должно получиться 5 страниц «Главная», «О нас», «Наши координаты», «Номера», «Сотрудники»:

1)      Кнопкой «Удалить» избавьтесь от лишних страниц;

2)      Кнопкой «Переименовать» назовите страницы соответственно заданию

8.       Сохранить макет, используя имя вашей гостиницы (Сайт > Сохранить):

 

9.       Заполните страницы «Главная», «О нас», «Наши координаты», «Сотрудники» своими материалами.

1)      Установить логотип гостиницы на всех страницах сайта, нажав кнопку «Заменить клип-арт»:

 

2)      Для перехода между страницами используйте кнопку «Переход по страницам»:

3)      Для редактирования текста на страницах используйте кнопку «Редактировать текст»:

4)      Для добавления и редактирования изображений используйте кнопку «Заменить фото» или «Заменить фотографии»:

10.   Заполните страницы «Номера» своими материалами.

11.   Для предварительного просмотра макета в браузере используйте команду из области задач Просмотр веб-узла

12.   В отдельно созданной папке «Макет» выполнить сохранение макета в качестве фильтрованной HTML-версии (это предпоследний шаг перед загрузкой в Интернет);

Для этого выполнить Файл→ Поместить на веб-узел…открыть созданную папку «Макет», нажать Сохранить (Имя файла Index предлагается не изменять)

Итог работы:

Представить преподавателю HTML-версию созданного макета сайта гостиницы.