Scribd Logo
Upload

Welcome to Scribd!

  • Практична робота2

    Uploaded by

    Kr1pn9ks
    28 views5 pages
    1342

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    1342

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    28 views5 pages

    Практична робота2

    Uploaded by

    Kr1pn9ks
    1342

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    Практична робота 2.

    Створення вебсторінки за допомогою «Мови гіпертекстової розмітки»

    Порядок виконання

    Завдання 1 (4 бали)

    1) Створіть теку "site”.


    2) Відкрийте Блокнот або будь який інший редактор коду. Створіть новий
    файл, збережіть його під назвою “index.html” у теці “site”.
    3) Уведіть базову структуру HTMLсторінки наступного вигляду
    <!DOCTYPE html>
    <html lang="uk">
    <head>
    <title> </title>
    <meta charset="utf-8">
    </head>
    <body>
    </body>
    Примітка: перший рядок – це інструкція для браузера, з якою версією мови
    розмітки він буде працювати (ми орієнтуємось на HTML5), другий рядок – визначає
    мову сайту (uk- українська) і нарешті 5 рядок – визначає кодування HTML-сторінки,
    його необхідно вказувати, для правильного відображенням тексту браузером. Наразі
    найбільш поширене кодування – UTF-8.
    4) Уведіть назву сайту між відкриваючим та закриваючим тегом <title>, наприклад
    “Наш ліцей”.
    5) Встановіть вказівник миші після відкриваючого тегу <body>. Почніть заповнення
    контенту з тегу <header>
    Уведіть наступний код:
    <header >
    <h1> Сайт про наш ліцей </h1>
    <h2> Створено на практичній роботі </h2>
    </header>
    6) Створіть меню за допомогою маркованого списку <ul> наступного вигляду:
    <nav >
    <ul>
    <li><a href="index.html">Головна сторінка</a></li>
    <li><a href="page1.html">Про ліцей</a></li>
    <li><a href="page2.html">Розклад занять</a></li>
    <li><a href="page3.html">Моя група</a></li>
    <li><a href="page4.html">Про автора</a></li>
    </ul>
    </nav>
    7) Введіть текст “Раді вітати Вас на головній сторінці нашого сайту!!!”, виділивши
    його тегами <p></p>(абзац), <center></center>(розміщення по центру), <b><b>
    (жирний).
    8) Додайте футер з наступним кодом:
    <footer>
    <p><center>Copyright 2020</center></p>
    </footer>
    9) Збережіть файл.
    ПРИКЛАД ГОТОВОЇ СТОРІНКИ

    Завдання 2 (2 бали)

    1) Виберіть команду Файл→Зберегти як, щоб зберегти файл під іменем


    “page1.html” у теці “site”.
    2) Внесіть необхідні зміни для створення сторінки Про ліцей.
    ПРИКЛАД ГОТОВОЇ СТОРІНКИ

    Завдання 3 (3 бали)

    1) Виберіть команду Файл→Зберегти як, щоб зберегти файл під іменем


    “page2.html” у теці “site”.
    2) Внесіть необхідні зміни для створення сторінки Про розклад.
    3) Розклад має бути поданий у вигляді таблиці.

    ПРИКЛАД ГОТОВОЇ СТОРІНКИ


    Завдання 4 (1 бал)

    1) Виберіть команду Файл→Зберегти як, щоб зберегти файл під іменем


    “page3.html” у теці “site”.
    2) Розмістіть на сторінці інформацію про свою групу (зокрема профіль навчання)

    ПРИКЛАД ГОТОВОЇ СТОРІНКИ

    Завдання 5 (2 бали)

    1) Створіть сторінку page4.html, на якій вкажіть дані про виконавця практичної


    роботи.
    ПРИКЛАД ГОТОВОЇ СТОРІНКИ
    Закрийте редактор коду. Увійдіть у теку “site”. Коли ви натиснете на index.html,
    у вас відкриється сторінка браузером, обраним на вашому комп’ютері за
    замовченням. Перейдіть за допомогою команд меню на інші сторінки.
    Добавте теку “site” до архіву, та прикріпить його до завдання в гугл клас.

    You might also like