Зберігаємо спокій. Віримо в ЗСУ. Разом до перемоги! 🇺🇦

Презентація до уроку "Створення меню" 8 клас

Про матеріал
Презентація до уроку "Створення меню" при вивченні теми "Створення та публікація веб ресурсів", 8 клас
Зміст слайдів
Номер слайду 1

Урок 4 Створення Менюм. Кривий Ріг КЗШ 125 Костіна А. М.

Номер слайду 2

План уроку. Створити вебсторінку index.html (п. 1-7 уроку 1)У тезі додати ul> (li> a {page _ $}) * 4 і натиснути Tab. В атрибуті href тегу з затиснутою Ctrl поставте курсор і наберіть шлях посилання - page _ $. Html. Замініть $ на відповідний номер сторінки. Зберігаємо Ctrl + S. Дивимося результат в браузері. Створити файл стилів style.css (п. 2-5 урок 2). У файлі style.css додати стиль для тегу

Номер слайду 3

2. В тегу додати ul>(li>a{page_$})*4 та нажати Tabм. Кривий Ріг КЗШ 125 Костіна А. М.

Номер слайду 5

4. Замінити $ на відповідний номер сторінки.м. Кривий Ріг КЗШ 125 Костіна А. М.

Номер слайду 6

5. Зберігаємо Ctrl+S. Переглядаємо результат у браузерім. Кривий Ріг КЗШ 125 Костіна А. М.

Номер слайду 7

7. у файлі style.css додати стиль для тегу

    задаємо вирівнювання (text-align) м. Кривий Ріг КЗШ 125 Костіна А. М.

Номер слайду 8

8. у файлі style.css додати стиль для тегу

  • задаємо показ (display), задній фон (background), ширину (width), зовнішні відступи (margin), внутрішні відступи (padding).м. Кривий Ріг КЗШ 125 Костіна А. М.

  • Номер слайду 9

    9. у файлі style.css додати стиль для тегу <а> задаємо показ (display), колір тексту (color), прибираємо підкреслення (text-decoration).м. Кривий Ріг КЗШ 125 Костіна А. М.

    Номер слайду 10

    Результат у браузерім. Кривий Ріг КЗШ 125 Костіна А. М.

    Номер слайду 11

    10. У файлі style.css додати ефект наведення (:hover) для тегу

  • задаємо задній фон (background) та перехід анімації (transition) за 1 Секунду.м. Кривий Ріг КЗШ 125 Костіна А. М.

  • Номер слайду 12

    11. У файлі style.css додати трансформацію (transform), переміщення (translate) кнопки вниз (по осі Y на 7px) для тегу

  • .м. Кривий Ріг КЗШ 125 Костіна А. М.

  • Номер слайду 13

    Результат у браузерім. Кривий Ріг КЗШ 125 Костіна А. М.

    pptx
    Додано
    19 листопада 2020
    Переглядів
    296
    Оцінка розробки
    Відгуки відсутні
    Безкоштовний сертифікат
    про публікацію авторської розробки
    Щоб отримати, додайте розробку

    Додати розробку