Скачать презентацию Мови програмування Лекція 2 Мова HTML Скачать презентацию Мови програмування Лекція 2 Мова HTML

Lecture2_MP.ppt

  • Количество слайдов: 34

Мови програмування Лекція 2 Мови програмування Лекція 2

Мова HTML – Hyper Text Markup Language – мова розмітки гіпертексту. Основне поняття мови Мова HTML – Hyper Text Markup Language – мова розмітки гіпертексту. Основне поняття мови HTML – елемент. Елементами називаються структури, з яких будується документ на мові HTML.

Мова HTML Коли користувач запрошує веб-сторінку, текстовий документ надходить з сервера в браузер, і Мова HTML Коли користувач запрошує веб-сторінку, текстовий документ надходить з сервера в браузер, і той інтерпретує дескриптори (теги), визначаючи, як сторінка відображається на екрані. Виконується у будь-якому текстовому редакторі (наприклад, Блокнот). Зберігається з розширенням *. html. Приклад:

Hello, World!

Результат Результат

HTML Теги поділяються на контейнери та одиничні. Контейнер – це дескрипторна пара, яка складається HTML Теги поділяються на контейнери та одиничні. Контейнер – це дескрипторна пара, яка складається із початкового (або відкриваючого) та кінцевого (або закриваючого) дескрипторів. Початковий дескриптор має вигляд , де TAG – це ім’я реального HTML-дескриптора. Кінцевий дескриптор має вигляд . Пустий дескриптор відрізняється від контейнера тим, що не містить ніякої інформації. У нього є лише початковий дескриптор. Пустий дескриптор зазвичай виконує самостійну задачу, не пов’язану з конкретним текстом. Наприклад, дескриптор

створює горизонтальну лінію і не виконує при цьому ніяких дій над текстом, в протилежність початковому (<Н 1>) і кінцевому () дескрипторам контейнера. Початковий і кінцевий дескриптори контейнера разом із включеним між ними вмістом – це елемент HTML-документа. Елементом може бути зображення, фрагмент тексту, форма, таблиця, список, звернення, текстове поле, кнопка і навіть заголовок документа або його основна частина (тіло).

Мова HTML Слова у тексті програми беруться у кутові дужки < >. Такі слова Мова HTML Слова у тексті програми беруться у кутові дужки < >. Такі слова називаються тегами, і при обробці сторінки браузер інтерпретує їх як спеціальні команди. Більшість тегів мають пару. Наприклад, документ розпочинається з тега і закінчується тегом . Символ / вказує, що тег закриваючий. - заголовок - основна частина (тіло) HTML-документа Документ HTML завжди містить елемент HTML, що в свою чергу, містить елементи HEAD та BODY. Інші елементи поділяються на групи: елементи заголовку, блокові елементи, текстові елементи. З елементами можуть бути зв’язані властивості, що називаються атрибутами. Їх значення задаються при оголошенні елемента чи присвоюються за замовчуванням. Атрибути елемента вказуються у початковому тегові. Значення атрибута береться у подвійні лапки, між атрибутом і його значенням ставиться символ “=“.

Основні теги мови HTML Тег Значення Коментар <b></b> Жирний шрифт Може працювати не у Основні теги мови HTML Тег Значення Коментар Жирний шрифт Може працювати не у всіх браузерах. Курсив Може працювати не у всіх браузерах. Заголовок 1 -го рівня Найбільші заголовки. Заголовок 6 -го рівня Найменші заголовки.

