Сега можем да поставим текст с различно подравняване на нашата уеб страница:

Ето моите лични страници!

На тях можете да намерите: - разказ за мен и моите хобита; - моите снимки.

От една от моите страници ще бъде възможно
прати ми имейл.

3. Инструменти за създаване на уеб страници

3.1 HTML редактори

Всеки избира свой собствен инструмент за създаване на уеб страници. Може да бъде MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1st Page. И някой използва прост текстов редактор, като Notepad (Notepad).

Текстовите редактори могат да се използват само за създаване на малки страници, тъй като имат много недостатъци: не се поддържат проекти, няма "маркиране" на текста.Като цяло е изключително неудобно за работа.

Основният недостатък на MS FrontPage е, че генерира много голям HTML код (твърде много допълнително), така че страниците са големи, което се отразява на скоростта на зареждане. Освен това, когато създавате уеб страници в този редактор, виждате едно нещо, а в прозореца на браузъра - съвсем друго. Страниците се оказват донякъде криви, следователно, за да създадете висококачествени уеб страници, се препоръчва да използвате пакетите, които ще бъдат разгледани по-долу.

Ще започнем с популярния Macromedia DreamWeaver. Macromedia се смята за лидер в производството на софтуер за създаване на уеб сайтове, както и за законодател на модата в тази област.

Dreamweaver 3.0

Но DreamWeaver е няколко стъпки пред другите WYSIWYG редактори, най-вече чрез генериране на много чист HTML. DreamWeaver ви позволява да се отървете от същия тип работа при създаване на страници (например оформление на текст), като използвате опции "запис на командна последователност" (записвате последователността от команди, които създавате, след това натиснете например CTRL+P и DreamWeaver възпроизвежда всичко в същата последователност.

Начален сайт 4.0

Следващият редактор - HomeSite 4 - за създаване на страници ръчно, т.е. за ценители на HTML. Получавате пълен контрол върху HTML кода и е възможно да оптимизирате страницата си за един от трите популярни браузъра (MSIE, Google Chrome, Opera).

HomeSite съдържа два основни режима: Редактиране и Дизайн. Режимът на проектиране е вид WYSIWYG редактор, който произвежда HTML код и ако качите чужд HTML код, тогава HomeSite ще пренапише всичко по свой начин.

Друга отличителна черта на HomeSite е "залепването" му с Dreamweaver. HomeSite има бутон "Dreamweaver" и също е включен в стандартния му пакет. DreamWeaver обаче има и възможността да свързва HomeSite като редактор за коригиране на HTML код.

Един от най-новите HTML редактори е EVR Soft 1st Page v2.

Неговият слоган е "Създайте първокласни уебсайтове!" („Създавайте първокласни уебсайтове!“). Редакторът съдържа няколко режима - нормален, лесен, напреднал / експертен и хардкор, тоест можете да изберете вашето ниво и евентуално да преминете към по-високо. Друга функция е доста голяма колекция от JavaScript и DHTML скриптове. Всичко това е доста удобно разделено на категории.

3.2 Графични редактори

Създаването и оптимизирането на графики е сложна и капризна задача. Разбира се, възможно е да създадете уеб страница без използването на графики - с помощта на шрифтове, скриптове и стилови таблици (CSS) - и тя ще бъде красива и стилна. Но в края на краищата окончателният вид на документа зависи от голям брой различни фактори, като например: ширината на прозореца на браузъра, предварително зададени настройки на браузъра, размер на шрифта по подразбиране, име и цвят на шрифта. Освен това не всички скриптове и стилове се поддържат от всички браузъри. Ако се използват графики, тогава посетителят на вашата страница ще я види точно както вие и ще я видите.

Основната трудност при работата с уеб графики е, че честотната лента на интернет каналите в повечето случаи е много ниска и веднага ще се сблъскате с проблеми - как да направите графичен файл с малък размер, но с добро качество, какви програми и техники да използвате използвайте, когато го оптимизирате.

На това е посветен разделът за векторни и растерни графични редактори, които са мощен инструмент за обработка на изображения в способни ръце.

Преди да обмислите векторни и растерни графични редактори, трябва да разберете каква е разликата между векторно и растерно представяне на изображение.

Растерна графикае мрежа (растер), чиито клетки се наричат ​​пиксели. Всеки пиксел в растерно изображение има строго определено местоположение и цвят, следователно всеки обект се представя от програмата като набор от цветни пиксели. Това означава, че потребителят, работещ с растерни изображения, не работи върху конкретни обекти, а върху групите пиксели, които ги съставят.

Растерните изображения осигуряват висока прецизност в цветовата градация и средните тонове, както и висока детайлност на изображението, така че те са най-добрият начин за представяне на тонално оцветени изображения, като например сканирани снимки.

Растерните графики винаги използват фиксиран брой пиксели, т.е. Качеството на растерното изображение зависи пряко от разделителната способност на оборудването. Това означава, че всяка промяна в изображението (въртене, увеличение и т.н.) води до постоянно изкривяване на изображението и границите на обектите се оказват неравномерни.

Векторни изображениясе формират на базата на математически описани фигури, наречени вектори, като видът на изображението се определя от параметрите на векторите. С други думи, векторната графика се състои от криви, които имат координати, цвят и други параметри, както и затворени области, запълнени с определен цвят. Границите на тези области също се описват с криви. Файлът с векторно изображение съдържа координатите и параметрите на кривите.

Резултатите от обработката на векторни изображения не зависят от разделителната способност на оборудването, така че можете произволно да променяте техните параметри (размер, цвят, форма и т.н.) - качеството няма да се влоши. Векторната графика се използва при създаване на цифрови обекти с малки размери (размер на шрифта) или обекти като лога, за които е важно да се поддържат ясни контури, при неограничено мащабиране.

Графичните пакети (редактори) също са разделени на два вида: растерни и векторни. Нека сега да разгледаме най-популярните от тях.

А) Растерни графични редактори

