logo
Конспект лекцій з дисципліни

Тема 7 основи web-дизайну

У сьомій темі Основи WEB-дизайну” наводяться поняття WEB-дизайну, характеризуються інструменти WEB-дизайну: графічні редактори, мова гіпертекстової розмітки HTML, розглядаються питання створення WEB-документів на мові гіпертекстової розмітки HTML.

У HTML документи записуються в ASCII форматі і тому можуть бути створені і відредаговані в будь-якому текстовому редакторові (наприклад, будь-якому редакторі або на IBM PC Emacs чи vi на UNIX машинах).

Тегова модель структури документів.

За основу моделі розмітки документів у HTML прийнята, так названа тегова модель. З матеріалу попереднього питання нам відомо, що тег – це початковий чи кінцевий маркери елемента. Теги визначають границі дії елементів і відокремлюють елементи один від одного. НТМL - тег складається з імені, за яким може слідувати необов’язковий список атрибутів тегу. Текст тегу полягає в кутові дужки (< і >). Найчастіше HTML-теги складаються з початкового і кінцевого компонентів (парних тегів), між якими розміщаються текст і інші елементи документа. Ім’я кінцевого тегу ідентичне імені початкового, але перед ім’ям кінцевого тегу ставиться коса риса (/) Наприклад, для тегу стилю шрифту - курсив <і> закриваюча пара буде </і>, для тегу заголовка <ТІТLЕ> закриваючою парою буде </ТІТLЕ>. Кінцеві теги ніколи не містять атрибутів. За своїм значенням парні теги близькі до поняття дужок "begin/end" в універсальних мовах програмування, що задають області дії імен локальних змінних тощо. Парні теги, у сукупності з елементами сторінки, укладеними між ними, утворять так званий елемент (контейнер).