fbpx

Каталог статей

Каталог статей для размещения статей информационного характера

Технології

Що таке WEB-сторінка і як її створити

WEB-сторінка-це документ інтернету, призначений для розповсюдження по мережі Інтернет за допомогою сервісу WWW. Простіше кажучи, це те, що має в своєму вікні програма-клієнт, призначена для перегляду Web-сторінок, звана Web-оглядач.
Якщо розглядати WEB-сторінку з технічної точки зору, то це звичайний текстовий файл, і його можна створити в будь-якому текстовому редакторі, наприклад, в Блокноті операційної системи Windows, до складу якої він входить. Цей файл містить, власне кажучи, текст Web-сторінки і різні команди форматування цього самого тексту. Називаються ці команди форматування тегами. Теги описує спеціальна мова HTML (HyperText Markup Language) мова гіпертекстової розмітки.
Файли, які містять Web-сторінки, повинні мати розширення htm або html. Зберігаються вони на жорстких дисках сервера.
Отримуючи від Web-браузера по протоколу HTTP запит, Web-сервер (в даному випадку мається на увазі серверна програма, яка забезпечує роботу сервісу WWW) завантажує ці файли і відправляє на Web-оглядач. Як Web-браузер повідомляє Web-сервера, яка Web-сторінка йому необхідна? Так просто. Web-браузер відсилає на утриманні клієнтського запиту ім’я і повний шлях до файлу, де вона зберігається. Ось так, наприклад: . По цьому запиту Web-сервер витягне і відправить Web-браузера сторінку priroda.html.
Слід зауважити, що якщо ви візьмете для створення WEB сторінки текстовий редактор, то весь HTML код сторінки вам доведеться писати вручну. Тому, краще використовувати спеціалізовані редактори, що дозволяють автоматизувати цей процес. Це такі, як TextPad, Microsoft FrontPage Express, HTML-Reader, Coffee CupHTML Editor, Homesite. Ну і звичайно, візуальний редактор Dreamweaver, який працює за принципом (What You See Is What You Get – “що бачиш, то і отримаєш”). Використовуючи цей редактор, користувач форматує текст WEB-сторінки і у вікні редактора відразу ж бачить результати своєї роботи. В редакторі Dreamweaver можна створити сторінку сайту навіть не знаючи мови HTML.
Незамінний цей редактор і тоді, коли вам потрібно буде вставити на свою WEB – сторінку якісь малюнки або фотографії. В даний час в Інтернеті навряд чи можна знайти чисто текстові сторінки. Зазвичай використовується кольоровий фон, на якому крім тексту розміщені фотографії, малюнки, колажі, анімація і. т. д. А чому б не розмістити, якщо для створення графіки розроблений цілий ряд програм. Наприклад, Photoshop. Можливості – величезні.
Традиційно структура WEB-сторінки виглядає так:
1. Header (хедер, шапка ), в яку можуть входити, хоча і не обов’язково:
Меню навігації по сайту)
Логотип
Заголовок
Слоган
Телефон
2. Основна частина сторінки:
Меню навігації по розділах сайту)
Меню навігації за тематичними розділами
Зображення, банери
Основна інформація
3. Footer (Підвал)
Меню навігації по сайту, по розділах сайту)
Копірайт
Адреси, телефони
Лічильники і банери
В залежності від виду верстки сайту – двуколоночной або триколоночной, основна частина WEB-сторінки може бути у вигляді, природно, двох або трьох колонок. Найширша колонка – для основної інформації.
Звичайно, ви можете міняти місцями колонки і основну інформацію.
Як ви самі розумієте, створення WEB-сторінок справа нелегка. Але в Мережі є достатньо ресурсів для новачків у цій справі, до яких можна звернутися за допомогою.
Основна інформація по темі на цьому сайті та його розділах: Структура сторінки сайту і Макет сторінки сайту в Photoshop