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

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

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

задаємо вирівнювання (text-align). У файлі style.css додати стиль для тегу
• задаєм показ (display), задній фон (background), ширину (width), зовнішні відступи (margin), внутрішні відступи (padding). У файлі style.css додати стиль для тегу <а> задаємо показ (display), колір тексту (color), прибираємо підкреслення (text-decoration). У файлі style.css додати ефект наведення (: hover) для тегу
• задаємо задній фон (background) і перехід анімації (transition) за 1с. У файлі style.css додати трансформацію (transform), переміщення (translate) кнопки вниз (по осі Y на 7px) для тегу
• .м. Кривий Ріг КЗШ 125 Костіна А. М.

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

3. В атрибуті HREF тегу з зажатою Ctrl поставте курсор та наберіть шлях до посилання – page_$.html.м. Кривий Ріг КЗШ 125 Костіна А. М.

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

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

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

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

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

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

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

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

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

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