- •Міністерство освіти і науки україни
- •Донецьк - 2010
- •Розділ 1. Розвиток інформаційного суспільства, мова html
- •Тема 1. Розвиток інформаційного суспільства
- •1.1. Інформація та її роль у глобалізованому світі
- •1.2. Теорії інформаційного суспільства
- •1.3. Побудування інформаційного суспільства в Україні
- •1.4. Мови розмітки – тенденції розвитку
- •1.5. Міжнародні установи, що регулюють розробку і впровадження сучасних засобів подання інформації
- •Тема 2. Мова розмітки гіпертексту html
- •2.1. Структура html - документа
- •2.2. Форматування даних на сторінці
- •2.3. Створення гіперпосилань
- •2.4. Escape - послідовності
- •2.5. Горизонтальні лінії
- •Тема 3. Створення списків, таблиць
- •3.1. Списки
- •3.2. Таблиці
- •3.3. Фрейми
- •Тема 4. Робота з зображеннями
- •3.1. Використання зображень на web - сторінці
- •4.2. Гіперпосилання у вигляді зображення, створення мапи посилань
- •4.3. Біглий рядок
- •Тема 5. Каскадні листи стилів css
- •5.1. Призначення, синтаксис css
- •5.2. Застосування таблиць стилів css
- •Тема 6. Створення форм
- •6.1.Форми
- •6.2. Засоби розробки сценаріїв опрацювання інформації форми
- •Тест за змістовим модулем 1 «Розвиток інформаційного суспільства, мова html»
- •Розділ 2. Мова сценаріїв JavaScript
- •Тема 7. Основи мови JavaScript
- •7.1. Мова JavaScript: основні поняття
- •7.2. Організація розгалужених обчислювальних процесів
- •If (умова) {блок операторів 1}
- •7.3. Організація циклічних обчислювальних процесів
- •While (умова) { оператори_циклу }
- •Do { оператори_циклу } while (умова)
- •7.4. Функції
- •Тема 8. Опрацювання форм
- •8.1. Об’єкти браузера
- •8.2. Обробка подій
- •8.3. Робота з текстовими полями
- •8.4 Використання перемикачів у сценаріях
- •8.5. Застосування списків
- •8.6. Робота з прапорцями
- •Тест за змістовим модулем 2 «Мова сценаріїв JavaScript»
- •Розділ 3. Розширювана мова розмітки xml, обробка xml – документів
- •Тема 9. Створення xml – документів, опис шаблону документа
- •9.1. Загальні відомості
- •9.2. Структура xml - документа
- •9.3. Опис шаблону документа dtd
- •9.4. Перевірка правильності xml - документів
- •9.5. Демонстрація xml – документів з використанням
- •Тема 10. Простори імен, xml - схеми
- •10.1. Простори імен xml
- •10.2. Розробка xml - схеми
- •10.3. Визначення умов на значення елементів і атрибутів
- •Тема 11. Мова xPath, мова xslt
- •11.1. Мова xPath
- •11.2. Розширювана мова стилів для перетворень xslt
- •Тема 12. Мова xQuery
- •12.1. Призначення мови xQuery, xQuery – процесор Saxon
- •12.2. Формування запитів xQuery
- •12.3. Конструктори, арифметичні операції та функції
- •12.4. Умовний оператор if
- •If (умова) then
- •Тема 13. Xml – аналізатори і перетворення інформації
- •13.2. Об’єктна модель документа, dom - аналізатори
- •13.3. Застосування об’єктної моделі dom
- •Об’єкт ixmldomNamedNodeMap – невпорядкована колекція вузлів, обраних за ім’ям
- •Тема 14. Застосування xml – технологій на практиці
- •14.1. Використання xml податковою адміністрацією України
- •14.2. Мова xbrl - Extensible Business Report Language
- •14.3. Мова ebXml - Electronic Business xml
- •14.4. Мова cXml - Commerce xml
- •Тест за змістовим модулем 3 «Розширювана мова розмітки xml, обробка xml – документів»
- •Теми рефератів
- •Глосарій
- •Література
- •Основні засади розвитку інформаційного суспільства в україні на 2007 - 2015 роки
- •I. Загальні положення
- •II. Завдання, цілі та напрями розвитку інформаційного суспільства в україні
- •III. Національна політика розвитку інформаційного суспільства в україні
- •IV. Організаційно-правові основи розвитку інформаційного суспільства в україні
- •V. Очікувані результати
- •Множина кольорів у html
2.3. Створення гіперпосилань
Гіпертекстові посилання створюються за допомогою тегу <A>, який має декілька атрибутів. Атрибут HREF вказує на посилання на інший документ або закладку. При його визначенні слід указати URL або маршрут пошуку та ім’я файлу, на який здійснюється посилання.
<A HREF="http://www.rambler.ru"> Пошук у Rambler </A>
<A HREF="Приклад.htm"> Посилання </A>
При здійсненні переходу всередині документа потрібно значення атрибуту HREF визначити так: символ числа #, ім’я закладки.
Створюються закладки за допомогою атрибуту NAME тегу <A>.
Наприклад, можна визначити перше речення документа як закладку з ім’ям «Початок»:
<A NAME="Початок"> Перше речення сторінки </A>
Для переходу на початок документа можна наприкінці сторінки створити таке гіперпосилання:
<A HREF="# Початок"> На початок сторінки </A>
2.4. Escape - послідовності
ESCAPE – послідовності або CER (Character Entity Reference) використовуються тоді, коли у тексті, що виводиться на сторінці, присутні зарезервовані мовою HTML символи (< , >, " тощо) або спеціальні символи. У таких випадках можна ввести символ & (амперсанд), далі ім’я CER або після символу числа # його ASCII-код, і обов’язково поставити крапку з комою (;).
Наприклад,
© ДонНУЕТ - ДонНУЕТ
Значення < 0 - Значення < 0
Таблиця 2.3 – Характеристика CER
Код ASCII |
Ім’я |
Символ |
Опис |
" |
" |
" |
лапки |
& |
& |
& |
амперсанд |
< |
< |
< |
менше |
> |
> |
> |
більше |
£ |
£ |
£ |
фунт |
¤ |
¤t; |
¤ |
валюта |
¨ |
¨ |
¨ |
умляут |
© |
© |
© |
копірайт |
« |
« |
« |
ліві кутові лапки |
± |
± |
± |
плюс-мінус |
» |
» |
» |
праві кутові лапки |
2.5. Горизонтальні лінії
Створюються за допомогою тегу <HR>, який має атрибути:
атрибут SIZE – товщина лінії у пікселях;
атрибут WIDTH – довжина лінії у пікселях або у відсотках від ширини вікна;
атрибут ALIGN – спосіб вирівнювання лінії;
атрибут NOSHADE – лінія замальована усередині.
Наприклад,
<HR SIZE=8 WIDTH=75% ALIGN=CENTER NOSHADE>
Контрольні питання
Для чого призначена мова HTML?
Як створити HTML – документ? Як визначаються імена HTML – документів?
Що таке тег? Які теги існують?
Яку роль відіграють атрибути?
Яку структуру має HTML – документ?
Як визначити заголовну частину документа?
Які атрибути тегу <BODY> Вам відомі?
Як визначаються кольори у HTML?
Як змінити шрифт, спосіб накреслення?
Як створити гіперпосилання на поточній сторінці та на інший документ?
Навіщо і як використовуються ESCAPE – послідовності?
Як створити акронім, горизонтальну лінію у документі?
Практичні завдання
Варіант №1
Розробити сайт «Інформація про підприємство -//-», у якому міститься три web – сторінки. На першій сторінці вивести найменування підприємства, адресу, телефон, e-mail та інші загальні відомості. На другій сторінці вивести данні про продукцію, що виробляється на підприємстві. На третій сторінці вивести відомості про керівників підприємства. Створити гіперпосилання для переходу між сторінками.
При створенні web – сторінок необхідно використовувати такі параметри форматування: колір фону, колір символів, різний розмір шрифту, різні способи вирівнювання, горизонтальні лінії.
Варіант №2
Розробити сайт «Інформація про студентську групу -//-», у якому міститься три web – сторінки. На першій сторінці вивести найменування інституту, спеціальності, номер групи, перелік студентів групи. На другій і третій сторінці вивести відомості про двох студентів: ім’я, дата народження, адреса, хобі тощо. Створити гіперпосилання для переходу між сторінками.
При створенні web – сторінок необхідно використовувати такі параметри форматування: колір фону, колір символів, різний розмір шрифту, різні способи вирівнювання.
Варіант №3
Розробити сайт «Інформація про комерційний банк -//-», у якому міститься три web – сторінки. На першій сторінці вивести найменування банку, адресу, телефон, e-mail та інші загальні відомості. На другій сторінці вивести данні про банківські послуги. На третій сторінці вивести відомості про керівників банку. Створити гіперпосилання для переходу між сторінками.
При створенні web – сторінок необхідно використовувати такі параметри форматування: колір фону, колір символів, різний розмір шрифту, різні способи вирівнювання.