Мова HTML (англ. HyperText Markup Language) — один з найпростіших і самий універсальний у всій глобальній мережі інтернет. Універсальний він тому, що без його участі так чи інакше не обходиться жодна зі сторінок у Всесвітній павутині.

Як створити сайт на HTML і не тільки

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

Тим не менш, знати мову HTML необхідно для того, хто хоче навчитися створювати сайти самостійно. До того ж, є спосіб зробити сторінки динамічнішими.

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

Візуалізація сайту в графічному редакторі (найчастіше Photoshop)

Для створення ескізу сайту краще скористатися деякими графічними редакторами, але краще — програмами Adobe Photoshop або CorelDRAW. «Намалювавши» сайт, можна зберегти його в Adobe Photoshop через вкладку «Файл» -Зберегти для Веб ». Програма згенерує всі графічні елементи, необхідні для ресурсу, які потім можна завантажити на сервер.

За допомогою коду, можна зверстати візауальний вигляд сайту, який веб-дизайнер зробив в програмі Фотошоп. Більшість елементів сайту, будь то менюшки, кнопки або ілюстрації, створюються в графічних редакторах. Урок для початківець як створити кнопку для сайту в Фотошопі можете почитати на блозі Астри. Дуже простий покроковий урок, зможе виконати будь-який, головне мати під рукою комп’ютер і програму.

«Несучих конструкцій» сторінки є дескриптори html, head, / head, body, / body, / html (в лапках). Вони і визначають його структуру.

вказує тип документа для браузера і пошукових роботів, разом з закриває тегом / head — заголовок документа, body та / body — його «тіло».

Слід пам’ятати, що будь дескриптор існує в парі зі своїм закриває тегом. І тільки при виконанні цієї умови документ буде відображатися правильно. Інформація, наприклад, текст або зображення, знаходиться строго всередині відкриває і закриває тега.

Для найкращого результату при організації контенту можна використовувати різні способи угруповання інформації — за допомогою таблиць або блоків div. Одним з найзручніших способів, який стане в нагоді багатосторінковим сайтам, є використання таблиць стилів CSS, оскільки їх застосування задає умови оформлення на всі сторінки ресурсу.

Складніше створити динамічну сторінку — ту, яка змінює свій зміст регулярно або при кожному зверненні до сайту. Для цього використовуються мови веб-програмування. Одним з найпопулярніших є PHP. Його особливість полягає в тому, що зміст сторінки формується на сервері, завдяки заданим «сценаріями» сторінки. Для створення сайту на PHP доцільно використовувати комплекс файлів — по суті, це окремі частини документа, які «розкриємо» і посилаються один на одного. Правильна організація роботи всіх цих файлів дозволяє створити складні сторінки і сайти, наприклад, форуми, блоги і портали.

Відео про основи HTML

Джерело: стаття використовує матеріали http://astra-c.com/