Проектування та верстка вебсторінок

Верстка веб сторінок

Увага! Під час роботи з комп'ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

Завдання 1. Навчитись використовувати блокову модель.

1.)Зайти по посиланню https://jsfiddle.net/

2) Відкрити сторінку з HTML текстом, де прописана блокова верстка вебсторінки  https://docs.google.com/document/d/1-yE_R6v9qBukIaRNbHssd5ZnXGF-hXsasRFI08Sq7TU/edit?usp=sharing

3) скопіювати HTML текст вебсторінки (CTRL+C) та вставити його у онлайн редактор коду у область 1 (CTRL+V) і натиснути RUN, щоб переглянути результат у області 4

4) Відкрити сторінку з кодом, у якому прописано підключення CSS стилів https://docs.google.com/document/d/1rf5RJT9_UcwfNN7Dg_jWj9dOue4wQYuj0eqq5R4mO1Y/edit?usp=sharing

  скопіювати код (CTRL+C) та вставити його у онлайн редактор коду у область 2 (CTRL+V) і натиснути RUN, щоб переглянути результат у області 4

5) Щоб прозвітувати про виконане практичне завдання натиснути Save підтвердити цю дію Save, скопіювати сгенероване посилання у адресному рядку браузера і надіслати викладачеві.