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

У цій статті ми розповімо як зробити сайт в Блокноті, одному з найпростіших текстових редакторів. Така тема дуже актуальна і цікава для безлічі людей.

Плюси і мінуси Блокнота

Якщо ви вирішили створити сайтик і використовувати для цієї справи Блокнот, вам в першу чергу потрібно добре володіти мовами програмування, особливо html. В іншому нічого складного в створенні сайтів в Блокноті немає, хіба що іноді такий процес може зайняти дуже багато часу. Тому, звичайно, написання коду за допомогою простих редакторів підходить для простеньких сторінок. Саме такі недоліки в першу чергу і відштовхують людей від таких редакторів. Якщо ви добре знаєте мову програмування, то ви легко впораєтеся з цим завданням. У створенні сайту в Блокноті є і перевага - в процесі написання коду в ньому не буде зайвих рядків, які люблять додавати звичайні редактори. Такий код буде швидше зчитуватися і ваші сторінки сайту будуть прогружаются швидше.

Тому якщо ви новачок, який хоче створити сайт але не володіє навіть базовими навичками - вам ідеально підійде звичайний візуальний редактор. У тому випадку якщо у вас вже є готовий сайт, але ви хочете більш досконально розібратися в мові програмування або зрозуміти основи ручного редагування, то сміливо починайте створювати сайт в Блокноті. У процесі створення ви оволодієте такими навичками, про які навіть не дізнаєтеся при роботі з візуальним редактором.

Тим більше, що кожен редактор заснований на мові html і його знання обов'язково при роботі з сайтами: зміна змісту сторінки, додаванням або видаленням коду.
У браузері ви можете переключитися з візуального режиму в режим для редагування сторінки, в якому видно всю структуру сайту. У цьому режимі ви зможете виправляти код, видаляти його непотрібні частини, таким чином оптимізуючи сторінку. Давайте тепер перейдемо безпосередньо до самого створення.

З чого почати і як зробити сайт?

Перед тим як почати працювати з html і Блокнотом, потрібно розібратися в основах. Найважливішим поняттям в мові програмування вважається «тег» - спеціальна команда, яку записують у дужках. Наприклад ось так: lt; команда>.

Найважливіше те, що коли ви використовуєте формат тега, він повинен мати як початок так і кінець. На початку ви відкриваєте тег: lt; тег>. Наприкінці його треба закрити, для цього використовують таке поєднання:. Між цими частинами ви можете помістити будь-яку інформацію, частина програми, текст.

Тепер коли ми розібралися з тим, що кожен тег повинен мати початок і кінець, поговоримо про додаткові функції, які йому притаманні. Найчастіше в них використовуються параметри. Враховуючи що тегів в мові html дуже багато і кожен з них відповідає за певну функцію, то і кожен вказаний параметр має своє призначення. Як ми попереджали вас - без знання мови зробити сайт в Блокноті важко. Тим не менше, якщо ви вказуєте параметр для тега, це можна зробити так:

lt; тег параметр = "значення цього параметра"> код сторінки.

Розібравшись з тегами давайте поговоримо про структуру коду сторінки. Кожна сторінка складається з двох частин:

1. Заголовок сторінки, її початок - в ньому міститься службова інформація про вашу сторінку
2. Сам код, або «тіло» сторінки - саме ця частина буде відображена у візуальному режимі перегляду.

Для того щоб позначити заголовок і відокремити його від іншої частини коду потрібно використовувати тег head. Для позначення основного блоку коду («тіла») використовують тег body. Наприкінці потрібно використовувати закриває форму тега.

Також важливо пам'ятати про те, що для розпізнання в Блокноті html-коду потрібно поміщати весь код програми (разом з тілом і заголовком) в один загальний теги. Цей тег дозволяє визначати програмою, що дані команди ставляться до цієї мови. Деякі браузери можуть самостійно визначити мову, яка використовується для написання сторінок, але при цьому можуть бути помилки і збої, що приведуть до невірного відображення коду. Якщо ви будете використовувати російську мову, то потрібно вказувати правильне кодування: win-1251.

Ви напевно звертали увагу, що кожна сторінка в Інтернеті має свою назву. В html для зазначення назви сторінки використовують теги закриваючий тег.
Нижче ми представимо, спеціально для вас, приклад сторінки, написаної в Блокноті. Відкрийте Блокнот, скопіюйте в нього весь текст коду і потім збережіть файл у форматі html - так ви зможете відкрити сторінку в браузері.

Код програми

Звичайний сайт в блокноті

Наші поради та підсумок

Наприкінці нашої статті ми б хотіли дати кілька порад, які вам допоможуть при написанні коду, а також виписати окремо всі теги, які ми використовували в нашому прикладі.

1. Якщо ви використовуєте парні теги, пам'ятайте про те, що їх потрібно закривати. Коли ви використовуєте кілька тегів поспіль - не переплутайте їх порядок. Слідкуйте за тим який тег вкладений в інший.
2. При ознайомленні з мовою html слід враховувати нові стандарти, які можуть виходити в нових версіях. Слідкуйте за оновленнями.
3. Роздрукуйте на окремий листочок все нові теги, які ви вивчили:

1. Під час написання коду сторінки, особливо якщо ви використовуєте парні теги - прописуйте їх відразу. Якщо у вас є вкладені теги, то виділяйте їх відступом від лівого краю документа - таке розміщення допоможе краще розбирати код.
2. Для інтересу і поповнення багажу знань, відкривайте різні сторінки в режимі редагування коду - ви дізнаєтеся нові команди і побачите як потрібно писати хороший код (останнє стосується тільки хороших сайтів).

Ми сподіваємося що наші поради допоможуть вам в освоєння такого складного

Відео уроки