Для створення наших майбутніх вебсторінок нам знадобиться спеціальна програма, тож перед початком курсу вам варто буде зареєструватися на сайті replit.com. Replit.com – це онлайн платформа, на якій можна створювати прості сторінки, а також ділитися посиланнями на свої перші сайти з друзями! Якщо бажаєте встановити офлайн редактор коду, який працюватиме навіть […]
html
15 записів
На цьому занятті ми розберемо класи у css та створимо адвент календар (Advent calendar) на рік з вітаннями та прикольними картинками!
Інтерв’ю Повторення -наше все. Мета цього уроку – згадати все вивчене з HTML🙃. Не лякайтесь, буде цікаво! Сьогодні ми братимемо інтерв’ю і створимо сторінку про людину, у якої взяли інтерв’ю. Об’єднайтесь в пари в класі. Якщо робите завдання не на уроці, візьміть інтерв’ю у родини, знайомих чи друзів. 1: Відкрийте […]
Різноманіття форм Реєстрація на сайті ? Щось купуємо чи замовляємо? В цьому допоможуть форми, які можна стоворити на HTML сторінці. Хотілось написано “легко сторити”, але дозволю вам самим визначити, чи легко це, бо коду буде багато, готуйтесь! Форми – це кращий спосіб передати інформацію про себе і свої побажання власникам […]
Простенька листівка на html та css допоможе креативно привітати зі святом і потренуватися у створенні div та редагуванні стилів
Сьогодні ми будемо на стилі з CSS, бо почнемо занурюватися у магію стилів наших сторінок. Просто HTML додавати не так цікаво, тепер ми будемо створювати гарненькі сторінки і допоможуть нам ні що інше, як стилі CSS! Без стилів CSS елементи розташовуються одне за одним і сайт виходить малопривабливим. Подивіться на […]
Створіть свою загадку, використовуючи тег div! Тег div – супермега важливий інструмент, який є чи не в кожному сучасному сайті! Тож сьогодні ми будемо з них знайомитися, а заразом створимо сторінку з загадками! Для початку пару загадок для вас: Всі загадки розгадали ? А давайте тепер створимо свою! Тег div […]
Скоро свята, а це означає, що кожен замислюється: як краще привітати друзів і близьких? Відповідь : новорічна листівка не звучить надто оригунально, але якщо це веб листівка ? Ви можете розмістити на ній все, що ваша душа забажає. Дайте волю своїй творчості! Створіть свою унікальну веб листівку, використовуючи вміння, які […]
Створюємо візуальний словник у HTML Цього разу ми розберемо таблиці у HTML і створимо візуальний словник. Користь візуальних словників у вивченні іноземної мови важко переоцінити. За допомогою них можна буде вчити нові слова і відразу запам’ятовувати пов’язану картинку. Наш мозок працює таким чином, що нам простіше пов’язувати нове слово з […]
Сьогодні ми створимо сторінку про подорож нашої мрії. Оберіть собі місто чи країну, куди хочете потрапити та створіть сторінку з інформацією про неї. Ми навчимося додавати відео з YouTube та мапи Google Maps на HTML-сторінку. Подорож моєї мрії 1: Створіть проєкт. Додай головний заголовок 2: Додайте менші заголовки 3: Додайте […]