Як робити сайт на html

Як робити сайт на html

Практично всі сайти сьогодні створюються з використанням систем управління змістом — CMS. Але до цих пір існують програмісти, створюють веб-сторінки вручну безпосередньо на мові розмітки HTML. Хочете стати одним з них?

Інструкція

  1. Для редагування html-файлів використовуйте текстовий редактор, що працює у форматі «тільки текст». Результати зберігайте в кодуванні Unicode — тоді у вас не буде проблем з приміщенням на одну і ту ж сторінку одночасно кирилиці, латинських букв з умляути, а також символів математичних і фізичних символів і грецьких літер.
  2. Всім файлів привласнюйте імена з розширенням «. Html» (без лапок). У цих іменах можуть використовуватися тільки латинські букви, цифри, знаки підкреслення та дефіси, але ні в якому разі не інші розділові знаки (крім точки, що розділяє ім’я і розширення) і пропуски.
  3. Заголовну сторінку сайту обов’язково збережіть в файл під назвою «index.html» (без лапок). Помістіть цей файл в кореневу папку хостингу. Саме його зміст побачить відвідувач сайту, ввівши в адресний рядок браузера його URL без додаткових параметрів. У цю ж папку розміщуйте і інші файли сторінок і зображень.
  4. У кожному файлі заздалегідь розташуйте початковий і кінцевий блоки. Оформіть їх так, як показано на малюнку.

    В останньому рядку початкового блоку КК — шістнадцяткове значення яскравості червоної складової кольору фону від 00 до FF, ЗЗ — те ж, для зеленої складової, СС — те ж, для синьої складової.
  5. Вміст сторінки помістіть між початковим і кінцевим блоками.
  6. Згадайте дорожні знаки з позначенням населених пунктів. Якщо на знакові просто написано назву, значить, він розташований на в’їзді в населений пункт з такою назвою. Якщо ж назву перекреслено, значить, знак розташований на виїзді з нього. У теге знак дробу перед командою грає роль перекреслює лінії на дорожньому знакові. Дія «відкриває» тега припиняється, коли далі по тексту зустрічається «закриває» тег з тією ж командою.
  7. Для того, щоб почати абзац, використовуйте тег, показаний на малюнку зліва. Для того, щоб перед абзацом був ще й відступ в один рядок, використовуйте тег, показаний на малюнку справа.
  8. Для виділення тексту курсивом і жирним шрифтом використовуйте теги та їх комбінації, показані на малюнку.
  9. Щоб змінювати розмір і колір шрифту, використовуйте команду, показану на малюнку зверху.

    Тут значення КК, ЗЗ і СС визначаються тим же чином, що і для кольору фону, вис — висота шрифту в пунктах. Теги color або font можна не використовувати, якщо змінюється тільки розмір або тільки колір шрифту.

    Скасування дії цієї команди здійснюйте за допомогою тега, показаного на малюнку знизу.
  10. Для вставки в сторінку зображення, що зберігається локально в кореневій папці, використовуйте конструкцію, показану на малюнку зверху. Для вставки зображення, що зберігається на іншому сервері, використовуйте дещо іншу конструкцію, показану на малюнку знизу. Не вставляйте зображення зі сторонніх сайтів без згоди авторів. Деякі сайти мають захист від такого використання зображень.
  11. Щоб вставити в сторінку посилання на іншу, що зберігається локально в кореневій папці, використовуйте конструкцію, показану на малюнку зверху. Для посилання на сторінку, розташовану на сторонньому сайті, видозмінити цю конструкцію так, як показано на малюнку знизу.
  12. Знайдіть у мережі підручник з мови розмітки HTML, і ви дізнаєтеся про те, як використовувати інші теги, яких у цій мові є кілька десятків.