Мій сайт весь час знаходять за запитами типу "як створити сайт або сторінку в блокноті", "як написати сторінку в блокноті" і т. П., Тому я вирішив написати спеціальну статтю на цю тему.
Спочатку про плюси і мінуси створення сайту в блокноті. Створити сайт в блокноті, звичайно ж, можна. Правда для цього потрібно, по-перше, дуже хороше знання мови html і принципів верстки веб-сторінок, а по-друге, досить велику кількість часу, якщо тільки ви не робите якусь зовсім вже просту сторінку. Переваги створення сайту в блокноті, на які вказують зазвичай прихильники подібного методу створення сайтів, це - більш оптимальний і чистий код, вільний від зайвих і непотрібних тегів і параметрів в них, які так люблять автоматично вставляти візуальні редактори. Рекомендував би я створювати сайт в блокноті? У більшості випадків навряд чи. Аж надто це заняття клопітно і в більшості випадків себе не виправдовує. Хоча я згоден, безумовно, з тим, що, як мінімум, базове знання мови html і навички читання та ручної правки коду необхідні кожному, хто береться за створення веб-сайту, і ніяке чисто візуальне редагування у візуальному редакторі ці навички не замінить, редагування коду вручну слід розглядати швидше як додатковий прийом при створенні сторінки. Тим більше, що режим роботи з кодом присутній практично у всіх візуальних редакторах, і працювати з кодом в ручному режимі там зручніше, ніж в блокноті - є і підсвічування синтаксису, і різні можливості автоматизації з виправлення / додаванню html-коду.
Ось як, наприклад, виглядає дана сторінка в візуальному режимі редактора Macromedia Dreamweaver:
ця сторінка в dreamweaver - візуальний режим
А ось так вона виглядає в режимі редагування коду:
ця сторінка в dreamweaver - режим редагування коду
Таким чином, ви в будь-який час можете переключитися з візуального режиму в режим ручного редагування коду та оптимізувати і чистити його до такої міри, до якої вам захочеться.
Але повернемося все ж до того, як створити сайт в блокноті. Спочатку розглянемо найпростіші html-теги і структуру найпростішої html-сторінки.
Що таке тег (або html-тег)? Тег - це основна конструкція в мові html. Записуються теги з використанням кутових дужок, ось так:
<Тег>
Втім, більшість тегів - парні, і вони завжди повинні мати "відкриває" і "закриває" частина, ось так:
<Тег> між відкриває і закриває частиною зазвичай щось написано </ тег>
Ще іноді теги мають параметри, виглядати це буде приблизно ось так:
<Тег параметр = "значення"> між відкриває і закриває частиною зазвичай щось написано </ тег>
Теги мають різні функції, одні дають вказівку зробити на веб-сторінці таблицю, інші - перейти на новий рядок, третій - змінити накреслення тексту і т. П. Відповідно, для того, щоб робити сторінку в блокноті, т. Е. Вручну писати html -код, потрібно знати потрібні html-теги і їх параметри.
Практично будь-яка html-сторінка складається з двох частин:
1) "заголовок" (або "голова")
2) "тіло"
Для того, щоб позначити ці частини веб-сторінки, існують наступні теги:
Теги <head> і </ head> обмежують "заголовок" сторінки, теги <body> і </ body> обмежують її "тіло". У заголовок зазвичай поміщається всяка службова інформація, а в "тіло" - інформація, яку ви будете бачити в основній частині вікна. Крім того, весь html-код сторінки прийнято поміщати всередину тегів <html> і </ html>.
Ще практично будь-яка сторінка має якесь назву, ця назва записується між тегами <title> і </ title>. І крім цього, бажано на початку сторінки вказати кодування тексту, який на ній міститься. Звичайно, браузер може спробувати визначити кодування сторінки і сам, але краще все ж таки дати йому спеціальна вказівка. Для більшості сторінок, що містять російський текст, використовується кодування win-1251, і тег, який дає вказівку браузеру воспінімать текст сторінки саме в цьому кодуванні, буде таким: <meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251 ">
Таким чином, код найпростішої html-сторінки буде приблизно таким:
<Html>
<Head>
<Title> Назва сторінки </ title>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
</ Head>
<Body>
Текст, що міститься на сторінці
</ Body>
</ Html>
Набравши код сторінки в блокноті, потрібно зберегти його у файлі з розширенням htm або html (наприклад, якщо ця сторінка повинна бути головною сторінкою вашого сайту, у файлі з назвою index.htm):
збереження сторінки в блокноті
Все, сторінка готова. Тепер можна відкрити її в браузері і подивитися, що вийде.
Спочатку про плюси і мінуси створення сайту в блокноті. Створити сайт в блокноті, звичайно ж, можна. Правда для цього потрібно, по-перше, дуже хороше знання мови html і принципів верстки веб-сторінок, а по-друге, досить велику кількість часу, якщо тільки ви не робите якусь зовсім вже просту сторінку. Переваги створення сайту в блокноті, на які вказують зазвичай прихильники подібного методу створення сайтів, це - більш оптимальний і чистий код, вільний від зайвих і непотрібних тегів і параметрів в них, які так люблять автоматично вставляти візуальні редактори. Рекомендував би я створювати сайт в блокноті? У більшості випадків навряд чи. Аж надто це заняття клопітно і в більшості випадків себе не виправдовує. Хоча я згоден, безумовно, з тим, що, як мінімум, базове знання мови html і навички читання та ручної правки коду необхідні кожному, хто береться за створення веб-сайту, і ніяке чисто візуальне редагування у візуальному редакторі ці навички не замінить, редагування коду вручну слід розглядати швидше як додатковий прийом при створенні сторінки. Тим більше, що режим роботи з кодом присутній практично у всіх візуальних редакторах, і працювати з кодом в ручному режимі там зручніше, ніж в блокноті - є і підсвічування синтаксису, і різні можливості автоматизації з виправлення / додаванню html-коду.
Ось як, наприклад, виглядає дана сторінка в візуальному режимі редактора Macromedia Dreamweaver:
ця сторінка в dreamweaver - візуальний режим
А ось так вона виглядає в режимі редагування коду:
ця сторінка в dreamweaver - режим редагування коду
Таким чином, ви в будь-який час можете переключитися з візуального режиму в режим ручного редагування коду та оптимізувати і чистити його до такої міри, до якої вам захочеться.
Але повернемося все ж до того, як створити сайт в блокноті. Спочатку розглянемо найпростіші html-теги і структуру найпростішої html-сторінки.
Що таке тег (або html-тег)? Тег - це основна конструкція в мові html. Записуються теги з використанням кутових дужок, ось так:
<Тег>
Втім, більшість тегів - парні, і вони завжди повинні мати "відкриває" і "закриває" частина, ось так:
<Тег> між відкриває і закриває частиною зазвичай щось написано </ тег>
Ще іноді теги мають параметри, виглядати це буде приблизно ось так:
<Тег параметр = "значення"> між відкриває і закриває частиною зазвичай щось написано </ тег>
Теги мають різні функції, одні дають вказівку зробити на веб-сторінці таблицю, інші - перейти на новий рядок, третій - змінити накреслення тексту і т. П. Відповідно, для того, щоб робити сторінку в блокноті, т. Е. Вручну писати html -код, потрібно знати потрібні html-теги і їх параметри.
Практично будь-яка html-сторінка складається з двох частин:
1) "заголовок" (або "голова")
2) "тіло"
Для того, щоб позначити ці частини веб-сторінки, існують наступні теги:
Теги <head> і </ head> обмежують "заголовок" сторінки, теги <body> і </ body> обмежують її "тіло". У заголовок зазвичай поміщається всяка службова інформація, а в "тіло" - інформація, яку ви будете бачити в основній частині вікна. Крім того, весь html-код сторінки прийнято поміщати всередину тегів <html> і </ html>.
Ще практично будь-яка сторінка має якесь назву, ця назва записується між тегами <title> і </ title>. І крім цього, бажано на початку сторінки вказати кодування тексту, який на ній міститься. Звичайно, браузер може спробувати визначити кодування сторінки і сам, але краще все ж таки дати йому спеціальна вказівка. Для більшості сторінок, що містять російський текст, використовується кодування win-1251, і тег, який дає вказівку браузеру воспінімать текст сторінки саме в цьому кодуванні, буде таким: <meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251 ">
Таким чином, код найпростішої html-сторінки буде приблизно таким:
<Html>
<Head>
<Title> Назва сторінки </ title>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
</ Head>
<Body>
Текст, що міститься на сторінці
</ Body>
</ Html>
Набравши код сторінки в блокноті, потрібно зберегти його у файлі з розширенням htm або html (наприклад, якщо ця сторінка повинна бути головною сторінкою вашого сайту, у файлі з назвою index.htm):
збереження сторінки в блокноті
Все, сторінка готова. Тепер можна відкрити її в браузері і подивитися, що вийде.
No comments:
Post a Comment