7. Система адрес url, її призначення.

За допомогою доменного імені (або за допомогою IP-адреси) ми можемо звернутися до будь-якого сайту Всесвітньої павутини. Що ж відбувається далі? Як цей сайт показується нам?

Сайт складається з так званих сторінок, і браузер показує нам його посторінково, тобто воднораз ми бачимо на екрані одну сторінку сайту. Таким чином, окрім доменного імені браузер повинен "знати" ще і адресу сторінки, що цікавить нас. З точки зору зберігання на сервері, сторінки – це просто файли, і адресою сторінки є ім'я файлу. Від доменного імені воно відділяється слешом – символом косої риски "/". Крім того, файли, як відомо, можуть бути "розкладені" по теках. В такому разі між доменним іменем і іменем сторінки вказується "шлях" до файлу. Імена тек також відділяються слешами.

Нарешті, існує ще один варіант: ми взагалі не вказуємо ім'я сторінки, а це трапляється в більшості випадків. На такий випадок на сервері є сторінка за замовчуванням, звана "головною" або "домашньою" сторінкою. Це, так би мовити, парадний вхід на сайт.

Описана вище система адрес називається URL (Uniform Resource Locator – єдиний покажчик ресурсів). Ця система була розроблена Тімом Бернерсом-Лі, і вона однозначно визначає шлях до будь-якого документу у Всесвітній мережі.

Наприклад, http://www.google.com/analytics/ru-ru/conversionuniversity.html – це URL, що вказує на використання протоколу HTTP для доступу до веб-сторінки conversionuniversity.html у каталозі /analytics/ на веб-сайті Google.

URL зазвичай складається з чотирьох частин: тип протоколу (HTTP), доменне ім’я хоста (www.google.com), шлях до каталогу (/analytics/) и ім’я файлу (conversionuniversity.html).

8. Web-сторінка і web-сайт.

Веб-сторінка – це файл с текстом і малюнками, який можна розмістити в мережі. Веб-сторінка – це складова частина веб-сайту. В рамках сайту сторінки зв'язані між собою, як в книжковій палітурці, і ми можемо "перегортати" їх, переходити від однієї сторінки до іншої, залишаючись в межах сайту, як би читаючи одну книгу.

Веб-сайт – це сукупність зв'язаних один з одним "сторінок", об'єднаних за якоюсь ознакою: за тематикою інформації, що міститься на них, за автором або за якоюсь іншою. Проте аналогія з книгою доречна лише частково.

9. Поняття гіпертексту, гіперпосиланя. Піонери гіпертексту. Мова нтмl.

По-перше, на відміну від книги, сайт, як правило, ділиться на сторінки не за об'ємом розміщуваної на них інформації, а за змістом. Назва "сторінка" досить умовна. Це, перш за все, деяка закінчена порція інформації. Сторінка може складатися з двох рядків, а може вміщати текст, об'ємом з хороший том. Тому і перегортають сторінки сайту зазвичай не послідовно, як у книзі, а відразу переходять до сторінки, що містить потрібну інформацію.

По-друге, і головне, границі "книги", що ви читаєте, досить розпливчаті. Перегорнувши чергову сторінку, Ви запросто можете виявитися в абсолютно іншій книзі, тобто на іншому сайті, інколи навіть і не помітивши цього.

Родоначальником цієї ідеї є Теодор Нельсон, що запропонував створити "документарний всесвіт", зв'язавши всі тексти, створені людством, перехресними посиланнями. Таку сукупність зв'язаних текстів Нельсон назвав "гіпертекстом".

Іншим піонером гіпертексту був Даглас Енгельбарт, який, крім усього іншого, винайшов комп'ютерну мишу. Під його керівництвом в кінці 60-х років була розроблена система, що включала посилкові зв'язки між фрагментами інформації.

Прабатьком гіпертексту можна вважати Ванневара Буша, який в кінці 40-х років працював над машиною Memex для механізації пошуку даних в науковій літературі. Memex був не комп'ютерною системою, а електронно-механічною – він використовував мікрофільми і фотоелементи. Головною особливістю системи була можливість вводити взаємний зв'язок елементів. І коли користувач переглядав один з документів, він міг тут же викликати зв'язаний.

Класичне визначення гіпертексту, яке дав Нельсон в 1987 р. – це "форма листа, який гілкується або здійснюється за запитом". Інакше кажучи, Це "нелінійний лист", що "більш ніж текст", тобто понад-текст, гіпертекст (hypertext).

Більш формальне визначення гіпертексту звучить так: гіпертекст – це представлення текстової інформації як мережі, в якій читачі отримують свободу переміщатися нелінійним чином. Перехід від одного фрагмента гіпертексту до іншого здійснюється за допомогою гіперпосилань. Ідею гіпертексту і гіперпосилань і заклав Тім Бернерс-Лі в основу WWW.

Будь-який фрагмент веб-сторінки може бути помічений як послання на іншу сторінку даного або будь-якого іншого сайту. Побачивши посилання, що цікавить нас, ми можемо "перейти по ній", тобто попросити браузер показати сторінку, на яку це посилання веде. Завдяки гіперпосиланням і "плететься всесвітня павутина": мільярди сторінок посилаються одна на одну, і, переходячи з однією на іншу, ми знаходимо потрібну нам інформацію.

Мова для розмітки гіпертексту була названа мовою гіпертекстової розмітки або hypertext markup language, скорочено HTML. Цією мовою і пишуться веб-сторінки. Ви можете заперечити: ми, мовляв, вчимося веб-дизайну, а не програмуванню. Дизайнер повинен картинки малювати, а не програми писати.

Ну, по-перше, HTML це – не мова програмування, а мова розмітки, тобто основу його складає звичайний людський текст, доповнений спеціальними знаками. І для його освоєння зовсім не потрібно бути програмістом.

По-друге, веб-дизайн далеко не обмежується малюванням картинок. Веб-дизайн це – не стільки оформлення інформації, скільки "дизайн", так би мовити, самої цієї інформації: її структуризація, виділення закінчених фрагментів, установка між ними зв'язків і так далі.

По-третє, освоєння веб-дизайну не обов'язково починати з вивчення HTML, також як освоєння роботи з комп'ютером не варто починати з двійкової системи або з внутрішнього устрою машини.

Існують спеціальні програми – візуальні HTML-редактори, які по створюваному нами макету самі формують необхідний HTML-код, а робота в таких програмах – не набагато складніше за роботу в тому ж Word. Проте, оскільки в будь-якому разі результатом діяльності веб-дизайнера є документ на мові HTML, в професійній роботі обійтися без його знання скрутно.