Що таке web-сторінка? Це документ, написаний на мові розмітки гіпертексту (HTML), який можна переглянути у браузері. Доступ до веб-сторінці здійснюється шляхом введення URL-адреси.

Веб-сторінка може містити текст, графіку і гіперпосилання на інші сторінки та файли.

Як відкрити веб-сторінку

Для перегляду веб-сторінок потрібно браузер (наприклад, Internet Explorer, Edge, Safari, Firefox або Chrome). У браузері можна відкрити веб-сторінку, вказавши в адресному рядку URL-адресу. Наприклад, ввівши «https://www.computerhope.com/esd.htm» ви відкриєте сторінку ESD Computer Hope.

Якщо ви не знаєте URL-адреси сайту, який ви хочете відвідати, можна використати пошукову систему, щоб знайти веб-сторінку або скористатися пошуком по сайту.

Коли була створена перша веб-сторінка?

Перша веб-сторінка була створена в CERN Тімом Бернерсом-Лі 6 серпня 1991 року. Перед тим, як створити web сторінку, ви можете відвідати і переглянути перший сайт і першу веб-сторінку за адресою http://info.cern.ch/.

У чому різниця між сайтом і веб-сторінкою?

Сайт — це місце, яке містить більше однієї веб-сторінки. Наприклад, наш ресурс є сайтом, який включає в себе тисячі різних веб-сторінок, включаючи ту, яку ви зараз читаєте:

У наведеному вище прикладі URL-адреси «url.htm» — веб-сторінка, це завжди остання частина URL-адреси. Для URL, які не мають закінчень .htm, .html, .php, .cgi, .pl або іншого розширення файлу, сервер завантажує веб-сторінку index.htm за замовчуванням. Наприклад, для URL-адреси сторінки контактів немає веб-сторінки. У цьому випадку завантажується індексний файл за умовчанням з каталогу /contact.

Приклади веб-сторінки

Ми вже згадували, що для перегляду web — сторінок використовуються браузери. Веб-сторінка складається з декількох елементів, включаючи CSS, зображення і JavaScript. Тіло веб-сторінки створюється з використанням HTML. Цей код може бути створений з використанням HTML-редактора, написаний людиною або згенерований з використанням серверних скриптів. Зазвичай веб-сторінка, створена людиною, закінчується розширенням .htm або .html. Наприклад, ця сторінка має ім’я файлу «webpage.htm». Сторінки, згенеровані скриптом, можуть закінчуватися .cgi, .php, .pl і т. д.

Які елементи містить веб-сторінка?

Нижче наведена розбивка основних елементів, щоб веб-дизайнери могли зрозуміти, яка логічна структура web-сторінки:

Веб-сторінка

  • Назва сайту, логотип чи назву компанії майже завжди знаходяться у верхньому лівому куті кожної веб-сторінки. Також непогано використовувати слоган або короткий опис сторінки, щоб дати новим відвідувачам уявлення про сайті. Цей елемент веб-сторінки зазвичай є посиланням, що веде на головну сторінку;
  • Панель пошуку дозволяє відвідувачам швидко знайти веб-сторінку. Вона повинна бути присутнім на кожній сторінці;
  • Панель або меню навігації зазвичай знаходиться у верхній або лівій частині кожної веб-сторінки. Вона і повинна включати в себе посилання на кожен з основних розділів сайту;
  • Рекламні банери можуть відображатися в різних місцях на веб-сторінці. Зазвичай вони відображаються в верхній лівій, правій або нижній частині веб-сторінки або включені в основний контент;
  • Соціальні кнопки дозволяють відвідувачам ділитися посиланням на веб-сторінку на сайтах соціальних мереж;
  • У створених веб-сторінках хлібні крихти допомагають відвідувачу зрозуміти, де він знаходиться, а також перейти до інших розділів сайту;
  • Заголовок повинен перебувати у верхній частині кожної веб-сторінки. Він створюється з використанням HTML-тега

    .

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

    ;
  • Хороша ідея — надати відвідувачам посилання або кнопку, перенаправляющую на форму зворотнього зв’язку, щоб вони могли повідомити, чи була корисна їм дана веб-сторінка чи ні;
  • Додаткова інформація та інструменти, такі як кнопка для виводу на друк, також можуть бути корисні для користувачів;
  • Футер повинен включати в себе додаткову інформацію, яка важлива для компанії або сайту. А також посилання на інші веб-сторінки;
  • Копірайт і будь-яка юридична або конфіденційне повідомлення також повинні бути розміщені на всіх веб-сторінках. В основах проектування web-сторінок цей елемент не тільки може посилатися на відповідну юридичну інформацію. Він також вказує, що відвідувачі досягли кінця веб-сторінки;
  • Кнопка «Вгору сторінки» може допомогти відвідувачам швидко повернутися до верхньої частини веб-сторінки, щоб отримати доступ до посилань меню.
  • Що люди можуть зробити на веб-сторінці?

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

    Переклад статті «Web page» дружною командою проекту Сайтостроение від А до Я.