Microsoft Paint е прост (или по-скоро най-простият) редактор, който идва стандартно с операционните системи на Microsoft. Има набор от прости функции (четка, молив, гума и т.н.), които ви позволяват да създавате прости снимки. За съжаление, той практически не е подходящ за графична обработка. Картината, която виждате вдясно, е повече от това, на което е способен този редактор.

Адобе Фотошоп- днес това е най-мощният пакет за професионална обработка на растерна графика. Това е цял комплекс, който има множество опции за модифициране на растерно изображение, има огромен набор от различни филтри и ефекти и е възможно да свържете инструменти от производители на трети страни.

Пакетът предлага например инструменти за поправка на повредени изображения, ретуширане на снимки или създаване на най-фантастичните колажи, които нашето въображение може да си позволи. Като цяло потенциалът на този пакет е наистина огромен. Започвайки от версия 5.5, пакетът включва програмата Adobe ImageReady, които предоставят големи възможности за обработка на графики под WEB (оптимизиране на изображения, създаване на анимирани gifs, "нарязване" на картинки на по-малки и др.). Мотото на разработчиците на Adobe Photoshop - "Камера на вашия ум" - предполага не само техническо съвършенство, но и пълна свобода на творчеството, на която човек, работещ с тази програма, е просто обречен.

PhotoPaint- друг също толкова добре познат графичен редактор (от пакета Corel Draw) за обработка на растерни графики, конкуриращ се с Adobe Photoshop. Освен това има всички необходими инструменти за обработка на графики, разнообразие от филтри, текстури. Единствената разлика е в използваемостта, интерфейса и скоростта на прилагане на филтри - наслагването е малко по-бавно.

художник- редакторът предоставя големи възможности за емулиране на реални инструменти за рисуване: графит, креда, масло и др. Също така ви позволява да симулирате текстурата на повърхността на материалите, да рисувате, да създавате анимация. Много удобен за проектиране на тапети или уеб страници в стила на рисуване. Използвайки тази програма, вие се чувствате като истински артист.

