HTML (HyperText Markup Language) е специален език за форматиране на текстови документи (нарича се още език за маркиране на документи - WWW инструмент за преглед на документи). HTML е доста прост набор от команди, които описват структурата на документа. HTML ви позволява да изберете отделни логически части в текста (заглавия, абзаци, списъци и т.н.), да поставите отделно подготвена снимка или картина на уеб страница, да организирате връзки на страницата, за да ги свържете към други документи.

HTML не определя специфични и точни атрибути за форматиране на документ, като Microsoft Word. Конкретният тип документ окончателно се определя само от програмата- браузърна вашия компютър. Необходимостта от точно такъв подход е свързана с разнородността на хардуера и софтуеркомпютри, свързани към интернет. HTML също не е език за програмиране, но уеб страниците може да включват вградени програми - скриптовев Javascript и Visual BasicСкрипт и програми- аплетина езика Java.

От гледна точка потребител на Windows, Уеб страницата е просто *.htm или *.html файл, разположен на интернет сървър, в локална мрежаили на твърдия диск на вашата машина.

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

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

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

Какво е уеб страница?

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

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

Място и роля на уеб страниците в структурата на сайтовете

Можем ли да кажем, че уеб страницата е основният компонент на уебсайт? Това е отчасти вярно. Въпреки това, както отбелязахме по-горе, уеб страницата е просто текстов документ. Сайтът, като правило, съдържа и снимки, видеоклипове и други мултимедийни елементи. Една уеб страница не може да ги съдържа, но в структурата си може да съдържа връзки към тях. По този начин уеб страницата може да се нарече основният компонент на сайта по отношение на водещата роля в показването на виртуално съдържание на потребителите.

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

Принципът на използване на хипертекст

И така, уеб страницата е документ, написан на HTML, с помощта на който се извършва маркиране на хипертекст. Но какво е това явление? Какво е хипертекст? Без да навлизаме твърде дълбоко в теорията, отбелязваме, че това е текст, който по един или друг начин ви позволява да получите бърз достъпкъм друг чрез връзки. В обикновена книга това е невъзможно - има „обикновен текст“. За да получите достъп до желаната страницачитателят трябва да направи няколко обръщания, като предварително се е запознал със съдържанието или бележките под линия. В режим "хипертекст" основната част от работата се извършва от компютъра - поради информацията, отразена в HTML елементите на страницата.

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

Структура на езика HTML: тагове

Как браузърът чете необходимите данни за уеб страница от HTML документ? Много просто.

Основни елементи даден езикса тагове. В повечето случаи те са сдвоени - има отваряща, има и затваряща. Първите се обозначават само с ъглови скоби. Вторите са подобни, но втората скоба е предшествана от наклонена черта - символът /. Браузърът е в състояние да ги разпознае и следователно показва съдържанието на уеб страниците без никакви проблеми в съответствие с алгоритмите, създадени от разработчика на документа.

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

Атрибути

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

Съдържание

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

Елементи на уеб страница

„И така, най-накрая избройте основните елементи на една уеб страница!“ - повтаря учителят. „С удоволствие“, отговаряме му. Какво е включено в структурата на разглеждания вид документи? Нека се съгласим, че ще разгледаме този аспект в контекста на HTML елементите на уеб страницата. Тоест тяхното показване в браузъра - това, което потребителят вижда на екрана - ще ни интересува в по-малка степен. Факт е, че съответните HTML алгоритми, въз основа на които програмата показва съдържание по същия начин, могат да бъдат различни. И това е особеността на езика HTML: желаното изображение на уеб страница може да бъде показано по различни начини. В същото време те могат да бъдат както еквивалентни по отношение на разходите за труд на създателя на уеб страницата, така и да предполагат различно количество усилия и време за изпълнението им.

Елементи на уеб страница: заглавка

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

Каква е спецификата на хедъра? Той се намира в най-горната част на уеб страницата. HTML, който генерира заглавието, обикновено предполага, че само текстът е "криптиран", но ако е необходимо, в съответния елемент могат да бъдат поставени и малки графични вмъквания. И това всъщност е всичко, което може да се каже за заглавието. Изглежда, че неговата роля в структурата на съответния документ е незначителна. Но не е. Заглавията на уеб страниците са много важни по отношение на индексирането на сайтове в търсачките - Yandex, Google. Този елементтрябва да отговаря изцяло на съдържанието на уеб страницата, както и на тематичната специфика на сайта.

