Saturday, March 21, 2015

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

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

Спочатку про плюси і мінуси створення сайту в блокноті. Створити сайт в блокноті, звичайно ж, можна. Правда для цього потрібно, по-перше, дуже хороше знання мови 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

Женские бюстгальтеры размер стиль чашки Женские ботинки женская обувь высота каблука Женская обувь на каблуках Женские блейзеры и костюмы мода стиль ландшафтний дизайн дерева рослини сад харчування, дієти салат сік сніданок маркетинг ідея товар споживач сільське господарство вирощування тварини корми Краса і здоров'я волосся обличчя шкіра маркетинг клієнт компанії послуги реклама дієти рецепт салат харчування Краса і здоров'я волосся обличчя харчування створення сайту просування управління хостинг створення сайтів інтернет компанії створення сайтів інтернет сайт пам'ятки замок музей палац дачне господарство гриби насіння плоди Будівництво будинків котеджів проекти Охорона безпека ворота двері велотехника велосипед колеса покришки рами Ремонт та облаштування дизайн приміщення Інтернет-маркетинг бізнес сайт любовь к Парижу, отдых в Париже садова техніка газонокосарки мотоблок обладнання персонал резюме робота резюме робота роботодавець Любовь и семья працевлаштування досвід співбесіди Блог о женщинах и мужчинах Меблі та інтер'єр бізнес гроші фінанси автомобіль авто запчастини машини www.dentalhygieneanswers.com www.dovmeyap.com www.elbacity.press www.eskisehirgocukduzeltme.com www.ds-clan.ru www.farmersforum.ir www.excluzive.net www.forum.sanctusfolium.com www.footie.by www.irantraveller.org