Има и редица редактори ( Microsoft Photo Editor, Microsoft PhotoDRAW), което също позволява изпълнението на най-простите задачи, но не задоволява нуждите на професионалистите.

B) Векторни графични редактори

Adobe Illustrator- пакетът ви позволява да създавате, обработвате и редактирате векторни графики. Той е еквивалентен по мощност

растерен редактор Adobe Photoshop: има подобен интерфейс, позволява свързване на различни филтри и ефекти, разбира много графични формати, дори като напр. cdr (Corel Draw) и . swf (флаш).

Corel Draw- разбира се, такъв добре познат графичен пакет не можеше да мине без инструменти за обработка на векторни графики. Пакетът е почти толкова мощен, колкото графичните редактори Adobe Photoshop и Adobe Illustrator. В допълнение към обработката на векторни графики, този пакет има растерен графичен процесор (Photo Paint), инструмент за проследяване на изображения, редактор на шрифтове, подготовка на текстури и създаване на баркод, както и огромни колекции от изображения (CorelGallery).

Adobe Streamline- Друг продукт на Adobe, предназначен за проследяване (превод) на растерна графика във векторна графика. Това е малък, но много полезен и мощен продукт. Това е особено полезно, ако създавате уеб страници с помощта на векторна графика, като технологията Flash.

4. Създаване на сайт чрез CMS Joomla 1.5.7

Плавно, според принципа от просто към сложно, преминаваме от статични WWW страници към динамични. За да направим това, се нуждаем от познания по уеб езиците PHP, Jscript, Perl, jQueryи поне MySQL структурирания език за заявки. Всичко е наред, само няколко години и вие сте професионалист, способен да прави такива многофункционални сайтове, в които страниците се генерират в движение, в които има бази данни с клиенти на форуми, влизания, пароли, идентификация, удостоверяване, връзка с анимация и много повече.

Но не е необходимо да владеете всички езици, за да направите динамичен многофункционален сайт. Имах достатъчно познания по HTML, SCC, PHP, 3Ds Max, Photoshop и SMC Joomla.

Joomla е система за управление на съдържание, написана на PHP и JavaScript, която използва MySQL база данни като място за съхранение. Това е безплатен софтуер, лицензиран под GNU GPL.

Основни функции:

1. Функционалността може да бъде разширена с помощта на допълнителни модули (разширения, добавки).

2. Модул за сигурност за многостепенна автентификация на потребители и администратори.

3. Шаблонната система улеснява промяната на външния вид на сайта.

4. Персонализируеми модулни оформления, включително леви, десни и централни блокове на менюто.

5. Предимствата на системата включват факта, че можете сами да напишете всички модули, компоненти, добавки, шаблони, да ги поставите в структурирана директория с разширения или да редактирате съществуващо разширение по свое усмотрение.

Можете да работите с Joomla на хост сървъра в Интернет (допълнителни разходи и много зависи от скоростта на Интернет). Предпочитам да работя на локален сървър. За това избрах Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 сървър на 127.0.0.1 порт 80.

И така, настройте локален сървър. В директорията localhost/home/www/ създайте папка, в която поставяме самата Joomla. Искам да отбележа, че под PHP5.3.1 Joomla не работи коректно. Постоянно компонентите на форумите на FireBoard и Kunena дават грешки на сайта, трябва да редактирате php. ini и изключете извеждането на грешка, което означава, че самото действие обещава непредвидени обстоятелства за сайта. Затова препоръчвам да изберете PHP версия 5.2.4, работата е стабилна за всички плъгини, модули и компоненти. След като инсталирате Joomla през браузър, създайте администраторски потребител в MySQL и отидете в администраторския панел, като използвате неговото име и парола. След това трябва да изберете шаблон за сайта. На пръв поглед ще изглежда, че е много лесно, но ако се заровите по-дълбоко, ще се убедите, че 80% от времето се изразходва за актуализиране на този шаблон. Затова препоръчвам да изберете най-подходящия шаблон за вашите нужди, като не забравяте за изходните модули. След това свързваме цялата функционалност на сайта: регистрация, форум, слайдшоу, банери, файлове за изтегляне, онлайн видео, аудио, редактиране, всички показани страници. Работим основно с Индекса. php и шаблон. css и разбира се конфигурираме за себе си всички свързани разширения, от които има около 6000 за Joomla. След това остава най-приятното - това е дизайнът на сайта. Използвайки растерната програма Photoshop и 3Ds Max (пълнофункционална професионална софтуерна система за създаване и редактиране на триизмерна графика и анимация, разработена от Autodesk, съдържаща най-модерните инструменти за художници и мултимедийни специалисти), ние създаваме шаблонен дизайн. Редактиране на заглавката, придаване на желания вид.