Как се заснема заглавието на уеб страница с помощта на HTML? Много просто. Първо се изписва отварящият таг, който винаги изглежда като HEAD с ъглови скоби, след това съдържанието на заглавието, след това затварящият таг. Те са написани, разбира се, най-отгоре на уеб документа.

Заглавието на уеб документ може да включва поредица от допълнителни елементи. Понякога форматът на уеб страница може да изисква текстът да се показва в определено кодиране. Как да гарантираме, че уеб документът отговаря на този критерий? Много просто. Структурата на заглавката на документа трябва да съдържа HTML алгоритми, които инструктират браузъра да използва специфично езиково кодиране - например кирилица. Съответните команди са поставени вътре МЕТА таг, която, както и останалите, е отваряща и затваряща.

Основна част на уеб страницата

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

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

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

Основни HTML тагове

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

Доста често срещан е тагът P. Той, подобно на други подобни елементи на езика за маркиране на хипертекст, може да бъде отварящ и затварящ. Този таг ви позволява да форматирате отделен параграф от документ. Можете например да зададете конкретен тип шрифт или цвят за него. Това обаче става с помощта на допълнителен таг – FONT. В същото време той ще бъде поставен вътре в този, който показва границите на абзаца - това ще ви позволи да не разпространявате HTML командата, която отразява предпочитания тип шрифт, към други елементи на уеб страницата.

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

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

Връзките към други уеб документи или файлове се обозначават с помощта на тага A. По правило вътре в него се намират атрибути, които показват факта, че структурата на уеб страницата е хипервръзка. Това показва документа, файла или сайта, към който води.

Често срещан етикет е FRAMESET. С него можете да разделите пространството на уеб страница на няколко области - рамки. Във всяка от тях има възможност за отделяне на уеб документи. Това означава, че рамките ви позволяват правилно да поставите две или повече страници на един и същи екран едновременно.

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

Специфика на инструментите за уеб разработка

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

Би било полезно да добавим, че уеб разработчикът може да използва пълноценни езици за програмиране в работата си, като например Perl, PHP, Java, Python, с помощта на които стават възможностите за работа с хипертекстови документи още по-широк. Необходимостта от това може да се дължи на факта, че областите на приложение на уеб технологиите днес са много различни. Задачите, пред които са изправени съвременните разработчици, могат да бъдат доста сложни. Например, понякога се изисква превод на уеб страници, написани на руски на английски. В този случай инструментариумът на разработчика ще бъде най-разнообразен.

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

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

Уеб сайт ait (от английски. уебсайт: уеб- "уеб, мрежа" и сайт- "място", буквално "място, сегмент, част в мрежата") - набор от електронни документи (файлове) на частно лице или организация в компютърна мрежа, комбинирани под един адрес (име на домейн или IP адрес).

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

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

Програмата, която показва уеб страница, се нарича уеб браузър.

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

HTML позволява:

Форматиране на текст

включване на изображения, мултимедия в документа;

Този език създава хипертекстови връзки към други уеб страници.

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

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

Обикновено файлът на уеб страница има разширение .html или .htm.

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

Разглеждането на HTML страница е толкова лесно, колкото да напишете нейния URL адрес в адресната лента на вашия уеб браузър и след това да следвате хипервръзките. Но точно това е основният проблем - как да разберете адреса на страницата? Най-често се случва да знаете какво трябва да намерите, но не знаете къде точно да търсите. За да се реши този проблем, има специални търсачки. От гледна точка на потребителя, система за търсене- това е обикновен сайт, на главната страница на който има връзки към други сайтове, разбити по заглавия („Спорт“, „Бизнес“, „Компютри“ и др.). В допълнение, търсачката позволява на потребителя да въвежда няколко ключови думии връща връзки към страници, съдържащи тези ключови думи.

Уеб сайт

