Презентація до уроку "Поняття про мову розмічання гіпертекстового документа"

Про матеріал
Презентація до уроку "Поняття про мову розмічання гіпертекстового документа" (2 уроки). Розділ: Мультимедійні та гіпертекстові документи. 10 клас
Перегляд файлу
Поняття про мову розмічання гіпертекстового документа10 клас. Розділ: Мультимедійні та гіпертекстові документи
HTML -Hyper Text Markup Languageмова розмічання гіпертексту. Стандартна мова розмічання документів у Всесвітній павутині. Файл, написаний мовою HTML інтерпретується браузером і відображається у вигляді Веб-сторінки, у зручній для користувача формі.
Ванневар Буш(11.03.1890 — 30.06.1974) ідеї розширення пам'яті людини за допомогою технічних пристроїв, ідеї індексації накопиченої людством інформації для її швидкого пошуку, ідея машини Memex , яка могла б за спеціально закодованими в документі посиланням автоматично виконувати переходи — демонструвати користувачу документи, на які налаштовані посилання (стаття «As We May Think»). 010203 Щоб зрозумiти свiт Бiлла Гейтса i Бiлла Клiнтона, спробуйте спочатку зрозумiти Ванневара Буша. Майкл Шеррi, амер. iсторик технологiй
Теодор Нельсон(11.03.1890 — 30.06.1974) автор термінів «гіпертекст», «гіперсередовище», «гіпермедіа» (hypermedia) (1965), технологія гіпертексту — тексту, що «має гілки» та надає читачу різні варіанти читання, опис гіпертекстової системи для зберігання та пошуку тексту, що мала назву Xanadu (1965 р.) 010203«Інтерфейс має бути настільки простим,щоб навіть новачок в критичній ситуації міг би розібратися в ній за 10 секунд. Тед Нельсон. Авторська діаграма зв’язку між текстами 1965 р. [Nelson 1972]
Дуглас Енгельбарт(30.01.1925 – 02.07.2013) перша працююча гіпертекстова система (NLS, від o. N Line System) - 1968 р. розробка концепції гіпертексту, перша відеодемонстрація переходу в гіпертексті, використовуючи маніпулятор-мишу (1968 р.) 010203 Даг став піонером в мережевих технологіях у ті часи, коли цим ще ніхто не займався. Скот Макнілі, керівник SUN Microsystems
Тім Бернерс-Лі(08.06.1955)система адресації URL, протокол передачі даних HTTP, мова гіпертекстової розмітки HTML.010203 Роберт Кайо(26.01.1947)Автори Всесвітньої павутини (технології WWW)Cлід бачити в комп'ютері пристрій, здатний робити все, що захоче від нього власник, а не просто домашню техніку на зразок холодильника, виконуючу заздалегідь задані функції. Тім Бернерс-Лі
Малий інформаційний обсяг. Можливість перегляду на комп’ютерах, які працюють під управлінням різних ОСІнтерактивність. Простота. Основні переваги HTML-документів:
HTML
Теги -команди (елементи) мови HTML. Записуються у < >. Контейнером називається пара: відкриваючий <ТЕГ> і закриваючий </ТЕГ>.<ТЕГ>Контейнер</ТЕГ> одинарніпарні (контейнери)<br><img ><title> … </title><а> … </а>англ. tag - ярлик, мітка, бірка.
Структура HTML-файлу<html></html><head></head><body></body><title></title>Назва вікна Wed-сторінки. Вміст Web-сторінки. Заголовок документа, вміщений у контейнер TITLEВміст, включений у контейнер BODYАдреса та назва файла
Атрибути (параметри) тегів -дозволяють розширити властивості окремих тегів. одинарніпарні <ТЕГ параметр1= <ТЕГ параметр1="значення" параметр2 = "значення">… " title="Атрибути (параметри) тегів -дозволяють розширити властивості окремих тегів. одинарніпарні <ТЕГ параметр1="значення" параметр2 = "значення"> <ТЕГ параметр1="значення" параметр2 = "значення">… ">
Головні параметри тега BODYBACKGROUND = …" title="Головні параметри тега BODYBACKGROUND = "шлях до графічного файлу" — задає картинку для фону BGCOLOR = "колір" — задає колір фону, якщо не використовується фон-картинка. TEXT = "колір" — задає колір тексту на сторінці…">
Кольори HTMLТаблиці та сервіси вибору кольорів:
Теги форматування символів. Моя перша<B><I> Web-сторінка </I></B>{5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}<В> текст </В>Товстий шрифт тексту<І> текст </I>Шрифт- курсив<U> текст </U>Підкреслений шрифт<SUB> текст </SUB>Нижній індекс, наприклад, Н2 О.<SUP> текст </SUP>Верхній індекс, наприклад, 1а.<BIG> текст </BIG>Великий шрифт.<SMALL> текст </SMALL>Малий шрифт.<EM> текст </EM>Виокремлений курсивом текст (тег І )
Теги розміщення тексту. Моя перша<B><I> Web-сторінка </I></B><HR>{93296810-A885-4 BE3-A3 E7-6 D5 BEEA58 F35}<P>Цей тег означає початок нового абзацу. Його можна записувати в кінці попереднього. Між абзацами буде порожній рядок. Зауважимо, що тег <Р> може викорис­товуватися як парний: <Р> текст абзацу </Р><BR>Наступний за цим тегом текст буде наведено у новому рядку без пропуску рядка<HR>У рядку буде проведена горизонтальна лінія
Вирівнювання<CENTER> елемент </CENTER> — вирівнювання до центру; <LEFT>елемент</LEFT> — вирівнювання до лівого краю; <RIGHT> елемент </RIGHT> — вирівнювання до правого краю.<center> Моя перша Web-сторінка</center>
Теги заголовківЄ шість видів заголовків, які відрізняються розмірами символів:<Нn>Заголовок, що має розмір n </Нn>, де n=1-6<Н1>Заголовок, що має розмір 1</Н1>
Параметри шрифтів. Щоб задати назву конкретного типу шрифта, його розмір і колір, використовують тег FONT з параметрами FACE, SIZE та COLOR. <FONT FACE = текст Мама мила раму " title="Параметри шрифтів. Щоб задати назву конкретного типу шрифта, його розмір і колір, використовують тег FONT з параметрами FACE, SIZE та COLOR. текст Мама мила раму ">
Cписки. Марковані списки:<LH> заголовок списку</LН><UL [TYPE={disc|circle|square} ]> <LI> елемент списка<LI> елемент списка . . . </UL><ul> <li>Перший пункт</li> <li>Другий пункт</li> <li>Третій пункт</li> </ul>
Списки. Нумеровані списки:<LH> заголовок списку</LН><OL TYPE=
  • елемент списка
  • елемент списка . . . Варіанти параметра TYPE, що задають відображення нумерації списку:"і" - римськими малими (і, іі, ііі, iv, ...), "І" - римськими великими (І, II, III, IV, ...) цифрами, "а" - латинськими малими (a, b, c, d, ...),"А" - латинськими великими (А, В, С, ...) літерами.
    1. Перший пункт
    2. Другий пункт
    3. Третій пункт
    " title="Списки. Нумеровані списки: заголовок списку
    1. елемент списка
    2. елемент списка . . .
    Варіанти параметра TYPE, що задають відображення нумерації списку:"і" - римськими малими (і, іі, ііі, iv, ...), "І" - римськими великими (І, II, III, IV, ...) цифрами, "а" - латинськими малими (a, b, c, d, ...),"А" - латинськими великими (А, В, С, ...) літерами.
    1. Перший пункт
    2. Другий пункт
    3. Третій пункт
    ">
  • Списки. Список визначень:<LH> заголовок списку</LН>< DL> <DT> термін <DD> визначення 1 <DD> визначення 2 ... </DL> <DL> <DT> термін<DD> визначення терміну 1<DD> визначення терміну 2 </DL>
    Вставлення графічних файлів. Щоб задати назву конкретного типу шрифта, його розмір і колір, використовують тег FONT з параметрами FACE, SIZE та COLOR. <IMG SRC={5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}АLTАльтернативний текст. BORDERТовщина лініїALIGNВирівнювання (left, center або right)WIDTHШирина в пікселях. HEIGHTВисота в пікселях TITLEВипливаючий текст. Деякі параметри : " title="Вставлення графічних файлів. Щоб задати назву конкретного типу шрифта, його розмір і колір, використовують тег FONT з параметрами FACE, SIZE та COLOR. {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}АLTАльтернативний текст. BORDERТовщина лініїALIGNВирівнювання (left, center або right)WIDTHШирина в пікселях. HEIGHTВисота в пікселях TITLEВипливаючий текст. Деякі параметри : ">
    Теги вставлення графічних файлів<IMG SRC=" title="Теги вставлення графічних файлів">
    Вставлення відеофайлів. За допомогою тега IMG можна вставити також відеофільм, який запускатиметься в момент відкриття web-сторінки:<IMG DYNSRC=" title="Вставлення відеофайлів. За допомогою тега IMG можна вставити також відеофільм, який запускатиметься в момент відкриття web-сторінки:">
    Посилання на файл. Елемент А називають елементом прив’язки чи якірним елементом.<A HREF=текст {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}LINK = "колір" Колір гіперпосилання VLINK="кoлip" Змінює колір гіперпосилання після першого його використання ALINK="колір" Змінює колір активізованого гіперпосилання Змінити колір гіперпосилання – у тезі :Перейти на другу сторінку . . . Перейти на другу сторінку …. . .2.html1.html" title="Посилання на файл. Елемент А називають елементом прив’язки чи якірним елементом.текст {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}LINK = "колір" Колір гіперпосилання VLINK="кoлip" Змінює колір гіперпосилання після першого його використання ALINK="колір" Змінює колір активізованого гіперпосилання Змінити колір гіперпосилання – у тезі :Перейти на другу сторінку . . . Перейти на другу сторінку …. . .2.html1.html">
    Посилання в межах сторінки<A HREF = текст гіперпосилання {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}<А NАМЕ="#початок">Позначка місця на початку сторінки<А NАМЕ="#кінець">Позначка місця в кінці сторінки<А NАМЕ = "#моя позначка">Позначка в будь-якому місці тексту Насамперед потрібно позначити місце на сторінці, куди відбуватиметься перехід: Потім встановити гіперпосилання на створену позначку:" title="Посилання в межах сторінки текст гіперпосилання {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}<А NАМЕ="#початок">Позначка місця на початку сторінки<А NАМЕ="#кінець">Позначка місця в кінці сторінки<А NАМЕ = "#моя позначка">Позначка в будь-якому місці тексту Насамперед потрібно позначити місце на сторінці, куди відбуватиметься перехід: Потім встановити гіперпосилання на створену позначку:">
    ТаблиціДля заповнення комірок таблиці використовують теги:<ТН>…</ТН> - формують комірку з заголовком рядка чи стовпця.<TR>...</TR> - формують рядок таблиці. <TD>…</TD>    - формують текст кожної комірки.<TABLE параметри><ТС> Заголовок таблиці </ТС>Тут вказуємо теги для заповнення комірок таблиці рядок за рядком</TABLE>
    ТаблиціДеякі параметри <TABLE>: {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}BORDERCOLORколір рамки. BGCOLORколір тла. BORDERтовщина рамки. ROWSPANCOLSPANn – кількість об’єднаних послідовних комірок у рядку (у стовпці) у відповідних тегах <ТН> чи <TD>WIDTHширина таблиці в пікселях або у відсотках від ширини вікна бруазера. ALIGNвирівнювання всієї таблиці щодо тексту, в якому вона знаходиться (left, center або right)
    Таблиці<table border=Це перша комірка таблиціЦе друга комірка таблиціЦе третя комірка таблиціЦе четверта комірка таблиці" title="Таблиці
    Це перша комірка таблиціЦе друга комірка таблиці
    Це третя комірка таблиціЦе четверта комірка таблиці
    ">
    Практична робота
    Алгоритм виконання практичної роботи: Відкрийте редактор Блокнот. Створіть за допомогою текстового редактора файл за зразком. <HTML><HEAD>Моя перша Web-сторінка<TITLE> My new Web-page </TITLE></HEAD><BODY></BODY></HTML>3. Збережіть файл (ФайлСохранить как…) у власній папці з назвою Practic1.html4. Перегляньте файл за допомогою браузера.
    Алгоритм виконання практичної роботи:5. Змініть початковий файл (внесіть зміни за зразком). 6. Збережіть зміни та перегляньте файл за допомогою браузера. 7. Поекспериментуйте з тегами форматування тексту та надайте своїй сторінці якнайліпшого вигляду.<HTML><HEAD><center> <H1> Моя перша Web-сторінка</H1></center><P><TITLE> My new Web-page </TITLE></HEAD><BODY BGCOLOR=Привіт! Мене звати ..... Я навчаюсь у ..... Я люблю слухати хорошу музику

    Моя адреса:" title="Алгоритм виконання практичної роботи:5. Змініть початковий файл (внесіть зміни за зразком). 6. Збережіть зміни та перегляньте файл за допомогою браузера. 7. Поекспериментуйте з тегами форматування тексту та надайте своїй сторінці якнайліпшого вигляду.

    Моя перша Web-сторінка

    My new Web-page Привіт! Мене звати ..... Я навчаюсь у ..... Я люблю слухати хорошу музику

    Моя адреса:">

    Алгоритм виконання практичної роботи:8. Додайте до тексту список своїх уподобань (як нумерований чи маркований список). 9. Створіть у html-документі таблицю, в комірки якої вставте ілюстрації та короткі відомості (наприклад, інформацію про місця, у яких ви побували чи мрієте побувати).
    Алгоритм виконання практичної роботи:10. Розмістіть на сторінці посилання на інші сторінки (міста, навчального закладу).11. Збережіть файл на диску і перегляньте його у браузері.12. Удоскональте свою web-сторінку.13. Продемонструйте виконану роботу вчителю.
    Завдання на самостійну підготовку: Проведіть порівняльний аналіз HTML5 та HTML4. У чому різниця?Створіть самостійно сторінку сайта, присвячену вивченню мови HTML.
    Зміст слайдів
    Номер слайду 1

    Поняття про мову розмічання гіпертекстового документа10 клас. Розділ: Мультимедійні та гіпертекстові документи

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

    HTML -Hyper Text Markup Languageмова розмічання гіпертексту. Стандартна мова розмічання документів у Всесвітній павутині. Файл, написаний мовою HTML інтерпретується браузером і відображається у вигляді Веб-сторінки, у зручній для користувача формі.

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

    Ванневар Буш(11.03.1890 — 30.06.1974) ідеї розширення пам'яті людини за допомогою технічних пристроїв, ідеї індексації накопиченої людством інформації для її швидкого пошуку, ідея машини Memex , яка могла б за спеціально закодованими в документі посиланням автоматично виконувати переходи — демонструвати користувачу документи, на які налаштовані посилання (стаття «As We May Think»). 010203 Щоб зрозумiти свiт Бiлла Гейтса i Бiлла Клiнтона, спробуйте спочатку зрозумiти Ванневара Буша. Майкл Шеррi, амер. iсторик технологiй

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

    Теодор Нельсон(11.03.1890 — 30.06.1974) автор термінів «гіпертекст», «гіперсередовище», «гіпермедіа» (hypermedia) (1965), технологія гіпертексту — тексту, що «має гілки» та надає читачу різні варіанти читання, опис гіпертекстової системи для зберігання та пошуку тексту, що мала назву Xanadu (1965 р.) 010203«Інтерфейс має бути настільки простим,щоб навіть новачок в критичній ситуації міг би розібратися в ній за 10 секунд. Тед Нельсон. Авторська діаграма зв’язку між текстами 1965 р. [Nelson 1972]

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

    Дуглас Енгельбарт(30.01.1925 – 02.07.2013) перша працююча гіпертекстова система (NLS, від o. N Line System) - 1968 р. розробка концепції гіпертексту, перша відеодемонстрація переходу в гіпертексті, використовуючи маніпулятор-мишу (1968 р.) 010203 Даг став піонером в мережевих технологіях у ті часи, коли цим ще ніхто не займався. Скот Макнілі, керівник SUN Microsystems

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

    Тім Бернерс-Лі(08.06.1955)система адресації URL, протокол передачі даних HTTP, мова гіпертекстової розмітки HTML.010203 Роберт Кайо(26.01.1947)Автори Всесвітньої павутини (технології WWW)Cлід бачити в комп'ютері пристрій, здатний робити все, що захоче від нього власник, а не просто домашню техніку на зразок холодильника, виконуючу заздалегідь задані функції. Тім Бернерс-Лі

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

    Малий інформаційний обсяг. Можливість перегляду на комп’ютерах, які працюють під управлінням різних ОСІнтерактивність. Простота. Основні переваги HTML-документів:

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

    HTML

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

    Теги -команди (елементи) мови HTML. Записуються у < >. Контейнером називається пара: відкриваючий <ТЕГ> і закриваючий .<ТЕГ>Контейнер одинарніпарні (контейнери)
    <а> … англ. tag - ярлик, мітка, бірка.

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

    Структура HTML-файлуНазва вікна Wed-сторінки. Вміст Web-сторінки. Заголовок документа, вміщений у контейнер TITLEВміст, включений у контейнер BODYАдреса та назва файла

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

    Атрибути (параметри) тегів -дозволяють розширити властивості окремих тегів. одинарніпарні <ТЕГ параметр1="значення" параметр2 = "значення"> <ТЕГ параметр1="значення" параметр2 = "значення">…

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

    Головні параметри тега BODYBACKGROUND = "шлях до графічного файлу" — задає картинку для фону BGCOLOR = "колір" — задає колір фону, якщо не використовується фон-картинка. TEXT = "колір" — задає колір тексту на сторінці…

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

    Кольори HTMLТаблиці та сервіси вибору кольорів:

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

    Теги форматування символів. Моя перша Web-сторінка {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}<В> текст Товстий шрифт тексту<І> текст Шрифт- курсив текст Підкреслений шрифт текст Нижній індекс, наприклад, Н2 О. текст Верхній індекс, наприклад, 1а. текст Великий шрифт. текст Малий шрифт. текст Виокремлений курсивом текст (тег І )

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

    Теги розміщення тексту. Моя перша Web-сторінка


    {93296810-A885-4 BE3-A3 E7-6 D5 BEEA58 F35}

    Цей тег означає початок нового абзацу. Його можна записувати в кінці попереднього. Між абзацами буде порожній рядок. Зауважимо, що тег <Р> може викорис­товуватися як парний: <Р> текст абзацу
    Наступний за цим тегом текст буде наведено у новому рядку без пропуску рядка


    У рядку буде проведена горизонтальна лінія

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

    Вирівнювання

    елемент
    — вирівнювання до центру; елемент — вирівнювання до лівого краю; елемент — вирівнювання до правого краю.
    Моя перша Web-сторінка

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

    Теги заголовківЄ шість видів заголовків, які відрізняються розмірами символів:<Нn>Заголовок, що має розмір n , де n=1-6<Н1>Заголовок, що має розмір 1

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

    Параметри шрифтів. Щоб задати назву конкретного типу шрифта, його розмір і колір, використовують тег FONT з параметрами FACE, SIZE та COLOR. текст Мама мила раму

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

    Cписки. Марковані списки: заголовок списку

    • елемент списка
    • елемент списка . . .
    • Перший пункт
    • Другий пункт
    • Третій пункт

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

    Списки. Нумеровані списки: заголовок списку

    1. елемент списка
    2. елемент списка . . .
    Варіанти параметра TYPE, що задають відображення нумерації списку:"і" - римськими малими (і, іі, ііі, iv, ...), "І" - римськими великими (І, II, III, IV, ...) цифрами, "а" - латинськими малими (a, b, c, d, ...),"А" - латинськими великими (А, В, С, ...) літерами.
    1. Перший пункт
    2. Другий пункт
    3. Третій пункт

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

    Списки. Список визначень: заголовок списку< DL>

    термін
    визначення 1
    визначення 2 ...
    термін
    визначення терміну 1
    визначення терміну 2

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

    Вставлення графічних файлів. Щоб задати назву конкретного типу шрифта, його розмір і колір, використовують тег FONT з параметрами FACE, SIZE та COLOR. {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}АLTАльтернативний текст. BORDERТовщина лініїALIGNВирівнювання (left, center або right)WIDTHШирина в пікселях. HEIGHTВисота в пікселях TITLEВипливаючий текст. Деякі параметри :

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

    Теги вставлення графічних файлів

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

    Вставлення відеофайлів. За допомогою тега IMG можна вставити також відеофільм, який запускатиметься в момент відкриття web-сторінки:

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

    Посилання на файл. Елемент А називають елементом прив’язки чи якірним елементом.текст {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}LINK = "колір" Колір гіперпосилання VLINK="кoлip" Змінює колір гіперпосилання після першого його використання ALINK="колір" Змінює колір активізованого гіперпосилання Змінити колір гіперпосилання – у тезі :Перейти на другу сторінку . . . Перейти на другу сторінку …. . .2.html1.html

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

    ТаблиціДля заповнення комірок таблиці використовують теги:<ТН>… - формують комірку з заголовком рядка чи стовпця.... - формують рядок таблиці. …    - формують текст кожної комірки.

    <ТС> Заголовок таблиці Тут вказуємо теги для заповнення комірок таблиці рядок за рядком

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

    ТаблиціДеякі параметри

    : {5 C22544 A-7 EE6-4342-B048-85 BDC9 FD1 C3 A}BORDERCOLORколір рамки. BGCOLORколір тла. BORDERтовщина рамки. ROWSPANCOLSPANn – кількість об’єднаних послідовних комірок у рядку (у стовпці) у відповідних тегах <ТН> чи
    WIDTHширина таблиці в пікселях або у відсотках від ширини вікна бруазера. ALIGNвирівнювання всієї таблиці щодо тексту, в якому вона знаходиться (left, center або right)

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

    Таблиці

    Це перша комірка таблиціЦе друга комірка таблиці
    Це третя комірка таблиціЦе четверта комірка таблиці

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

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

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

    Алгоритм виконання практичної роботи: Відкрийте редактор Блокнот. Створіть за допомогою текстового редактора файл за зразком. Моя перша Web-сторінка My new Web-page 3. Збережіть файл (ФайлСохранить как…) у власній папці з назвою Practic1.html4. Перегляньте файл за допомогою браузера.

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

    Алгоритм виконання практичної роботи:5. Змініть початковий файл (внесіть зміни за зразком). 6. Збережіть зміни та перегляньте файл за допомогою браузера. 7. Поекспериментуйте з тегами форматування тексту та надайте своїй сторінці якнайліпшого вигляду.

    Моя перша Web-сторінка

    My new Web-page Привіт! Мене звати ..... Я навчаюсь у ..... Я люблю слухати хорошу музику

    Моя адреса:

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

    Алгоритм виконання практичної роботи:8. Додайте до тексту список своїх уподобань (як нумерований чи маркований список). 9. Створіть у html-документі таблицю, в комірки якої вставте ілюстрації та короткі відомості (наприклад, інформацію про місця, у яких ви побували чи мрієте побувати).

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

    Алгоритм виконання практичної роботи:10. Розмістіть на сторінці посилання на інші сторінки (міста, навчального закладу).11. Збережіть файл на диску і перегляньте його у браузері.12. Удоскональте свою web-сторінку.13. Продемонструйте виконану роботу вчителю.

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

    Завдання на самостійну підготовку: Проведіть порівняльний аналіз HTML5 та HTML4. У чому різниця?Створіть самостійно сторінку сайта, присвячену вивченню мови HTML.

    Середня оцінка розробки
    Структурованість
    4.9
    Оригінальність викладу
    4.8
    Відповідність темі
    5.0
    Загальна:
    4.9
    Всього відгуків: 10
    Оцінки та відгуки
    1. Полелюк Галина Валеріївна
      Дякую за чудову презентацію!
      Загальна:
      5.0
      Структурованість
      5.0
      Оригінальність викладу
      5.0
      Відповідність темі
      5.0
    2. Степенко Людмила Василівна
      Загальна:
      5.0
      Структурованість
      5.0
      Оригінальність викладу
      5.0
      Відповідність темі
      5.0
    3. Питалева Ірина Володимирівна
      Загальна:
      5.0
      Структурованість
      5.0
      Оригінальність викладу
      5.0
      Відповідність темі
      5.0
    4. Квасюк Олена Володимирівна
      Загальна:
      5.0
      Структурованість
      5.0
      Оригінальність викладу
      5.0
      Відповідність темі
      5.0
    5. Корман Світлана Миколаївна
      Загальна:
      5.0
      Структурованість
      5.0
      Оригінальність викладу
      5.0
      Відповідність темі
      5.0
    6. Дяченко Ірина Павлівна
      Дякую за хорошу презентацію!
      Загальна:
      4.7
      Структурованість
      5.0
      Оригінальність викладу
      4.0
      Відповідність темі
      5.0
    7. Кузьменко Ірина Валентинівна
      Дякую! Прекрасна допомога!
      Загальна:
      5.0
      Структурованість
      5.0
      Оригінальність викладу
      5.0
      Відповідність темі
      5.0
    8. Горстка Валентина
      Супер, молодець, дякую за працю!
      Загальна:
      5.0
      Структурованість
      5.0
      Оригінальність викладу
      5.0
      Відповідність темі
      5.0
    9. Якименко Оксана Вікторівна
      Загальна:
      5.0
      Структурованість
      5.0
      Оригінальність викладу
      5.0
      Відповідність темі
      5.0
    10. Верник Алекс
      Загальна:
      4.3
      Структурованість
      4.0
      Оригінальність викладу
      4.0
      Відповідність темі
      5.0
    Показати ще 7 відгуків
    pptx
    Додано
    8 квітня 2020
    Переглядів
    16322
    Оцінка розробки
    4.9 (10 відгуків)
    Безкоштовний сертифікат
    про публікацію авторської розробки
    Щоб отримати, додайте розробку

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