Заключение

С бързото развитие на уеб програмирането и създаването на множество CMS, работата на уеб дизайнера се улесни. Сега, за да създадете многофункционален мощен динамичен уеб портал, е достатъчно да владеете няколко езика за програмиране (ако добавим разширения и скриптове), да владеете графични и растерни програми, малко вдъхновение, иновации и умения.

Литература

1. Которев Д.В., Костарев А.Ф. „PHP 5 или най-пълното ръководство в оригинала.“ Петербург 2005 г

2. А. Гончаров "Урок по HTML".

3. А. Матросов, А. Сергеев, М. Чаунин "HTML 4.0 в оригинала"

4. Айзък С. "Динамичен HTML"

5. Bayens J. "Приспособления за уеб програмиране"

6. Бурсов М.В. и др. „Основи на работа с HTML редактора на Dreamweaver. Урок“

7. Велихов В. "Наръчник за HTML 4.0"

HyperTextMarkupLanguage (HTML) -- език за маркиране на хипертекст -- е предназначен за писане на хипертекстови документи, публикувани в WorldWideWeb.

Хипертекстовият документ е текстов файл, който има специални знаци, наречени тагове, които впоследствие се разпознават от браузъра и се използват от него за показване на съдържанието на файла на екрана на компютъра.

С помощта на тези знаци можете да маркирате заглавия на документи, да променяте цвета, размера и стила на буквите, да вмъквате графики и таблици. Но основното предимство на хипертекста пред обикновения текст е възможността за добавяне на хипервръзки към съдържанието на документа - специални HTML езикови конструкции, които ви позволяват да навигирате до друг документ с едно щракване на мишката.

Структура на HTML документ

Най-важният от HTML таговете е едноименният таг. . Винаги отваря документа, точно като тагтрябва да е в последния ред. Тези етикети показват, че редовете между тях представляват един хипертекстов документ. Без тези етикети браузърът или друг зрител не може да идентифицира формата на документа и да го интерпретира правилно.

Един HTML документ се състои от две части: заглавие (head) и тяло (body), подредени в следния ред:

Заглавие на документ

Тяло на документа

Най-често таг двойка се включва в заглавието на документ. A, който указва името на документа. Много зрители го използват като заглавие на прозореца, в който се показва документът. Програмите, които индексират документи в Интернет, използват заглавието, за да идентифицират страницата. Доброто заглавие трябва да е достатъчно дълго, за да сочи правилно към съответната страница, като същевременно е поставено в заглавието на прозореца. Заглавието на документа се побира между отварящия и затварящия тагове.

Тялото на документа е задължителен елемент, тъй като съдържа целия материал на документа. Тялото на документа се поставя между таговете И

. Всичко, което се поставя между тези тагове, се интерпретира от браузъра в съответствие с правилата на езика HTML, което позволява правилното показване на страницата на екрана на монитора.

Текстът в HTML е разделен на абзаци с помощта на таг<р>. Поставя се в началото на всеки абзац и браузърът, когато го срещне, разделя абзаците един от друг с празен ред. Използване на затварящ тагне е задължително.

Ако искате да "разбиете" текста, прехвърляйки останалата му част на нов ред, без да маркирате нов абзац, използвайте тага за прекъсване на ред
. Това кара зрителя да покаже знаците след него на нов ред. За разлика от тага абзац, таг
не добавя празен низ. Този таг няма съответстващ краен таг.