Уеб сайт (англ. Website, от web - мрежа и site - "място") - набор от документи на частно лице или организация, обединени под един адрес в компютърна мрежа. По подразбиране се приема, че сайтът се намира в Интернет. Всички интернет сайтове заедно съставляват световната мрежа. HTTP протоколът е специално проектиран за директен клиентски достъп до уебсайтове на сървъри. Уебсайтовете иначе са известни като интернет представяне на лице или организация. Когато казват „ваша собствена страница в Интернет“, това означава цял уебсайт или лична страница като част от нечий друг сайт. В допълнение към уеб сайтовете в Интернет са налични и WAP сайтове за мобилни телефони.

Първоначално уебсайтовете бяха колекции от статични документи. В момента повечето от тях се характеризират с динамичност и интерактивност. За такива случаи специалистите използват термина уеб приложение – готово софтуерен пакетза решаване на проблемите на уебсайта. Уеб приложението е част от уебсайт, но уеб приложение без данни е само технически уебсайт.

В повечето случаи в интернет един уебсайт отговаря на едно име на домейн. Сайтовете се идентифицират по имена на домейни глобална мрежа. Възможни са и други варианти: един сайт на няколко домейна или няколко сайта под един домейн. Обикновено няколко домейна използват големи сайтове (уеб портали) за логическо разделяне различни видовепредоставени услуги (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Чести са и случаите на разпределяне на отделни домейни за различни страниили езици. Например google.ru и google.fr логично са сайт на Google на различни езици, но технически са различни сайтове. Обединяването на няколко сайта под един домейн е типично за безплатния хостинг. За идентифициране на сайтове в адреса, след посочване на хост, има тилда и името на сайта: example.com/~my-site-name/.

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

Какво е HTML и CSS?

HTML (Език за маркиране на хипертекст) определя структурата на съдържанието и неговото значение, като дефинира такова съдържание като например заглавия, параграфи или изображения. CSS (Cascading Style Sheets) или Cascading Style Sheets е език за представяне, предназначен да проектира външния вид на съдържанието, използвайки, например, шрифтове или цветове.

Тези два езика, HTML и CSS, са независими един от друг и трябва да останат такива. CSS не трябва да се записва в HTML документ и обратното. Като общо правило HTML винаги ще представлява съдържанието, а CSS винаги ще определя неговия стил.

С това разбиране на разликата между HTML и CSS, нека се потопим в HTML по-подробно.

Основни HTML термини

Преди да започнете да работите с HTML, вероятно ще срещнете нови и често странни термини. С течение на времето ще се запознаете с всички тях по-подробно, но засега трябва да започнете с трите основни HTML термина – елементи, тагове и атрибути.

Елементи

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

преди

) и параграфи (дефинирани като

); елементи могат да бъдат добавени към списъка ,

, , И и много други.

Елементите се идентифицират с помощта на ъглови скоби<>, около името на елемента. Така елементът ще изглежда така:

етикети

Добавяне на ъглови скоби< и >създава това, което е известно като таг около елемент. Таговете най-често се срещат в двойки отварящи и затварящи тагове.

Началният таг маркира началото на елемент. Състои се от символа<, затем идёт имя элемента и завершается символом >; Например,

.

Крайният таг маркира края на елемент. Състои се от символа< с последующей косой чертой и именем элемента и завершается символом >; Например,

.

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

Така че етикетите за връзка ще изглеждат по следния начин:

...

Атрибути

Атрибутите са свойства, използвани за предоставяне Допълнителна информацияотносно елемента. Най-често срещаните атрибути включват атрибута id, който идентифицира елемента; атрибутът class, който класифицира елемента; атрибутът src, който указва източника на вграденото съдържание; и атрибута href, който указва връзка към съответния ресурс.

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

Шей Хоу

Демонстрация на основни HTML термини

Този код ще покаже текста „Shay Howe“ на уеб страница и когато щракне върху този текст, ще отведе потребителя до http://shayhowe.com. Елементът на връзката се декларира с начален таг и затварящ етикетобхващащ текст, както и атрибута и стойността на адреса на връзката, декларирана с href="http://shayhowe.com" в отварящия таг.

Ориз. 1.01. HTML синтаксисът на схемата включва елемент, атрибут и таг

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

Персонализиране на структурата на HTML документ

