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

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

Інструкція

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






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









Меню сайту

Область під контент







Шапка сайту
підвал сайту
5
Вкажіть розміри осередків. Спробуйте зробити ті розміри, які вказали ми, а потім вирішите, які розміри потрібні вам. Розміри впишіть в коди каркаса (це параметри height - висота і width - ширина).


6
Виберіть картинки шапки, фону і підвалу сайту, вставте їх в потрібні теги. Картинки вставляються за допомогою тега . Тепер написи «Шапка слайда» і «Підвал сайту» повинні зникнути.
7
З`єднайте всі вставлені картинки воєдино. Для цього в тег в головній таблиці вставте cellpadding = 0 і cellspacing = 0.
8
Приберіть проміжок між шапкою і основним простором сайту. Для цього вставте параметр вирівнювання в , ось як має це виглядати
9
Збережіть першу сторінку сайту під кодом index.html. Повторно збережіть першу сторінку сайту, але під іншим кодом: page2.html.
10
Відредагуйте другу сторінку, припустимо, у вас там будуть посилання на який-небудь сайт. Вставте адреси посилань в теги.
11
Не забудьте зазначити в коді, яка сторінка головна, а на який розміщені посилання. Це допоможе зв`язати сторінки між собою. Ось як це повинно виглядати
Головна,
посилання.
12



Не забудьте додати теги
, вони потрібні для переходу на інший рядок.
Ваш перший двохсторінковий сайт готовий!

Рада 2: Як створювати сайт в блокноті

На сьогоднішній день в інтернеті існує величезна кількість різних інтернет сайтів. Існує думка, що створення сайтів це дуже складний процес, проте це не так! Навчитися писати найпростішої код, наприклад, для «Сайту візитка» (сайт з 2 - 3 сторінок створений тільки за допомогою HTML) може кожен. Будь-який бажаючий може створити свій особистий представництво у всесвітній павутині. Зазвичай для створення сайтів використовують спеціальні програми, зробити це можна і в звичайному блокноті. В останньому випадку знадобиться знання мови HTML (HyperText Markup Language - «мова розмітки гіпертексту»), а так же мови опису зовнішнього вигляду документа CSS (Cascading Style Sheets - каскадні таблиці стилів).
Як створювати сайт в блокноті

Інструкція

1
Щоб зробити сайт необхідно буде написати код для кожної сторінки, редактором для написання цього коду і буде служити Блокнот. Наприклад, ви хочете створити сайт всього з однієї сторінки. Відкрийте Блокнот і запишіть в ньому HTML код цієї сторінки, на малюнку наведено приклад простого коду.
Як створювати сайт в блокноті
2
Щоб отримати готову інтернет сторінку необхідно зберегти написаний текст в форматі HTML. Назва файлу повинна бути написана латинськими літерами, воно не повинно містити знаків пунктуації, прогалин, математичних символів. У назві файлу можна використовувати знак «_» і цифри. Файл потрібно зберегти з розширенням .html або .htm, наприклад page.html.Полученний документ можна відкрити в будь-якому інтернет - браузері, результат показаний на малюнку.
Використовуючи блокнот можна створювати і більш складні сайти з безлічі сторінок, використовуючи спеціальні мови програмування.
Як створювати сайт в блокноті
Як створити landing page
пов`язана стаття
Як створити landing page


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 132
Увага, тільки СЬОГОДНІ!