Езикът HTML поддържа както логическо, така и физическо форматиране на съдържанието на документа. Логическото форматиране показва предназначението на дадена част от текста, докато физическото форматиране определя външния му вид.

Когато използвате логическо форматиране на текст, браузърът подчертава различни части от текста според структурата на документа. За показване на заглавието се използва един от етикетите за заглавие. Заглавията в типичен документ са разделени на нива. Езикът HTML ви позволява да зададете шест нива на заглавия: h1 (заглавие от първо ниво), h2, h3, h4, h5 и h6. Заглавието от първо ниво обикновено е по-голямо и по-богато от заглавието от второ ниво. Пример за използване на заглавни тагове:

л. Заглавие на глава

л.л. Име на раздел

Етикетите за физическо форматиране директно задават външния вид на текста на екрана на браузъра, например чифт получер текст, задава подчертаване на текста, контролира шрифта на текста.

Етикет вмъква изображението в документа, сякаш е само един голям знак. Пример за приложение на етикет:

Двойка тагове се използва за създаване на хипертекстова връзка<а>... . Част от текст, изображение или всеки друг обект, разположен между тези тагове, се показва в прозореца на браузъра като хипертекстова връзка. Активирането на такъв обект води до зареждане на нов документ в прозореца на браузъра или показване на друга част от текущата уеб страница. Хипертекстова връзка се формира с помощта на израза:

Href тук е задължителен атрибут, чиято стойност е URL адресът на искания ресурс. Кавичките в стойността на атрибута href не са задължителни. Ако е указана връзка към документ на друг сървър, тогава хипервръзката ще изглежда така:

<а href = "http://www.school.donetsk.ua/11.jpg">Снимка 11-А

С помощта на различни тагове можете да рисувате таблици, да форматирате текст, да вмъквате изображения, видео и звукови файлове в документ и др.

Hyper Text Markup Language (HTML) - език за маркиране на хипертекст - предназначен за писане на хипертекстови документи, публикувани в световната мрежа.

Хипертекстовият документ е текстов файл, който има специални знаци, наречени тагове, които впоследствие се разпознават от браузъра и се използват от него за показване на съдържанието на файла на екрана на компютъра.

С помощта на тези знаци можете да маркирате заглавия на документи, да променяте цвета, размера и стила на буквите, да вмъквате графики и таблици. Но основното предимство на хипертекста пред обикновения текст е възможността за добавяне на хипервръзки към съдържанието на документа - специални HTML езикови конструкции, които ви позволяват да щракнете, за да видите друг документ.

HTML документсе състои от две части: действителният текст, т.е. данните, които съставляват съдържанието на документа, и етикети - специални конструкции на езика HTML, използвани за маркиране на документа и контрол на показването му. Таговете на езика HTML определят формата, в която ще бъде представен текстът, кои от неговите компоненти ще играят ролята на хипертекстови връзки, кои графични или мултимедийни обекти трябва да бъдат включени в документа.

Графичната и аудио информация, включена в HTML документ, се съхранява в отделни файлове. Преглед на HTML документи ( браузъри) интерпретират флаговете за маркиране и подреждат текста и графиките на екрана по подходящ начин. Приетите разширения за файлове, съдържащи HTML документи, са .htmили .html.

В повечето случаи таговете се използват по двойки. Двойката се състои от отвор<имя_тега>и затварянеетикети. Действието на всеки сдвоен таг започва от мястото, където се срещна отварящият таг, и завършва, когато се срещне съответният затварящ таг. Често се извиква двойка начален и краен тагове контейнер, и частта от текста, оградена с отварящ и затварящ таг, - елемент.

