Лекція 2

Тема: web-технології| та web-дизайн|. Етапи проектування сайту.

План

1. Основні веб-технології.

2. Головне про веб-дизайн.

3. Етапи проектування сайту та дизайну.

1. Основні веб-технології.

web| технології – це процес розробки і вдосконалення сторінок, у тому числі і їх функціонування.

Одній серед важливих Інтернет-технологій, яка стає набагато поширеною, считаетя| технологія розробки «каскадних сторінок». Розроблена навіть мова, назва якої походить від американського Cascading| Style| Sheets| (CSS|). Завдяки такій спеціальній мові розробляються сотні сторінок, які мають єдине по стилістиці оформлення, що дуже спрощує роботу в цій області, як веб-дизайн. З даною мовою дизайнер підбирає оригінальні шрифти для тексту, кольори, стилі, він робить web-сторінку логічнішою, розділивши її на певні розміри зони.

З вдосконаленням Інтернету і Інтернет-технологій дуже поширеним виявляється питання: яким чином розробити комплексне забезпечення безпеки для користувача? Також гостро коштує проблема уразливості самих web-сайтів| і їх ризик поразки вірусами. Серед важливих хранителів вірусів називають реклама або спам, соціальні мережі, ресурси, з яких можна завантажувати якісь файли.

Інші web-технології|

JAVA|

Мова програмування Java|, розроблена близько восьми років тому компанією Sun| Microsystems| і що нагадує по структурі і синтаксису добре знайомий багатьом програмістам З, існує сьогодні в Інтернеті в двох варіантах: JavaScript| і власне Java|. Перший варіант мови є всього лише надбудовою стандарту HTML| і значно розширює можливості документа, створеного в цьому форматі. Модуль, написаний на JavaScript|, інтегрується у файл HTML| як підпрограма і викликається на виконання з відповідного рядка HTML-кода| стандартною командою. Вбудований в браузер| інтерпретатор мови сприймає і скрипт, і сам код гіпертексту як єдиний документ, обробляючи ті та інші дані одночасно.

За допомогою технології Java| можна додати своїй сторінці елементи інтерактивності, формувати, компонувати і повністю контролювати формат спливаючих вікон і вбудованих фреймів, організовувати такі активні елементи, як «годинник», рядки», що «біжать, і іншу анімацію, створити чат. Більшість web-камер|, передавальних на сайт «живе» зображення, також працюють на базі відповідних додатків Java|.

Серед достоїнств цієї технології слід зазначити відсутність необхідності встановлювати і настроювати на сервері які-небудь додаткові модулі, що забезпечують роботу Java-програм|. Головний недолік Java| полягає в тому, що користувачі браузерів| старих версій, що не підтримують компіляцію даної мови, сприймати об'єкти, створені за допомогою Java| і JavaScript|, не зможуть.

CGI|

Технологія CGI| (Common| Gateway| Interface|) має на увазі використання у складі ресурсу Інтернет інтерактивних елементів на базі додатків, що забезпечують передачу потоку даних від об'єкту до об'єкту. Саме так організована в Усесвітній мережі більшість чатів, конференцій, дощок оголошень, гостьових книг, пошукових машин і систем підрахунку рейтингу. У загальному випадку принцип роботи CGI| виглядає таким чином: користувач заповнює на web-страничке| ту або іншу форму і натискає на кнопку, після чого вбудована в код HTML| рядок виклику CGI-скрипта| запускає відповідну програму CGI| і передає їй управління процесом обробки інформації. Введені користувачем дані відсилаються цій програмі, а вона, у свою чергу, «вбудовує» їх в іншу сторінку, відправляє поштою або трансформує яким-небудь іншим способом.

SSI|

SSI| (Server| Side| Includes|) — технологія, тісно переплетена із згаданою вище CGI|. На основі макромови, що дуже нагадує З, SSI| дозволяє реалізувати такі можливості, як вивід в документі того або іншого тексту залежно від певних умов або згідно заданому алгоритму, формувати файл HTML| з фрагментів, що динамічно змінюються, або вбудовувати результат роботи CGI| в який-небудь його ділянка.

CSS|

Часто у web-дизайнера| виникає необхідність застосувати в процесі створення html-документа| складне форматування — від абзацу до абзацу міняти шрифт, розташування тексту, його колір, формувати різні таблиці даних.

Файл CSS| виконує роль якогось шаблону, вживаного для форматування тексту, таблиць і інших елементів в документі HTML|. Є можливість підключати один і той же фізичний файл CSS| до різних web-страницам| сайту. CSS| можна використовувати практично на будь-якому сервері без яких-небудь обмежень.

РНР

РНР (Personal| Home| Page| tools|) — це ще одна мова, що інтерпретується, PERL|, що нагадує, призначений для додання web-страницам| елементів інтерактивності. Код, написаний на мові РНР, вбудовується в документ HTML| подібно до підпрограми: у ту ділянку документа, де необхідно розмістити інтерактивний елемент, просто вставляється сценарій РНР.

Технологія РНР дозволяє організувати на web-странице| лічильник відвідин, підраховувати статистику звернень до тих або інших розділів сайту, захистити доступ до якого-небудь html-документу| паролем і багато що інше. Серед недоліків РНР слід зазначити те, що дана технологія підтримується далеко не всіма серверами Інтернету.