- •Тема 1. Технології Internet та основи створення Web-вузлів
- •2, Загальні принципи створення комерційних Web-сайтів
- •3. Загальні принципи створення окремої сторінки Web-сайту "
- •4. Розміщення Web-вузла в Internet та вивір провайдера
- •Тема 2. Структура html-документа й елементи розмітки заголовка документа
- •1. Історія розвитку мови розмітки гіпертексту html
- •2. Принципи гіпертекстової розмітки. Структура html-документа
- •3. Тега, що визначають структуру документа
- •4. Призначення та основні контейнери заголовка
- •Тема 3. Мова розмітки гіпертексту html
- •5. Федорчук а. Как создаются Web-сайты: краткий курс- сПб: Питер, 2000.-224с: ил.
- •1. Теги управління розміткою
- •2. Теги керування відображенням символів
- •3. Організація тексту всередині документу
- •4. Засоби опису таблиць у html
- •Тема 4. Топологія Web-сайту. Навігація на Web-сайті. Створення гіпертекстових переходів засобами html
- •1. Топологія Web-сайту
- •2. Створення загальних посилань засобами html
- •3. Створення контекстних посилань засобами html
- •4. Створення гіперпосилань засобами html
- •5. Html форми
- •Тема 5. Основи Web-дизайну
- •2. Офермлеяня Web-сторінки. Типи фонів. Текстури. Правила
- •3. Логотип
- •4. Шрифт і текст у Web-дизайні
- •5. Кольорове коло. Системи представлення кольорів. Підбір
- •Тема 6. Кольорове оформлення сторінок засобами html. Web-графіка План лекції
- •1. Атрибути body для кольерового оформленим Web-сторінок
- •2. Оформлення таблиць
- •3. Використання графіки в html
- •Тема 7. Каскадні таблиці стилів css (Cascading Style Stoeets)
- •1. Основи css
- •1.1. Призначення css
- •1.2. Додавання стилів на web-сторінку
- •1.3. Присвоєння стилів
- •2. Властивості елементів, керованих за допомогою css
- •2.2. Текст
- •2.3. Шрифти
- •1. Пошук інформації у Internet Повнота, достовірність та швидкість пошуку
- •Тема 1. Технології Internet та основи створення Web-вузлів
2. Створення загальних посилань засобами html
World Wide Web (WWW) - розподілена гіпертекстова інформаційна система. Вона представляє зручний доступ до більшості інформаційних архівів Мережі. Особливістю системи є механізм гіпертекстових посилань, який дозволяє проглядати матеріали у порядку вибору цих посилань користувачем. Вибір матеріалу, що цікавить, може бути здійснений простим натисненням кнопки "мишки" на потрібному слові. У WWW існує велика кількість різного роду каталогів, які дозволяють орієнтуватися в Мережі, окрім цього користувачі можуть виконувати навіть видалені програми або дивитися фільми по Мережі. Такий сервіс не забезпечується іншими інформаційними системами Інтернет.
Гіпертекст - система зв'язаних слів і фраз, що дозволяє здійснювати навігацію між сторінками.
Гіпермедіа - середовище, засноване . на внутрішніх взаємозв'язках.
Розвинувши концепцію гіпертексту включенням в неї фотографій, відео, звуку, одержимо те, що відоме як гіпермедіа). Як же здійснюється пошук необхідного інформаційного ресурсу?
У Інтернет кожній машині приписана певна адреса, по якій до неї і здійснюється доступ.
Існує одночасно як числова адресація (так звана IP-адреса, що складається з набору чотирьох чисел, розділених крапками, наприклад 144.206.160.32), так і зручніша для сприйняття людиною система осмислених доменних імен. У Інтернет прийнята система адрес, яка базується на доменній адресі машини.
URL-адреса (Uniform Resourse Protocol) - уніфікована форма запису адрес документів в Інтернет.
Наприклад: http://www.books.Ua/ukr/index.htm#partl
Правила запису в цій формі такі, що дозволяють однозначно] визначити місцезнаходження документа Мережі. Адреса URL може складатися з чотирьох полів:
1) імені протоколу (http://, ftp://,...);
2) імені комп'ютера (www.books.ua);
3) шляхи пошуку документів на цьому комп'ютері (/ukr/index.htm);
4) посилання на певне місце усередині документа (#partl).
Можливість зв'язувати документи павутинням взаємних посилань -перша й головна відмінність Internet від усіх інших засоби розповсюдження інформації. Будь-яке посилання у HTML має два обов'язкових елементи:
1) джерело - зображення або фрагмент тексту (елемент документа), який розміщений між тегами <А> і </А>, натискування на який активізує посилання; р ;■ ~£ '.
2) пункт призначення - адреса документа, на який ведеться посилання.
В HTML перехід від одного фрагмента тексту до іншого задається за допомогою тега наступного вигляду:
<А HREF=" [адреса переходу] ">виділений фрагмент тексту</А>
В якості параметра [адреса переходу] може використовуватись декілька типів аргументів. Саме найпростіше - це задати ім'я іншого HTML-документа, до якого потрібно перейти. Наприклад:
<А HREF="index.htial"> Перейди до головної сторінки</А>
Такі фрагменти HTML-тексту, як правило, автоматично виділяються кольором або оформлюються підкреслюванням. Після натискання на текст "Перейти до головної сторінки", у поточне вікно буде завантажений документ index.htmi. Якщо у адресі переходу не вказаний каталог, перетер буде виконаний усередині поточного каталогу. Якщо в адресі переходу-Я вказаний сервер, перехід буде виконаний на поточному сервері. Якщо необхідно створити посилання на сторінку, що знаходиться на поточному сервері, але за межами поточвого каталогу, то записується:
«& HREF="../folder/index.htm">
Таким чином, можна розробляти цілі колекції документів без підключення до Internet, і тільки після тестування та кінцевої готовносту розміщати колекції документів в Internet цілком.