Последователността от знаци, съставляващи текста, може да се състои от интервали, табулатори, нови редове, връщане на карета, букви, препинателни знаци, цифри и специални знаци (например #, +, $, @), с изключение на следните четири знака, които в HTML специалното значение е: (по-голямо от), & (амперсанд) и " (двойни кавички). Ако искате да включите някой от тези знаци във вашия текст, трябва да го кодирате със специална последователност от знаци.

Структура на HTML документ

Най-важният от HTML таговете е едноименният таг. . Винаги отваря документа, точно като тагтрябва да е в последния ред. Тези етикети показват, че редовете между тях представляват един хипертекстов документ. Без тези етикети браузърът или друг зрител не може да идентифицира формата на документа и да го интерпретира правилно.

Един HTML документ се състои от две части: заглавие (head) и тяло (body), подредени в следния ред:

Заглавие на документ Тяло на документа

Най-често таг двойка се включва в заглавието на документ. A, който указва името на документа. Много зрители го използват като заглавие на прозореца, в който се показва документът. Програмите, които индексират документи в Интернет, използват заглавието, за да идентифицират страницата. Доброто заглавие трябва да е достатъчно дълго, за да сочи правилно към съответната страница, като същевременно е поставено в заглавието на прозореца. Заглавието на документа се побира между отварящия и затварящия тагове.

Тяло на документае задължителен елемент, тъй като съдържа целия материал на документа. Тялото на документа се поставя между таговете И

. Всичко, което се поставя между тези тагове, се интерпретира от браузъра в съответствие с правилата на езика HTML, което позволява правилното показване на страницата на екрана на монитора.

Текстът в HTML е разделен на абзаци с помощта на таг<р>. Поставя се в началото на всеки абзац и браузърът, когато го срещне, разделя абзаците един от друг с празен ред. Използване на затварящ тагне е задължително.

Ако искате да "разбиете" текста, прехвърляйки останалата му част на нов ред, без да маркирате нов абзац, използвайте тага за прекъсване на ред
. Това кара зрителя да покаже знаците след него на нов ред. За разлика от тага абзац, таг
не добавя празен низ. Този таг няма съответстващ краен таг.

Поддържа HTML език логическо и физическо форматиране на съдържанието на документа. Логическото форматиране показва предназначението на дадена част от текста, докато физическото форматиране определя външния му вид.

Използвайки логическо форматиранетекстовият браузър подчертава различни части от текста в съответствие със структурата на документа. За показване на заглавието се използва един от етикетите за заглавие. Заглавията в типичен документ са разделени на нива. Езикът HTML ви позволява да зададете шест нива на заглавия: h1 (заглавие от първо ниво), h2, h3, h4, h5 и h6. Заглавието от първо ниво обикновено е по-голямо и по-богато от заглавието от второ ниво. Пример за използване на заглавни тагове:

л. Заглавие на глава

л.л. Име на раздел

етикети физическо форматиранедиректно задайте външния вид на текста на екрана на браузъра, например двойката прави текста удебелен, задава подчертаване на текста, контролира шрифта на текста.

Етикет вмъква изображението в документа, сякаш е само един голям знак. Пример за приложение на етикет:

За създаване хипертекстова връзкадвойка използвани етикети<а>... . Част от текст, изображение или всеки друг обект, разположен между тези тагове, се показва в прозореца на браузъра като хипертекстова връзка. Активирането на такъв обект води до зареждане на нов документ в прозореца на браузъра или показване на друга част от текущата уеб страница. Хипертекстова връзка се формира с помощта на израза:

Href тук е задължителен атрибут, чиято стойност е URL адресът на искания ресурс. Кавичките в стойността на атрибута href не са задължителни. Ако е указана връзка към документ на друг сървър, тогава хипервръзката ще изглежда така:

<а href = "http://www.school.donetsk.ua/11.jpg">Снимка 11-А

Използвайки различни тагове, можете да рисувате таблици, да форматирате текст, да вмъквате изображения, видео, звукови файлове и други в документ.

През 1989 г. хипертекстът представлява нова обещаваща технология, която има сравнително голям брой реализации, от една страна, а от друга страна, се правят опити за изграждане на формални модели на хипертекстови системи, които са по-описателни по природа и са вдъхновени от успех на релационния подход за описание на данните.

HTML е език за маркиране на хипертекст, използван за кодиране на документи. Езикът HTML е набор от команди, според които браузърът показва съдържанието на документа, HTML командите не се показват. HTML прилага механизъм за хипертекстова връзка, който свързва един документ с друг. Тези документи може да се намират на същия сървър като страницата, от която са свързани, или могат да бъдат хоствани на различен сървър.

Идеята на HTML е пример за изключително успешно решение на проблема за изграждане на хипертекстова система с помощта на специален инструмент за управление на дисплея.

Контекстните хипертекстови връзки бяха признати за най-ефективната форма на хипертекстова организация и в допълнение беше признато разделянето на връзки, свързани с целия документ като цяло и с отделните му части.

Всички HTML документи споделят една и съща структура, дефинирана от фиксиран набор от тагове за структура. Един HTML документ винаги трябва да започва с таг< HTML >и завършва със съответния краен етикет (). Има два основни раздела в документа: раздела със заглавия и основния текст на документа в този ред. Разделът за заглавие съдържа информация, която описва документа като цяло и е ограничена до тагове<НЕАD>И. По-специално, разделът със заглавие трябва да съдържа общото заглавие на документа, разделено от двойния таг<ТITLE>.

). Не се препоръчва обаче да пропускате структурните тагове, когато създавате HTML документ. Най-простият правилен HTML документ, съдържащ всички тагове, които определят структурата, може да изглежда така:

