Як написати сайт в блокноті

Як написати сайт в блокноті

Для створення простої web-сторінки спеціальних пристосувань і навичок не потрібно. Досить обзавестися стандартною програмою «Блокнот», яка зазвичай встановлюється на всіх комп’ютерах з ОС Windows.

Інструкція

  1. Спочатку необхідно зробити так, щоб отриманий результат відображався в потрібному форматі. Відкрийте блокнот і виберіть команду «Зберегти як», у вікні, у полі «Ім’я файлу» введіть назву документа і через точку пропишіть розширення html. Наприклад, «мой_сайт.html». Натисніть «Зберегти».
  2. Закрийте блокнот, на місці створеного документа повинен з’явитися значок браузера. Якщо цього не сталося, то, мабуть, ви допустили помилку в форматі. Збережіть заново.
  3. Відкрийте програму і пропишіть в ній кістяк майбутньої сторінки.

    <html>

    <head> <title> </ title> </ head>

    <body> </ body>

    </ Html>
  4. Основа структури будь-якого сайту однакова. Всі компоненти зосереджені між тегами «html» і «/ html».

    У head прописуються стилі, які будуть застосовані до всього документу, а також вказуються атрибути для відображення сторінки в браузері. Наприклад, title — заголовок вкладки, а за допомогою тега <link rel=»shortcut icon» href=»адрес картінкі»> вставляється невеличка іконка зліва від назви вкладки.
  5. Body — тіло сторінки, найголовніший її елемент. Між відповідними тегами задаються всі видимі атрибути сторінки: фонове зображення або колір фону, текст, ілюстрації, таблиці, посилання і т.п.
  6. Продумайте структуру сайту, попередньо її бажано зобразити на аркуші паперу у вигляді схеми. Розрахуйте місце під шапку, текст, картинки, пункти меню і т.д.
  7. Будь web-сторінка — це таблиця, кількість рядків і стовпців в якій залежить від складності проекту. Інакше просто не вийде прив’язати елементи до певних місць на екрані. А завдяки таблиці для кожного з них створюється своя осередок, усередині якої можна використовувати атрибути вирівнювання.
  8. Щоб наочно побачити результати експериментів, в «Блокноті» використовуйте команду «Зберегти», а в браузері — «Оновити». Використовуйте цю зв’язку після внесення кожної зміни, особливо якщо у вас порівняно невеликий досвід створення web-сторінок. Це дозволить вам вчасно помітити помилку і виправити її.