Конспект лекцій з курсу Основи Web–дизайну для спеціальності Сучасні Інтернет – технології, НУДПСУ
« Назад
«Основи Web – дизайну. Конспект лекцій»
Навчальний посібник
Київ 2005 В навчальному посібнику розглянуто принципи та прийоми створення клієнтської частини Web-сайту засобами HTML, CSS та JavaScript. Крім того значна увага приділяється питанням забезпечення високої ефективності забезпечення функціонування корпоративного Web-сайту. Для студентів вищих навчальних закладів , що вивчають дисципліни " Сучасні Інтернет – технології ", “ WEB – дизайн ”, або для самоосвіти. ЗМІСТ ВСТУП Тема 1. ПЕРЕДУМОВИ СТВОРЕННЯ HTML - ДОКУМЕНТІВ 1.1. Інтернет та WWW 1.2. URL-адреса 1.3. Коротка характеристика мови HTML 1.4. Контрольні запитання Тема 2. ПРАВИЛА ПОБУДОВИ HTML - ДОКУМЕНТІВ 2.1. Визначення загальних параметрів 2.2. Форматування тексту 2.3. Використання тегів заголовків 2.4. Форматування HTML-документу 2.5. Використання коментарів та спеціальних символів 2.7. Контрольні запитання Тема 3. РИСУНКИ, ГІПЕРПОСИЛАННЯ, СПИСКИ 3.1. Рисунки 3.2. Гіперпосилання 3.3. Списки 3.3.1. Маркіровані списки 3.3.2. Нумеровані списки 3.3.3. Списки визначень 3.4. Контрольні запитання Тема 4. ВИКОРИСТАННЯ ТАБЛИЦЬ, ФОРМ ТА ФРЕЙМІВ 4.1. Таблиці 4.2. Форми Мета використання 4.3. Фрейми 4.4. Контрольні запитання Тема 5. ВИКОРИСТАННЯ ДИНАМІЧНОГО HTML 5.1. Визначення динамічного HTML 5.2. Визначення каскадних таблиць стилів 5.3. Особливості запису каскадних таблиць стилів 5.4. Ієрархія стилів 5.5. Властивості форматування елементів 5.6. Контрольні запитання Тема 6. ОСНОВИ МОВИ ПРОГРАМУВАННЯ JAVASCRIPT 6.1. Загальний огляд мови JavaScript 6.2. Синтаксис. Визначення та ініціалізація змінних 6.3. Вирази та оператори 6.4. Оператори вибору 6.5. Оператори циклу 6.6. Контрольні запитання Тема 7. РОЗШИРЕНІ МОЖЛИВОСТІ JAVASCRIPT 7.1. Використання функцій 7.2. Об’єктна модель JavaScript 7.3. Обробка подій 7.4. Стандартні об’єкти і функції JavaScript 7.5 Використання об’єктів window, document, location 7.6. Контрольні запитання Тема 8. ЗАБЕЗПЕЧЕННЯ ЕФЕКТИВНОСТІ WEB – САЙТІВ 8.1. Загальні положення 8.2. Інтернет - орієнтовані методи підвищення ефективності сайту 8.3. Оптимізація структури та змісту сайту 8.4. Адаптація сайту до клієнтського програмного забезпечення 8.5. Контрольні запитання ЛІТЕРАТУРА ГЛОСАРІЙ ВСТУП
Ефективне управління виробництвом, формування оптимальних рішень у різноманітних сферах економіки та бізнесу, сталий розвиток підприємства в значній мірі залежать від рівня впровадження та використання інформаційних систем (ІС) і технологій. На сучасному етапі розробка та впровадження досконалих ІС неможлива без їх адаптації до використання в глобальній мережі Internet, а також однієї з її основних частин мережі WWW. Характерною рисою адаптації є наявність в ІС Web-сайту, доступного користувачам завдяки мережі WWW. Широке розповсюдження Web-сайтів призвело до появи нового напрямку в галузі програмування – Web-дизайну. В сучасних умовах невеликі компанії нерідко створюють та підтримують Web-сайти силами своїх працівників. Крім того, досвід впровадження сучасних складних Web-орієнтованих систем свідчить про необхідність розробки подібних систем шляхом активної взаємодії між компанією-розробником програмного забезпечення та представниками замовника таких систем. Для цього необхідно знати принципи проектування та розробки Web – сайтів, мати чітке уявлення про їх структуру, принципи функціонування, місце і роль в організації роботи підприємства, мати уявлення про перспективи подальшого розвитку Web-систем, а також вміти їх використовувати на високому рівні. Таким чином, в сучасних умовах фахівці різного профілю повинні опановувати Web-дизайн. Відзначимо, що на сьогодні по причині своєї новизни напрям Web-дизайну не має чітких меж. Досить часто до цього напрямку відносять розробку серверного та клієнтського програмного забезпечення, адміністрування Web-сайту, реалізацію заходів по підвищенню ефективності його функціонування та формування власне самого дизайну Web-сайту. Проте, як свідчить практика, основним завданням Web-дизайнера є розробка та підтримка клієнтського програмного забезпечення Web-сайту для забезпечення високої ефективності його функціонування. Всі інші завдання потребують достатньо глибоких професійних знань та навиків, і вирішуються спеціалістами відповідного профілю. Тому основна увага в конспекті спрямована на принципи та прийоми створення клієнтської частини Web-сайту засобами HTML, CSS та JavaScript. Конспект лекцій складається з восьми лекцій та орієнтований на самостійну роботу студентів по закріпленню знань, що одержані під час проведення аудиторних занять. ЛІТЕРАТУРА
ГЛОСАРІЙDOM (Document Object Model - DOM) – інтерфейс прикладного програмування браузера, пов’язує між собою HTML, CSS та мови сценаріїв. JavaScript - це мова програмування, що використовується в складі HTML-сторінок для збільшення їх функціональності та можливостей взаємодії з користувачем. Web-орієнтовані ІС це інформаційні системи , призначені та пристосовані для використання мережі WWW Web-сервер – сервер, який обслуговує запити користувачів (клієнтів) згідно з протоколом HTTP, забезпечує актуалізацію, збереження інформації WEB-сторінки, зв’язок з іншими серверами. Web-сторінка (Web-сайт) окремий інформаційний ресурс мережі WWW, що має власну адресу. HTML-документ – файл текстової або нетекстової природи (звук, відео, зображення), створений за допомогою мови гіпертекстової розмітки HTML (Hyper Text Mark-up Language). TCP/IP це множина комунікаційних протоколів, що визначають як комп’ютери різноманітних типів з різноманітними операційними системами можуть спілкуватись між собою. Браузер (Броузер) – спеціальне програмне забезпечення , що надає користувачам інтерфейс для доступу до інформації Web-сторінок та їх перегляду. Впровадження стилів в HTML-документ – це технологія, що дозволяє задати всі правила таблиці стилів безпосередньо в самій HTML-сторінці. Впровадження стилів в тег HTML-документу – це технологія, що дозволяє змінювати форматування конкретних елементів HTML-сторінки. Гіперпосилання – методика зв’язування одного Web-ресурсу з іншим. Гіперпосилання складається із двох частин. Перша частина це об’єкт який користувач бачить у вікні браузера і вибір якого призводить до переходу на цільовий Web-ресурс Гіперпосилання складається із двох частин. Перша частина це об’єкт який користувач бачить у вікні браузера і вибір якого призводить до переходу на цільовий Web-ресурс. Динамічний HTML (DHTML) – це термін, який використовується для позначення HTML-сторінок з динамічно змінюваним змістом. Реалізація DHTML складається із трьох компонентів: безпосередньо HTML, каскадних таблиць стилів (CSS) та мови сценаріїв (JavaScript або VBScript). Інтернет (мережа Інтернет) – сукупність мереж та обчислювальних засобів, які використовують стек протоколів TCP/IP (Transport Control Protocol/Internet Protocol), спільний простір імен та адрес для забезпечення доступу користувачів до інформаційних ресурсів мережі. Зв’язування стилів з HTML-документом – це технологія, що дозволяє використовувати одну таблицю стилів для форматування декількох HTML-сторінок. Каскадна таблиця стилів (CSS) - це технологія визначення та з’єднання стилів з HTML-сторінкою. Клієнт мережі WWW– броузер, що використовується клієнтом мережі Інтернет для доступу до ресурсів мережі WWW. Метод об’єкту JavaScript – це функція, що пов’язана з об’єктом. Об’єкт JavaScript – це цілісна конструкція, що має властивості, які є змінними JavaScript та методи їх обробки. Провайдер – юридична або фізична особа, яка надає користувачам доступ до мережі Інтернет. Сервер – об’єкт комп’ютерної системи (програмний або програмно-апаратний засіб), що надає послуги іншим об’єктам за їх запитами. Списки широко розповсюджена форма показу даних. Мовою HTML передбачено використання трьох стандартних видів списків: маркірованого, нумерованого та списку визначень. Стиль - це все те, що визначає зовнішній вигляд HTML-сторінки при її відображенні в вікні браузера. Таблиця стилів - це шаблон, який керує форматуванням тегів HTML-сторінки. Тег HTML – команда мови HTML. Скрипт ( сценарій) – програма JavaScript. Форма – засіб для передачі інформації від клієнта на Web-сервер. Як правило, результатом такої передачі є відображення у клієнта нового HTML-документа, сформованого Web-сервером на основі переданої інформації. Фрейм – прямокутна областей вікна браузера в яку можливо завантажити окремий HTML-документ. В основному фрейми застосовуються для організації управління завантаженням HTML-документів в певну область вікна браузера при роботі користувача в іншій області, тобто для організації меню. Функція JavaScript – це іменована група команд, які вирішують певну задачу та можуть повернути деяке значення. З повагою ІЦ “KURSOVIKS”! |