Ненумерований список Має містити елементи списку (
  • ).
    Нумерований список Має містити елементи списку (
  • ). перехід на іншу сторінку Гіперпосилання Посилання на іншу сторінку. Текст між тегами і буде видно як гіперпосилання. Змінити шрифт Підтримується не всіма браузерами. Можна змінювати колір, розмір та вигляд (гарнітуру шрифта). Перенос рядка Переноc рядка у тексті. Не має закриваючого тега
    Горизонтальна лінія Розташовує на сторінці горизонтальну лінію. Не має закриваючого тега.

    Основні теги мови HTML Основні теги мови HTML

    Таблиці HTML <html> <head> Таблиці HTML</head> <h 1> Таблиці HTML </h 1> <body> <table Таблиці HTML Таблиці HTML Таблиці HTML

    Monday Tuesday Wednesday Thursday Friday
    Morning Math Science Music
    Afternoon PE English History

    Мова HTML 1. HTML – бідна мова з точки зору програмування. 2. Гіперпосилання – Мова HTML 1. HTML – бідна мова з точки зору програмування. 2. Гіперпосилання – це, по суті, облагороджений оператор GOTO, що забезпечує перехід до жорстко вказаного місця. 3. HTML не надає жодної реальної можливлсті зберігати дані у процесі роботи додатку.

    Мова HTML 4. У HTML дуже обмежені можливості для взаємодії. Стандартний HTML – це Мова HTML 4. У HTML дуже обмежені можливості для взаємодії. Стандартний HTML – це статичні Web-сторінки з текстом, рисунками та посиланнями на інші сторінки. 5. Але HTML забезпечує інтерактивність за допомогою вбудованих елементів управління (intrinsic controls) – полів вводу, що зазвичай присутні в HTML-формах.

    Мова HTML l Мова HTML – НЕ є мовою Webпрограмування. Але, для того, щоб Мова HTML l Мова HTML – НЕ є мовою Webпрограмування. Але, для того, щоб виконувати Web-розробки необхідно знати HTML.

    Програмування на боці клієнта l Сценарії (scripting) – додана функціональність шляхом комбінування мови програмування Програмування на боці клієнта l Сценарії (scripting) – додана функціональність шляхом комбінування мови програмування та HTML. Результатом є гібрид коду та тегів. Введено спеціальний тег

    VBSCRIPT VBScript являє собою мову опису сценаріїв, у основі якого лежить Visual Basic for VBSCRIPT VBScript являє собою мову опису сценаріїв, у основі якого лежить Visual Basic for Application (VBA). VBScript керує подіями. Це означає, що написаний код виконується у відповідь на подію (event), що виникає у результаті взаємодії користувача з графічним інтерфейсом (graphical user interface, GUI). У веб-програмуванні GUI являє собою веб-сторінку.

    VBSCRIPT Наприклад, натискання кнопки викликає подію On. Click. Вона, у свою чергу обробляється кодом VBSCRIPT Наприклад, натискання кнопки викликає подію On. Click. Вона, у свою чергу обробляється кодом на VBScript, організованим у вигляді процедури обробки події. Імена таких процедур мають назву Ім’я. Елемента. Управління_Ім’я. Події. Недоліки сценаріїв: не всі програми перегляду розпізнають та обробляють сценарії, а ті, що це роблять використовують різні мови.

    JAVASCRIPT Підтримується як Internet Explorer, так і Net. Scape Navigator l Самодостатні, такі що JAVASCRIPT Підтримується як Internet Explorer, так і Net. Scape Navigator l Самодостатні, такі що завантажуються фрагменти Web-сторінки l

    JAVA У 1995 г. фірма Sun Microsystems представила мову Java для программировання в інтернеті. JAVA У 1995 г. фірма Sun Microsystems представила мову Java для программировання в інтернеті. Вона виникла в ході реализації проекту Oak ( «Дуб» ), метою якого було створення системи програмування побутових мікропроцесорних пристроїв. Джеймс Гослінг (Gosling, James) – автор Java.

    JAVASCRIPT За функцінальністю Java. Script схожа на VBScript, але відрізняється синтаксисом. Java. Script не JAVASCRIPT За функцінальністю Java. Script схожа на VBScript, але відрізняється синтаксисом. Java. Script не підтримує концепцію процедур обробки подій. Всі процедури – це функції, що викликаються за допомогою атрибутів подій, розташованих у HTML-тегу.

    Java. Script Hello, World! Example

    Компоненти Active X Технологія, що ґрунтується на COM – моделі багатокомпонентних об’єктів Microsoft (Component Компоненти Active X Технологія, що ґрунтується на COM – моделі багатокомпонентних об’єктів Microsoft (Component Object Model). Компоненти Active X варіюються від елементів управління, таких як движки (spinners), до невізуальних компонентів, що забезпечують доступ до баз даних чи електронної пошти. Сторінки в Internet Explorer більш функціональні та привабливі, але абсолютно некорисні у середовищі, що не підтримує Active X, наприклад, Netscape Navigator. Компонент Active X додається у веб-сторінку за допомогою тегу , що однозначно визначає компонент для програми перегляду.

    Active X Приведений код використовуючи тег <OBJECT>, поміщає на веб-сторінку елемент управління Active X Active X Приведений код використовуючи тег , поміщає на веб-сторінку елемент управління Active X – мітку.

    Active X Значення GUID у будь-які операційній системі зберігається у реєстрі – централізованій базі Active X Значення GUID у будь-які операційній системі зберігається у реєстрі – централізованій базі даних, яка відповідає за підтримання інформації програмні об’єкти, що використовуються додатками. Коли IE знаходить тег , він звертається до реєстру і шукає GUID, що співпадає зі значенням атрибуту CLASSID. Коли такий GUID знайдений, з реєстру вибирається додаткова інформація, що дозволяє відшукати файл, який відповідає даному елементу управління Active X.

    Active X Атрибут ID задає ім’я елемента управління, за допомогою якого до всіх його Active X Атрибут ID задає ім’я елемента управління, за допомогою якого до всіх його властивостей, методи і події матимуть доступ з тексту сценарію. CLASSID – буквенно-цифровий код, який однозначно ідентифікує коспонент Active X. Цей код відомий як глобально унікальний ідентифікатор (Globally Unique Identifier, GUID) не використовує жоден інший компонент Active X. За допомогою GUID IE однозначно визначає необхідний компонент і створює його на сторінці. Якщо потрібний елемент Active X відсутній на клієнтській машині, IE звертається до атрибута CODEBASE за інформацією про його знаходження на сервері. За цією інформацією, файли даного елемента управління завантажуються з серверу, і елемент встановлюється на клієнтській машині.

    Active X Тег <OBJECT> може активізувати довільний компонент Active X, наприклад, написаний на Visual Active X Тег може активізувати довільний компонент Active X, наприклад, написаний на Visual Basic, C++ чи Microsoft Fox. Pro. Остаточне забезпечення компоненту даними відбувається через тег , що має атрибути NAME і VALUE, за допомогою яких задаються початкові значення властивостей даного компоненту, коли він вперше створюється на веб-сторінці.

    Active X Visual Basic, починаючи з версії 5. 0, дозволяє, крім елементів управління Active Active X Visual Basic, починаючи з версії 5. 0, дозволяє, крім елементів управління Active X, створювати документи Active Х. Вони є програмними документами, що можуть завантажуватися і працювати усередині Active X-контейнера.

    Dynamic HTML У версії Internet Explorer 4. 0 було додано динамічний HTML, який дозволяє Dynamic HTML У версії Internet Explorer 4. 0 було додано динамічний HTML, який дозволяє за допомогою сценаріїв програмно змінювати тексти. У Dynamic HTML визначається набір подій, які можна асоціювати з тегами HTML. Це розширює парадигму VBScript керованості подіями на всі елементи веб-сторінки – теги, елементи управління Active X. Dynamic HTML суттєво збільшує потужність вебклієнта і його інтерактивність, причому не тільки за рахунок динамічного стилю маніпулювання.

    Dynamic HTML Эй, укажи-ка сюда мышкой!

    Dynamic HTML IE 4. 0 підтримує прив’язку даних до полів форми. Це означає, що Dynamic HTML IE 4. 0 підтримує прив’язку даних до полів форми. Це означає, що дані з бази даних на сервері можуть бути напряму пов’язані з полем форми у програмі перегляду Web, і миттєво редагуватимуться та обновлятимуться.

    Програмування з боку сервера Особлива технологія – технологія серверних сценаріїв, прикладом якої є Active Програмування з боку сервера Особлива технологія – технологія серверних сценаріїв, прикладом якої є Active Server Page (ASP). Вона дозволяє створювати незалежні від платформ веб-сторінки, які можна переглядати за допомогою будь-якої програми. У своїй основі ASP – це сценарій, що виконується на сервері IIS. Цей код динамічно виконується при запиті сторінки, а HTML-текст, що вийшов, відправляється програмі перегляду.

    " src="https://present5.com/presentation/43275717_164177710/image-31.jpg" alt="Програмування з боку сервера Веб-сторінка з ASP " /> Програмування з боку сервера Веб-сторінка з ASP ASP Example <%For x = 1 to 6%> >Active. X - это круто!

    <%Next%>

    Програмування з боку сервера У тексті присутній тег <SCRIPT> (він не є обов’язковим. Усередині Програмування з боку сервера У тексті присутній тег