HTML документите са документи с обикновен текст, записани с разширение .html, а не .txt. За да започнете да пишете HTML, първо трябва текстов редакторкоето е удобно за вас да използвате. За съжаление, това не включва Microsoft Word или Pages, тъй като това са сложни редактори. Двата най-популярни текстови редактора за писане на HTML и CSS са Dreamweaver и Възвишен текст. Безплатни алтернативиВижте също Notepad++ за Windows и TextWrangler за Mac.

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

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

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

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

Здравей свят!

Това е уеб страница.

Демонстрация на структурата на HTML документ

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

Време е да тестваме нашата работа и да видим как нашите HTML и CSS си пасват. Отварянето на файла index.html (или опресняването на страницата, ако вече е отворена) в браузъра трябва да покаже малко по-различен резултат от преди.

Ориз. 1.04. Нашият уеб сайт на Styles Conference с нулиране на CSS

Демо и изходен код

По-долу можете да видите уебсайта на Styles Conference в текущото му състояние, както и да изтеглите източниксайт в момента.

Резюме

И така, всичко е наред! Направихме някои големи стъпки в този урок.

Само помислете, сега знаете основите на HTML и CSS. Докато продължаваме и прекарвате повече време в писане на HTML и CSS, работата с тези два езика ще ви бъде много по-удобна.

Спомнете си, че разгледахме следното:

• Разликата между HTML и CSS.
• Въведение в HTML елементите, таговете и атрибутите.
• Настройка на структурата на вашата първа уеб страница.
• Въведение в CSS селектори, свойства и стойности.
• Работа с CSS селектори
• Указател към CSS от HTML.
• Значение на нулирането на CSS.

Сега нека разгледаме по-отблизо HTML и да се запознаем малко със семантиката.

Ресурси и връзки

• Често срещани HTML термини чрез Scripting Master
• CSS термини и определения чрез впечатляващи мрежи
• CSS инструменти: Нулирайте CSS чрез Eric Meyer

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

Уеб технологията (хипертекстова технология) направи възможно свързването на целия набор от документи, публикувани в Интернет, в една система - WWW. Хипертекстовият документ съдържа хипервръзки. Обикновено се подчертават с цвят и подчертават. Хипервръзките позволяват на потребителя незабавно да премине към желания документ, независимо от физическото му местоположение. Това значително улеснява търсенето на информация в интернет.

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

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

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

Принципите на друг подход могат да бъдат разбрани чрез изучаване на това как работят текстовите процесори. Информацията за форматиране на документа може също да се разглежда като "маркиране", добавено към документа, който се форматира. Използването на текстообработваща програма обаче не изисква познания за формата на документа и „езика за маркиране“: промените, показани на екрана, се правят автоматично в документа. Този принцип за съпоставяне на изображението на екрана с реалното се нарича WYSIWYG (weiseweg) (от английски What You See Is What You Get (voch yu si is voch yu gat) - Каквото виждаш, това получаваш).

Те ви позволяват да създавате цели уеб сайтове (портали) и да използвате всички съвременни технологии. Такива уеб-редактори са доста подходящи за професионалисти. Ако използвате MS Office, можете да използвате FrontPage от този пакет. Съществува и Netscape Composer като част от Netscape Communicator. Можете също да използвате демо версията на уеб редактора Macromedia HomeSite, като я получите от официалния уебсайт на Adobe: www.adobe.com.

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

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

1. Macromedia Dreamweaver (macromedia Dreamweaver);

2. Allaire HomeSite (всички домашни сайтове);

3. Първа страница на Microsoft(Страница с шрифтове на Microsoft).

Те ви позволяват да създавате цели уеб сайтове (портали) и да използвате всички съвременни технологии. Такива уеб-редактори са доста подходящи за професионалисти. Ако използвате MS Office, можете да използвате FrontPage от този пакет. Съществува и Netscape Composer като част от Netscape Communicator. Можете също да използвате демо версията на уеб редактора Macromedia HomeSite, като я получите от официалния уебсайт на Adobe (adobe): www.adobe.com. С помощта на браузър отидете на посочения сайт в секцията Изтегляния / Пробни изтегляния и изберете Macromedia, HomeSite.

