Цветовая схема:
C C C C
Шрифт
Arial Times New Roman
Размер шрифта
A A A
Кернинг
1 2 3
Изображения:
  • ХМАО - Югра, г. Нижневартовск
  • +7 (904) 483-50-68
  • sammitportal@mail.ru

ДЗ 10 классы на каникулы

Уважаемые слушатели курсов!
Мы подошли к завершающей стадии выполнения первой полноценной практической работы по созданию многостраничного сайта. Осталось разнообразить его теми инструментами, с которыми (в основном) мы познакомились на прошедших занятиях.

1. Виджеты
Найти в сети (например здесь - http://embedru.maintarget.ru) подходящий виджет и внедрить его на свой сайт.

2. Облако тегов
Внедрить  облако тегов (знаки зодиака), используя соответствующие сервисы. Рекомендуемый сервис: https://wordart.com
Пример использования можно посмотреть в видео.

3. Карты в HTML
Составьте изображение-карту, при клике на определенную область которой (знак зодиака), можно перейти по определенной ссылке.
Изображения можно найти здесь...
https://yandex.ru/images/search?text=Созвездия%20знаков%20зодиака&source=related-duck
Подробную инструкцию можно посмотреть здесь...
https://basicweb.ru/html/karta.php
или здесь...
https://sammitportal.ru/blog/teacher/?page=post&blog=blog_mokhov&post_id=10-klass-el...

4. Ролловеры
Применить эффект ролловера для изображений знаков зодиака.
Пример создания ролловер-изображения:
<a href="url страницы, на которую ведет кнопка">
<img src="адрес первого изображения" onmouseover="this.src='адрес второго изображения'" onmouseout=" this.src='адрес первого изображения'" />
</a>
Для редактирования изображений для ролловеров советую использовать ресурс https://www.photopea.com

5. YouTube Player
Внедрить на сайт проигрыватель видео YouTube. Подробное описание здесь: https://developers.google.com/youtube/iframe_api_reference
Пример работы можно посмотреть в приложенном к сообщению файле.
Пример внедряемого видео:

Результаты вашей работы высылаем в архиве на poznanie@list.ru или принесите на ближайшее занятие.
Удачи!
youtube.html ( 1.57 КБ)