HTML уеб страницата е. Създаване на уеб страници
HTML (HyperText Markup Language) е специален език за форматиране на текстови документи (нарича се още език за маркиране на документи - WWW инструмент за преглед на документи). HTML е доста прост набор от команди, които описват структурата на документа. HTML ви позволява да маркирате отделни логически части в текста (заглавия, параграфи, списъци и т.н.), да поставите отделно подготвена снимка или картина на уеб страница и да организирате връзки на страницата за комуникация с други документи.
HTML не определя специфични и точни атрибути за форматиране на документа, както прави Microsoft Word например. Конкретният тип документ в крайна сметка се определя само от програмата - браузърна вашия компютър. Необходимостта от точно такъв подход е свързана с разнородността на хардуера и софтуера на компютрите, свързани с Интернет. HTML също не е език за програмиране, но уеб страниците могат да включват вградени програми - скриптовев Javascript и Visual Basic Script езици и програми - аплетина език Java.
От гледна точка на потребител на Windows, уеб страницата е просто *.htm или *.html файл, разположен на интернет сървър, в локална мрежа или на твърдия диск на вашата машина.
Не забравяйте, че HTML не е език за програмиране, той е предназначен само за маркиране на документи. Тези. По същество, когато създавате HTML страница, вие просто редактирате текста с помощта на тагове по почти същия начин, както в обикновен текстов редактор. Всеки таг има свое собствено свойство, но всички те са затворени между ъглови скоби "<" и ">", Например, ,
.Всички тагове в HTML се делят на два вида – сдвоени и несдвоени. Сдвоените тагове са тези, чийто отварящ етикет изисква затварящ етикет. Затварящите тагове в HTML се обозначават с наклонена черта и се изписват така: . Несдвоените етикети не изискват затварящ етикет. Пример за такива тагове е тагът за прекъсване на следващия ред
. Има и задължителни тагове, които трябва да се използват на всички страници, и незадължителни тагове, които се използват по желание.
Уеб страницата е специално форматиран документ, който може да включва текст, графики, хипервръзки, аудио, анимация и видео.
Няколко уеб страници, които споделят обща тема, дизайн и връзки и обикновено се намират на един и същ уеб сървър, образуват уебсайт.
Уеб сайт (от англ. уебсайт: уеб- „уеб, мрежа“ и сайт- „място“, буквално „място, сегмент, част от мрежа“) - колекция от електронни документи (файлове) на частно лице или организация в компютърна мрежа, обединени под един адрес (име на домейн или IP адрес).
Всички сайтове заедно представляват World Wide Web , където комуникацията (уеб) обединява сегменти от информация от световната общност в едно цяло – база данни и комуникации в планетарен мащаб. Специално е разработен протокол за директен достъп на клиенти до сайтове на сървъри HTTP .
Един уебсайт е структуриран като списание, което съдържа информация по определена тема или проблем. Точно както списанието се състои от печатни страници, уеб сайтът се състои от компютърни уеб страници.
Програмата, която показва уеб страница, се нарича уеб браузър.
Уеб сайтовете се създават с помощта на езика за маркиране на хипертекстови документи HTML. HTML технологията се състои във вмъкване на контролни знаци (тагове) в обикновен текстов документ и в резултат на това получаваме уеб страница. Браузърът, когато зарежда уеб страница, я представя на екрана във формата, зададена от тагове.
HTML ви позволява да:
· форматиране на текст;
· включване на изображения и мултимедия в документа;
· С помощта на този език се създават хипертекстови връзки към други уеб страници.
HTML се използва за създаване на файлово информационно съдържание и за определяне на структурата и формата на уеб страниците. Тъй като HTML файловете са обикновени текстови файлове, такъв файл може да бъде изпратен на почти всеки компютър.
За създаване на уеб страници се използват прости текстови редактори, които не включват контролни символи за форматиране на текст в създадения документ. Като такъв редактор в Windows можете да използвате стандартното приложение Notepad.
Обикновено файлът на уеб страница има разширение .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. Именно с него създателят на уеб страницата „обяснява“ на браузъра как да покаже това или онова съдържание на екрана.
Мястото и ролята на уеб страниците в структурата на сайтовете
Можем ли да кажем, че уеб страницата е основният компонент на уебсайт? Това е отчасти вярно. Въпреки това, както отбелязахме по-горе, уеб страницата е просто текстов документ. Сайтът, като правило, съдържа и снимки, видеоклипове и други мултимедийни елементи. Една уеб страница не може да ги съдържа, но може да съдържа връзки към тях в структурата си. По този начин уеб страницата може да се нарече основният компонент на сайта по отношение на доминиращата й роля в показването на виртуално съдържание пред потребителите.
В редки случаи, разбира се, въпросният документ ще бъде единственият компонент на сайта - ако по някаква причина не предвижда показване на графики, видео и други мултимедийни елементи. По-специално, първите уебсайтове - когато езиците за маркиране на уеб страници се появяват за първи път - не включват подходящо съдържание. Пред очите на потребителя имаше само текст и връзки.
Принципът на използване на хипертекст
И така, уеб страницата е документ, написан на HTML, който се използва за маркиране на хипертекст. Но какво е това явление? Какво е хипертекст? Без да навлизаме много в теорията, отбелязваме, че това е текст, който по един или друг начин позволява бърз достъп до друг – чрез връзки. Това е невъзможно в обикновена книга - има „прост текст“. За да стигне до желаната страница, читателят трябва да направи няколко завъртания, като първо прочете съдържанието или бележките под линия. В режим хипертекст по-голямата част от работата се извършва от компютъра, като се използва информация, отразена в HTML елементите на страницата.
Ако учител по информатика ни каже: „Избройте основните елементи на уеб страница“, тогава можем съвсем правилно да започнем да говорим за компонентите на съответния документ, които са създадени с помощта на езика за маркиране HTML. Затова, първо, нека разгледаме някои теоретични точки относно HTML.
Структура на HTML език: тагове
Как браузърът чете необходимите данни за уеб страница от HTML документ? Много просто.
Основните елементи на този език са таговете. В повечето случаи те са сдвоени - има отваряща, има и затваряща. Първите са посочени само с ъглови скоби. Вторите са подобни, но преди втората скоба има наклонена черта - символът /. Браузърът е в състояние да ги разпознае и следователно показва съдържанието на уеб страниците без никакви проблеми в съответствие с алгоритмите, създадени от разработчика на документа.
Отварящият таг обикновено се изписва с главни букви, а затварящият - с малки букви. Това е стандарт, наложил се сред IT специалистите. Браузърът, разбира се, ще разпознае HTML командата във всички букви, но уеб разработчиците все пак се съветват да се придържат към схемата за писане на маркирания етикет. Това ще улесни, например, други специалисти да подобрят уеб страницата.
Атрибути
Други важни елементи на езика HTML са атрибутите. С тяхна помощ създателят на уеб страница може да задава свойствата на съдържанието – например височина на шрифта, неговия цвят, позиция спрямо страницата. Същото важи и за снимки, видео и други мултимедийни компоненти. Атрибутите се записват в отварящия таг.
Съдържание
Между отварящия и затварящия тагове се намира следващият ключов компонент на уеб страницата – съдържанието. Това всъщност е самото съдържание, което трябва да се показва пред потребителя на екрана. Това може да бъде текст, връзка, картина, видео или друг мултимедиен елемент.
Елементи на уеб страница
„И така, най-накрая избройте основните елементи на една уеб страница!“ - повтаря учителят. „С удоволствие“, отговаряме му ние. Какво е включено в структурата на разглеждания вид документ? Нека се съгласим, че ще разгледаме този аспект в контекста на HTML елементите на уеб страницата. Тоест тяхното показване в браузъра - това, което потребителят вижда на екрана - ще ни интересува в по-малка степен. Факт е, че съответните HTML алгоритми, въз основа на които програмата показва съдържание по същия начин, могат да бъдат различни. И това е функция на езика HTML: желаното изображение на уеб страница може да бъде показано по различни начини. В същото време те могат да бъдат или еквивалентни по отношение на разходите за труд на създателя на уеб страницата, или да изискват различно количество усилия и време за тяхното изпълнение.
Елементи на уеб страницата: Заглавка
Стандартните елементи на уеб страницата, колкото и изненадващо да звучи, са представени в много малки количества. Всъщност има само две от тях - заглавието и основната част на документа. В същото време всеки от тях може да има доста сложна структура.
Какви са особеностите на заглавието? Той се намира в най-горната част на уеб страницата. HTML кодът, който формира заглавката, обикновено е предназначен да „шифрова“ само текста, но ако е необходимо, малки графични вмъквания могат да бъдат поставени и в съответния елемент. И това всъщност е всичко, което може да се каже за заглавието. Изглежда, че неговата роля в структурата на съответния документ е незначителна. Но това не е вярно. Заглавията на уеб страниците са много важни от гледна точка на индексирането на сайтове в търсачките - Yandex, Google. Този елемент трябва да отговаря изцяло на съдържанието на уеб страницата, както и на тематичната специфика на сайта.
Как се заснема заглавието на уеб страница с помощта на HTML? Много просто. Първо се пише отварящият таг, който винаги изглежда като HEAD с ъглови скоби, след това съдържанието на заглавката, след това затварящият таг. Те са написани, разбира се, най-отгоре на уеб документа.
Заглавието на уеб документ може да включва редица допълнителни елементи. Понякога форматът на уеб страница може да изисква текстът да се показва в специфично кодиране. Как можете да гарантирате, че вашият уеб документ отговаря на този критерий? Много просто. В структурата на заглавката на документа трябва да бъдат поставени HTML алгоритми, които да инструктират браузъра да използва специфично езиково кодиране - например кирилица. Съответните команди се поставят в META тага, който, подобно на другите, може да бъде отварящ и затварящ.
Основна част от уеб страницата
Основната част на уеб документа се отваря с тага BODY и се затваря със съответния елемент, включително наклонена черта. Освен това между отварящите и затварящите тагове може да има огромен брой допълнителни команди на езика за маркиране на хипертекст. Това се дължи на факта, че основната част от уеб страницата съдържа нейното полезно съдържание - текстове, връзки, графики, видео, различни форми за попълване.
Всеки от съответните типове съдържание има свои собствени тагове. Структурата на основната част на уеб документ може да съдържа HTML команди, които също се използват за форматиране на текста - например придаване на определен цвят, размер и други свойства на шрифта.
Нека да разгледаме спецификата на някои често използвани HTML тагове. Всъщност те формират основните елементи на една уеб страница.
Основни HTML тагове
И така, за да проучим подробно какво представляват елементите на уеб страницата, нека проучим по-подробно същността на основните HTML тагове. Вече посочихме някои от тях по-горе - по-специално тези, с помощта на които браузърът чете заглавките на уеб страниците и определя къде се намира основната част от документа.
Доста често срещан е тагът P. Той, подобно на други подобни елементи на езика за маркиране на хипертекст, може да бъде отварящ и затварящ. Този таг ви позволява да форматирате отделен параграф от документ. Можете например да зададете конкретен тип шрифт или цвят за него. Това обаче става с помощта на допълнителен таг - FONT. В този случай той ще бъде поставен вътре в този, който маркира границите на абзаца - това ще попречи на HTML командата, отразяваща типа на предпочитания шрифт, да бъде разпространена до други елементи на уеб страницата.
Таблиците се създават с помощта на тага TABLE. С помощта на съответните атрибути можете да определите необходимия брой колони и редове, да зададете тяхната ширина, конкретни граници, размер и цвят на шрифта на текста в таблицата.
Отговаря за обработката на изображения от браузъра. Можете също така да поставите различни атрибути в него, които регулират размера на изображението и позицията му на страницата.
Връзките към други уеб документи или файлове се обозначават с помощта на тага A. По правило в него има атрибути, които показват факта, че има хипервръзка в структурата на уеб страницата. В този случай се посочва документът, файлът или сайтът, към който води.
Често срещан етикет е FRAMESET. С негова помощ можете да разделите пространството на уеб страница на няколко области - рамки. Във всеки от тях можете да използвате отделни уеб документи. Това означава, че рамките ви позволяват да позиционирате правилно две или повече страници на един екран едновременно.
Разказ за ключовите елементи на уеб страниците и последващ разказ за средствата за тяхното форматиране с помощта на езика HTML - приблизително това ще бъде алгоритъмът за нашия отговор на въпроса, който ни зададе проверяващият. Ако дойде при нас с думите „избройте основните елементи на уеб страница“, тогава ние, използвайки подходящата методология, ще имаме всички шансове да разкрием темата. Тоест, под термина „елементи“ можем да разбираме ключовите компоненти на структурата на уеб документ или типовете съдържание – текст, картини, таблици, рамки, връзки, които уеб администраторът генерира с помощта на инструмент като езика HTML .
Специфика на инструментите за уеб разработка
В допълнение към казаното можем да обясним, че има огромен брой тагове и атрибути, предоставени от HTML стандартите. В допълнение към HTML, уеб разработчиците могат да използват допълнителни инструменти за форматиране на хипертекстови документи. Например, използвайки JavaScript, можете да създавате динамични уеб страници - тоест такива, в които съдържанието се актуализира постоянно (както поради действията на самия потребител, така и в съответствие с алгоритми, предварително написани в скриптове).
Би било полезно да добавим, че уеб разработчикът може да използва пълноценни езици за програмиране в работата си, като например Perl, PHP, Java, Python, с помощта на които стават възможностите за работа с хипертекстови документи още по-широк. Необходимостта от това може да се дължи на факта, че областите на приложение на уеб технологиите днес са много различни. Предизвикателствата пред съвременните разработчици могат да бъдат доста сложни. Например, понякога е необходимо да се превеждат уеб страници, написани на руски на английски. В този случай инструментите на програмиста ще бъдат много разнообразни.
HTML - език за маркиране на хипертекст. Уеб страница (HTML документ) е текстов файл в HTML формат *.htm или *.html, хостван в World Wide Web (WWW). WWW - World Wide Web, разпределена система за достъп до хипертекстови документи, която съществува в Интернет. В допълнение към текста, една уеб страница може да съдържа хипертекстови връзки, които могат да се използват за навигация и преглед на други уеб страници. Една уеб страница може да съдържа вложки под формата на графики, анимация, видеоклипове и музика. За да разглеждате уеб страници, можете да използвате например MicroSoft Internet Explorer или NetScape Navigator, или Opera (програма за преглед или браузър). Езикът HTML ви позволява да: 1) Създавате и редактирате уеб страници, включително вашата начална уеб страница, която след това може да бъде публикувана в интернет; 2) Редактиране на HTML документи, получени от Интернет, така че всички обекти, вградени в документа (снимки, анимации и др.) да функционират; 3) Създавайте мултимедийни презентации, слайдшоута, демонстрационни проекти, благодарение на хипертекстовите връзки и възможността за вмъкване на рисунки, диаграми, анимации, видеоклипове, музикален и говорен съпровод, текстови специални ефекти (например пълзяща линия) в HTML документ. Има три основни начина за създаване на уеб страници (или HTML документи): 1) Използвайте текстовия редактор на NotePad, вграден в Windows, и прегледайте резултатите с помощта на браузър. Този най-лесен метод се препоръчва за начинаещи. Технологията на този метод за създаване на уеб страница е следната: В редактора на Notepad се създава файл с уеб страница, който се записва с разширение *.htm. След това този файл се изтегля и преглежда от Internet Explorer. За да извикате редактора на Notepad, за да редактирате файл на уеб страница, докато го преглеждате в Internet Explorer, използвайте елемента от менюто Преглед, Източник или Като HTML. След като запазите файла и излезете от Notepad, за да видите редактираната страница, трябва да натиснете клавиша F5 или бутона "Обнови" в лентата с инструменти на Internet Explorer. 2) Използване на специални редактори на HTML документи, например Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad и др. 3) Използване на редактора Word-97, където се създава текстът на документа, който след това се конвертира в HTML формат. Нека да разгледаме основните концепции на езика HTML. 1. Елементът е HTML конструкция или контейнер, съдържащ данни. Уеб страницата е колекция от елементи. 2. Тагът е началният и крайният маркер на елемент. Таговете определят границите на действие на елементите и отделят елементите един от друг. В текста на уеб страница таговете се ограждат в ъглови скоби, например: . Крайният етикет винаги се предхожда от наклонена черта:. 3. Хипервръзка – част от текста, която е указател към друг файл или обект. Хипервръзките ви позволяват да навигирате от един документ към друг. 4. Рамка - област на хипертекстов документ със собствени ленти за превъртане. 5. Аплет - програма, прехвърлена на компютъра на клиента като отделен файл и стартирана при разглеждане на уеб страница. 6. Скриптът е програма, включена в уеб страница за разширяване на нейните възможности. 7. Изтегляне (DownLoad) - копиране на документ от уеб сървъра на компютъра на клиента. UpLoad - копиране на документ от клиентски компютър към уеб сървър - се използва, когато създавате своя собствена уеб страница (т.е. когато я публикувате). Нека да разгледаме общата структура на типичен прост HTML документ: