Для всех учителей из 37 347 образовательных учреждений по всей стране

Скидка до 75% на все 778 курсов

Выбрать курс
Получите деньги за публикацию своих
разработок в библиотеке «Инфоурок»
Добавить авторскую разработку
и получить бесплатное свидетельство о размещении материала на сайте infourok.ru
Инфоурок Информатика КонспектыПроектная работа «Разработка сайта» (11 класс)

Проектная работа «Разработка сайта» (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. Выбрать категорию Отели > Тип отеля (соответственно варианту)


hello_html_ma06b315.png


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

hello_html_m70e635e3.png

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

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

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

hello_html_4feac2ce.png

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

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

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

hello_html_m524dc5ba.png

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

hello_html_ma9eb0b.png

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

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

hello_html_m5f711704.png

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

hello_html_34720e0b.png

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


hello_html_m2217c2a1.png

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

hello_html_2068b6e8.png

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

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

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

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


Итог работы:

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

Курс повышения квалификации
Курс профессиональной переподготовки
Учитель информатики
Курс профессиональной переподготовки
Учитель математики и информатики
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Проверен экспертом
Общая информация
Учебник: «Информатика (базовый уровень)», Семакин И.Г., Хеннер Е.К., Шеина Т.Ю.
Тема: § 13. Инструменты для разработки web-сайтов

Номер материала: ДБ-673212

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышения квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

Репетиторы онлайн

✅ Подготовка к ЕГЭ/ГИА
✅ По школьным предметам

✅ На балансе занятий — 1

Подробнее