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

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

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

Інструкція

  1. Створіть на робочому столі текстовий документ: «Пуск» — пункт «Програми» — «Стандартні» — «Блокнот».
  2. Скопіюйте в блокнот теги, наведені нижче, вони необхідні для створення будь-якого сайту.

    <html>

    <head>

    <title> </ title>

    </ Head>

    <body>

    </ Body>

    </ Html>
  3. У теги title напишіть тему вашого сайту, наприклад «Створення сайту». Це буде виглядати так: <title> Створення сайту. </ Title>
  4. Переходьте до створення каркаса сайту. Каркас створюється за допомогою таблиці html. Зараз ми будемо використовувати наступний каркас: шапка нагорі, аналогічна смуга внизу, а основний аркуш буде розділений на дві половинки. Скопіюйте код каркаса до себе в блокнот.

    <table width =900 height=600>

    <tr>

    <td colspan=»2″width=900 height=162> Шапка сайту </ td>

    </ Tr>

    <tr>

    <tdwidth=205 height=387> Меню сайту </ td>

    <tdwidth=695 height=387> Область під контент </ td>

    </ Tr>

    <tr>

    <td colspan=»2″width=900 height=51> Підвал сайту </ td>

    </ Tr>

    </ Table>
  5. Вкажіть розміри осередків. Спробуйте зробити ті розміри, які вказали ми, а потім вирішіть, які розміри потрібні вам. Розміри впишіть в коди каркаса (це параметри height — висота і width — ширина).
  6. Виберіть картинки шапки, фону і підвалу сайту, вставте їх в потрібні теги. Картинки вставляються за допомогою тега. Тепер написи «Шапка слайда» і «Підвал сайту» повинні зникнути.
  7. З’єднайте всі вставлені картинки воєдино. Для цього в тег в головній таблиці вставте cellpadding = 0 і cellspacing = 0.
  8. Приберіть проміжок між шапкою і основним простором сайту. Для цього вставте параметр вирівнювання в, ось як має виглядати це
  9. Збережіть першу сторінку сайту під кодом index.html. Повторно збережіть першу сторінку сайту, але під іншим кодом: page2.html.
  10. Відредагуйте другу сторінку, припустимо, у вас там будуть посилання на який-небудь сайт. Вставте адреси посилань в теги.
  11. Не забудьте зазначити в коді, яка сторінка головна, а на якій розміщені посилання. Це допоможе зв’язати сторінки між собою. Ось як це має виглядати

    <a href=»index.html»> Головна </ a>,

    <a href=»page2.html»> Посилання </ a>.
  12. Не забудьте додати теги, вони потрібні для переходу на інший рядок.

    Ваш перший двохсторінковий сайт готовий!