- •Міністерство освіти і науки україни
- •Вступ Методичні вказівки призначені для проходження студентами денної форми навчання навчально-комп`ютерної практики.
- •Частина I Теоретичні відомості до теми «Основи Web-дизайну»
- •Програми для створення|створіння| html - файлів.
- •Теги і структура html-документа
- •Межі документа.
- •Html - документ умовно можна розбити на три частини|частки|:
- •Практична частина
- •Шаблон html-документа.
- •Практичне заняття №1. Тема: Мова html. Сумісне застосування програм Блокнот та ie для створення сайту. Структура html-файлів. Обов’язкові теги, атрибути. Заголовок документа.
- •Практичне заняття №2 Тема: Текстові блоки мови html.
- •Текстові блоки
- •Створення|створіння| абзаців і рядків
- •Атрибуты: width – визначає довжину лініі(рядку) в пікселах або відсотках від ширини вікна браузера; size – визначає товщину лініі в пикселах.
- •Практичне заняття №3 Тема: Форматування тексту.
- •Теоретичні відомості
- •Практична частина
- •Практичне заняття №4. Тема: Створення різноманітних списків.
- •Теоретичні відомості
- •Ненумеровані списки.
- •Нумеровані списки
- •Практичне заняття №5. Тема: Створення таблиць.
- •Теоретичні відомості
- •Практичне заняття №6 Тема: Зображення. Зв’язування файлів за допомогою гіперпосилання. Гіперпосилання –текст та гіперпосилання - малюнок.
- •Теоретичні відомості
- •Гіперпосилання та якоря
- •Крокодил Корней Чуковский
- •Содержание
- •3. Завдання
- •Практичне заняття №7 Тема: Фрейми.
- •Теоретичні відомості
- •Елементи для створення і роботи з фреймами:
- •Створення фреймів
- •Як завантажувати у фрейми цілі сторінки
- •Література
Програми для створення|створіння| html - файлів.
Документ, складений за допомогою мови|язика| розмітки HTML, є текстовим файлом, тому для підготовки html-файлу можна використовувати текстові редактори, наприклад, в додатках|застосуваннях| Блокнот або Word Pad, які входять до складу OC Windows. Проте, |однак| на даний час|нині| існують зручніші і більш досконалі програми підготовки HTML - документів. Їх умовно можна розділити на візуальні редактори HTML і редактори HTML - текстів.
Теги і структура html-документа
HTML-документ розбивається на структурні елементи: заголовки, абзаци, малюнки, таблиці та ін. Для кожного елементу задається команда мови|язика| HTML, названа тегом| (або дескриптором). У тегу міститься|утримується| інформація про те, як повинен виглядати той чи інший елемент Web-сторінки, які зв'язки він може мати з|із| іншими елементами або документами та ін.
Мова HTML є регистронезалежною!
Тег ( у перекладі |переведенні,переказі| tag - покажчик, мітка) - це фрагмент коду, який описує певний елемент документа HTML і замикається в кутові дужки < >.
Теги бувають одинарними і парними. Більшість тегів-парні. Такі теги називаються контейнерами.
Контейнери – призначені для зберігання певної інформації, наприклад тексту або інших HTML-тегів, це парний тег, що складається з початкового (він вказує на початок дії тегу) і кінцевого ( що вказує на кінець дії тегу). Початковий тег має вигляд <TAG>, де TAG – це ім'я реального HTML-тега. Кінцевий тег має вигляд </TAG>.
Наприклад, елемент, що є абзацом довільного тексту, полягає між тегами <P> і </P>.
Одинарний дескриптор відрізняється від контейнера тим, що у нього є тільки початковий тег і він виконує самостійне завдання.
Наприклад, тег <HR> створює горизонтальну лінію.
Межі документа.
Найголовнішим з тегів HTML є однойменний тег <HTML>. Він повинен завжди відкривати документ, також як тег </HTML> повинен обов'язково стояти в його останньому рядку. Ці теги означають, що рядки, що знаходяться між ними, є єдиним HTML-документом. Це важливо, оскільки сам по собі документ є звичайним текстовим файлом. Без цих тегів браузер або інша програма перегляду не в змозі ідентифікувати формат документа і правильно його інтерпретувати.
Html - документ умовно можна розбити на три частини|частки|:
Службова інформація для браузера|, яка розміщується|ув'язнена| в рядку з|із| тегом| <!DOCTYPE>.
Заголовна частина|частка| документа, в якій міститься|утримується| назва документа, може розташовуватися службова інформація для серверів, опису невеликих програм-сценаріїв.
Ця частина|частка| документа розташована між тегами| <HEAD> і </HEAD>.
Заголовок документа не є обов'язковим елементом, проте добре складений заголовок може бути корисний. Завданням заголовка документа є надання інформації для програми, що інтерпретує документ. Елементи, що знаходяться усередині розділу HEAD (окрім назви документа, записаного в розділі TITLE), не відображаються на екрані. Вони потрібні для того, щоб:
Дати документу назву;
Визначити відносини між декількома документами;
Визначити метод посилки спеціальних повідомлень певному браузеру або іншій програмі перегляду.
Тег <TITLE> є єдиним обов'язковим елементом заголовка документа і служить для того, щоб дати документу назву. Воно зазвичай показується в заголовку вікна браузера. Назва документа записується між тегами <TITLE> та </TITLE> і є текстовим рядком.
Тіло документа, що розміщується|ув'язнена| між тегами| < BODY> ... </BODY> (іноді|інколи| замість тегів| < BODY> можуть використовуватися теги| фреймової структури <FRAMESET>).
У тега може бути один або декілька атрибутів.
Атрибути - це компоненти тегу|, що містять вказівки про те, як браузер| повинен сприйняти та обробити тег|. Атрибут записується|занотовується| після|потім| імені тегу| перед закриваючою|зачиняючою| дужкою > і складається|перебуває,складається|, як правило, з|із| пари "ім'я атрибуту = значення". Всі значення атрибутів за умовчанням повинні розташовуватись в подвійних (") або одинарних (') лапках.
Наприклад:
<p align=”center”>, де атрибут align вказує, що абзац повинен вирівнюватися по центру, відносно меж сторінки вікна-браузера. Імена атрибутів можуть набиратися як рядковими, так і прописними буквами|літерами|. У тезі| може бути декілька атрибутів, в цьому випадку, вони відокремлюються один від одного пробілами|прогалинами|.