< TITLE >Заглавие на документ< /TITLE >

Текст на документа

HTML елементи.

За сдвоените тагове обхватът се определя от частта от документа между отварящия и затварящия тагове. Тази част от документа се счита за елемент от езика HTML. И така, можем да говорим за „елемента BODY“, който включва тага, тялото на документа и крайния етикет. Целият HTML документ. може да се разглежда като "HTML елемент.". За несдвоени тагове елементът съвпада с тага, който го дефинира.

Повечето елементи на езика HTML. описва части от съдържанието на документа и се поставя между тагове . И, тоест вътре в структурния елемент BODY. Такива елементи са разделени на блокови и текстови. Блоковите елементи се отнасят до секции от текст на ниво абзац. Текстовите елементи описват свойствата на отделни фрази и още повече малки части от текста.

Сега можем да формулираме правилата за влагане на елементи.

Елементите не трябва да се припокриват. С други думи, ако отварящият таг е вътре в елемент, тогава съответният краен таг трябва да е вътре в същия елемент.

Блоковите елементи могат да съдържат вложени блокови и текстови елементи.

Текстовите елементи могат да съдържат вложени текстови елементи.

Текстовите елементи не могат да съдържат вложени блокови елементи.

Функционални блокови елементи.

В повечето документи заглавията и параграфите са основните функционални елементи. HTML език. поддържа шест нива на заглавия. Те се задават с помощта на сдвоени тагове от<Н1>преди<Н6>. Когато се показват, уеб документите се изобразяват по този начин; етикет (документ на екрана на компютъра, тези елементи се показват с помощта на шрифтове с различни размери.

Нормалните параграфи се задават с помощта на таг за двойка<Р>. HTML език. не съдържа средства за създаване на отстъп на абзац („червена линия“), следователно, когато се показват на екрана на компютъра, абзаците се разделят с празен ред. Затварящ етикетсчитат за незадължителни. Подразбира се, че стои преди тага, който задава началото на следващия параграф от документа. Например:

заглавка

<Р>Първи параграф<Р>Втори параграф

Заглавие от второ ниво

Следствие от наличието на специален таг, който дефинира абзац, е фактът, че обичайният знак за край на реда, въведен чрез натискане на клавиша ENTER, не е достатъчен за създаване на отстъп на абзац. HTML език. третира символите и интервалите в края на реда по специален начин. Всяка последователност; състоящ се само от интервали и знаци в края на реда, се третира като единичен интервал, когато документът се показва. Това по-специално означава, че знакът за край на ред дори не изпълнява нов ред (за тази цел се използва текстов елемент, определен от несдвоения таг
.

Хоризонтална линийка може да се използва и като разделител на параграфи. Този елемент е посочен от несдвоен етикет

---

. Когато документ се показва на екрана, линийка разделя части от текста една от друга. Неговата дължина и дебелина се задават от атрибутите на етикета.

---

.

---

Този таг създава хоризонтална линийка с ширина 10px, която обхваща половината от ширината на прозореца и е разположена вдясно.

Изработката на уеб сайт е една от широко достъпните възможности на съвременната интернет индустрия. Самото създаване на сайтове по принцип не е много по-сложно от създаването на лични електронни пощенски кутии и електронни визитки.

За да създадете сайт, първо се нуждаете от сървър, свързан с интернет, на който можете да поставите необходимите хипертекстове. Освен това е необходимо да регистрирате името на saiga при доставчика, обслужващ избрания сървър.

В интернет можете да намерите доставчици, предлагащи безплатно отваряне на сайтове на своите сървъри. Безплатни сайтове могат да бъдат отворени на вътрешни сървъри narod.ru, boom.ru, hotmail.ru и на чужди сървъри, като geocities.com, tripod.com.

На посочените сървъри можете да регистрирате имена на домейни във формата:

<имя>. people.ru

име>.boom.ru,

Примери за регистрирани имена на домейни:

wdu.da.ru - сайт на електронния университет;

wduniv.newmail.ru - сайт на разпределен университет.

След регистриране на домейн името на сайта, върху него могат да се поставят хипертекстове. Поставянето на хипертекстове на сайта се извършва с помощта на специални програми, които ви позволяват да създавате, редактирате, натрупвате и копирате различни хипертекстове. Веднага след поставянето на първата (основна) хипертекстова страница, информацията в нея може да бъде прочетена с помощта на браузър във всяка страна от всеки компютър, свързан с интернет. За да направите това, адресът на сайта в Интернет е посочен в прозореца на браузъра. Например: http://bak.boom.ru

Всички хоствани файлове трябва да са хипертекстови, написани в HTML формат и да имат идентификатори на формата<имя>.html

HTML е езикът за маркиране на хипертекст.

По структура хипертекстът е текст с връзки към други хипертекстове, хоствани на този сървър или на други сървъри. Когато щракнете върху такава връзка, браузърът автоматично зарежда хипертекстова страница на екрана на компютъра, независимо на кой сървър и в коя държава се намира.

С помощта на тези инструменти и програми могат да се създават голямо разнообразие от информационни сайтове и системи в Интернет – лични сайтове, фирмени сайтове, електронни вестници, списания, електронни книги, енциклопедии, както и електронни архиви и библиотеки.

Разликата между сайтовете е в количеството информация, тяхната структура и процедурите за актуализиране. Като цяло за сайтовете в Интернет, както и за всяка организация, можем да говорим за жизнените цикли на тяхното създаване, развитие, модернизация и ликвидация.

Количеството информация се определя от собствениците - хора или организации, които са създали сайтове и разполагат информацията си в тях. Обемът на информацията в сайтовете може да варира от няколко килобайта до няколко гигабайта (милиони килобайта).

Структурата на сайтовете може да бъде много разнообразна. Най-простата структура е главната страница с връзки към набор от текстове. Тези връзки могат да бъдат в текста на главната страница или да се открояват в съдържанието в началото на страницата.

Всяка страница от сайта може да бъде снабдена със заглавие, което се появява в горния ред на екрана, когато сайтът се зареди от браузъра.

Освен това на главната страница на сайта можете да посочите списък с ключови думи за търсачките.

Търсачките сканират всяка седмица всички сървъри в интернет и записват адресите на всички открити сайтове и хипертекстове, заедно с подчертаните в тях ключови думи. Поради тези причини не по-късно от седмица по-късно всяка информация, публикувана в Интернет, може да бъде намерена чрез ключовите думи, съдържащи се в тях.