Можете да използвате руската версия на FrontPage Express от локализиран Internet Explorer - това е съкратена версия на FrontPage, но много удобна за начало. Уеб редакторът Visual Workshop е известен и на руски (http://www.snkey.net/download/products/index.html).

Съвременните услуги в Интернет предлагат готови конструктори на уебсайтове. Помислете за тях, като използвате примера на конструктора на сайтове "Моят сайт" (www.narod.yandex.ru). С него можете да получите място за вашия сайт ( начална страница) и за 5 минути създайте свой собствен уебсайт със снимки, снимки и др.

Процесът на разработка на уебсайт включва три стъпки:

1. вход към строителя на обекта;

2. регистрация, преименуване на сайта;

3. проектиране на сайт с помощта на заготовки.

За да създадете единствен по рода си ръчно изработен сайт, са необходими други уеб инструменти.

В допълнение към HTML и създателите на уебсайтове можете да използвате други инструменти за програмиране на уеб страници. Един от инструментите за програмиране на сайтове е CGI (CGI AI) (Common Gateway, Общ шлюз).

Принципът на CGI е прост и естествен: програма от страна на сървъра взема някои данни, обработва ги и произвежда отговор под формата на уеб страница. Това е много често срещано явление днес и понякога дори не подозирате, че имате работа не с обикновена страница, а с резултат от CGI скрипт (код). Обхватът на CGI е широк и целите са разнообразни. Езикът за програмиране, на който е написан скриптът, трябва да бъде гъвкав и в същото време мощен, тъй като има не само постоянна работа с файлове, но и с база данни, операционна система и уеб сървър. Най-подходящите езици за CGI програмиране са C (C++) и Perl. Последният най-често се използва за тези цели поради своята простота, надеждност и широка гама от възможности.

Езикът C с право се счита за универсален и е намерил своето място в CGI средата. Използването му е естествено в неговия роден елемент - Unix, на базата на който в повечето случаи се изгражда уеб сайт.

За CGI програмиране се използва и езикът C++, което предполага създаване и унищожаване на определени обекти, реализирани чрез класове - всъщност дефинирани от потребителя типове данни. Естествено е да създадете например клас Книга за гости или DataBaseEntry, който да съдържа необходимите променливи и функции. Струва си да се отбележи, че почти всички нови езици за програмиране (Java, JavaScript, Perl) съдържат конструкции, подобни на или подобни на C конструкции. точни копия. Затова се препоръчва първо да научите този основен език.

Езикът Perl е уникален. Първо, липсват типове данни, което е добре за писане на CGI скриптове. Второ, много конструкции са взети от C. Трябва да се отбележи, че Perl често използва регулярни изрази, подобни на тези, използвани в Unix Shell скриптове. Има удобен цикъл foreach и красиви всъщност модификатори на изрази. Perl има стандартна библиотека, която включва търсене, уеб сървър, графики и т.н. От това можем да заключим, че за програмист, запознат с Unix, няма да е трудно да научи Perl. За да напишете такава програма, е достатъчно да можете да работите с файлове от Perl и малко с променливи на средата на уеб сървъра.

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

Въпроси за самоконтрол:

1. Какво означава понятието HTML документ?

2. Какви са предимствата на този тип документи?

3. Какво означава терминът "таг"?

4. Какви видове тагове има?

5. Какво е включено в обектите за управление на тагове?

www.univer.omsk.su/omsk/Edu/htmlbook/school/index2.htm

http://dvo.sut.ru/libr/ite/i280levc/index.htm Ю.П. Левчук, Е.П. Охинченко, А.Д. Сотников, Т.А. Фоменко ИНФОРМАТИКА Част 2 ИНТЕРНЕТ ТЕХНОЛОГИИ

1. Уеб страница ( HTML документ) представлява:

а) текстов файл с разширение .txt или .doc;

б) текстов файл с разширение .htm или .html;

в) двоичен файл с разширение .com или .exe;

г) графичен файл с разширение .gif или .jpg.

2. За преглед на уеб страници в Интернет се използват следните програми:

а) Microsoft Word или Word Pad;

б) Microsoft Accessили Microsoft Works;

в) Internet Explorer или NetScape Navigator;

d) HTMLPad или Front Page.

3. Етикетът е:

а) инструкция към браузъра, указваща как трябва да се показва текстът;

б) текст, който използва специални знаци;

в) указател към друг файл или обект;

г) фрагмент от програма, включена в уеб страница.

4. Хипертекстът е:

а) много голям текст

б) текст с голям шрифт