с идентификатор video-bg е нашият фон:

За етикет

• width – ширина на областта за възпроизвеждане на видеото;
• височина – височина на зоната;
• autoplay – автоматично възпроизвеждане на видео;
• loop – циклично повторение на видео;
• плакат – изображение, което се показва вместо видео, докато се зарежда или е недостъпно.

След това имаме два записани етикета: , който предоставя URL адреси за видеоклипове в различни формати – MP4 и WEBM. Защо да включвате видео в няколко формата? Факт е, че не всички браузъри поддържат само един видео формат. За да може видеото да бъде разпознато от всички съвременни браузъри, трябва да предоставите файла поне в тези два формата. А атрибутът тип с подходящи стойности помага на браузъра да направи по-бърз избор.

2.CSS

Нашият стилов лист за фон изглежда така:

#video-bg ( позиция: фиксирана; горе: 0; дясно: 0; долу: 0; ляво: 0; преливане: скрито; z-индекс: 1; фон: url(bg/daisy-stock-poster.jpg) не -repeat #94a233; background-size: cover; ) #video-bg > video ( position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height : auto;) @supports (object-fit: cover) ( #video-bg > video ( top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; ) )

Както можете да видите от кода, фонът е зададен на цялата страница, а изображение (кадър от същото видео) е зададено като резервен фон. В най-лошия случай цветът на фона ще бъде #94a233.

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

Според caniuse.com свойството object-fit в момента се поддържа от всички браузъри с изключение на Internet Explorer, Firefox 31-35, safari 7, iOS Safari 7.1 и Android браузър 4.1-4.4.

Забележка.

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

Относно уеб приложенията

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

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

Типично използване на уеб приложения

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

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

Този тип уеб приложение ви позволява да търсите съдържание, да организирате съдържание и да навигирате в него по начин, удобен за посетителите. Примери за такива приложения включват интранет мрежи на компании - Microsoft MSDN (www.msdn.microsoft.com) и Amazon.com (www.amazon.com).

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

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

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

Уеб приложението освобождава уеб дизайнера от рутинна работа постоянна актуализация HTML страници на уебсайтове. Доставчиците на съдържание, като редактори на новини, са отговорни за поддържането на свежия материал, а уеб приложението следи автоматична актуализациясайт. Примерите включват уеб версията на списание The Economist (www.economist.com) и новинарската услуга на CNN (www.cnn.com).

Примерно уеб приложение

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

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

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

Служителите ще въвеждат данни за своите спортни постижения в проста HTML форма.

Получените данни ще бъдат запазени в базата данни.

Точките ще бъдат присъдени въз основа на получените данни.

Всеки служител може да получи данни за своите резултати.

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

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

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

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

Следващият раздел разглежда по-подробно как работят уеб приложенията.

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

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

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

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

Относно Trio Motors

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

Забележка.

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

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

А.Уеб браузърът изисква статична страница. Б.Уеб сървърът намира страницата. ° С.Уеб сървърът изпраща страницата до браузъра, който я е поискал.

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

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

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

А. Б. ° С.Сървърът на приложения сканира страницата за инструкции и продължава да я създава. Д.Сървърът на приложения връща подготвената страница на уеб сървъра. д.

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

Извиква се програмна инструкция, предназначена за извличане на данни от база данни запитване към база данни. Заявката се състои от критерии за търсене, изразени с помощта на език на базата данни, наречен SQL. структурирани заявки). Текстът на SQL заявката се намира в скриптове на страници от страната на сървъра или в тагове.

Сървърът на приложения не може директно да извлича данни от базата данни, тъй като базите данни използват специфични формати за съхранение на данни, причинявайки опит за извличане на такива данни да прилича на опит за отваряне документ на MicrosoftИзползване на думи текстов редактор Notepad или BBEdit. Следователно, за да се свърже с базата данни, сървърът на приложения използва посредник - драйвера на базата данни. Драйверът на базата данни е софтуерен модул, който установява взаимодействие между сървъра на приложения и базата данни.

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

По-долу е даден пример за проста заявка към база данни в SQL.

ИЗБЕРЕТЕ фамилия, собствено име, точки на годност ОТ служители

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

А.Уеб браузърът изисква динамична страница. Б.Уеб сървърът намира страницата и я предава на сървъра за приложения. ° С.Сървърът на приложения сканира страницата за инструкции и я подготвя. Д.Сървърът на приложения изпраща заявка до драйвера на базата данни. д.Драйверът изпълнява заявка в базата данни. Е.Набор от записи се връща на водача. Ж.Драйверът предава набора от записи на сървъра на приложения. з.Сървърът на приложения вмъква данни в страницата и я изпраща на уеб сървъра. азУеб сървърът изпраща подготвената страница до браузъра, който я е поискал.

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

За да създадете евтини приложения, можете да използвате файлова база данни, като базата данни, създадена с Microsoft Access. Ако планирате да създадете надеждни корпоративни приложения, препоръчително е да използвате сървърна база данни, например базирана на сървъри на Microsoft SQL сървър, Oracle 9i или MySQL.

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

Разработка на динамични страници

Процес на развитие динамични страницисе състои от писане на основен HTML код и след това създаване на сървърни скриптове или HTML тагове на страница, които правят страницата динамична. Ако погледнете крайния код, можете да видите, че скриптовият език е вграден в HTML кода на страницата. Съответно такива скриптови езици се наричат ​​HTML-вградени езици. Следващият пример използва ColdFusion Markup Language (CFML).

Забележка. Dreamweaver CC и по-нови версии не поддържат CFML.

Относно Trio Motors

Trio Motors е водещ производител на автомобили.

Не пропускайте да посетите страницата на нашия #отдел#.

Вграден тази страницаинструкциите правят следното.

Създава се променлива с името отдел, след което му се присвоява низова стойност "Продажби".

Стойността "Продажби" се поставя в HTML кода.

Сървърът на приложения се връща Следваща страницакъм уеб сървъра:

Относно Trio Motors

Trio Motors е водещ производител на автомобили.

Не пропускайте да посетите нашата страница Продажби.

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

Относно Trio Motors

Трио Моторс е един от водещите производители на автомобили.

Не забравяйте да посетите нашата страница за продажби.

Изборът на скриптов език или език, базиран на тагове, зависи от използваните сървърни технологии. По-долу е даден списък на езиците, които се използват най-често в сървърните технологии, поддържани от Dreamweaver.

Сървърна технология
	ColdFusion Markup Language (CFML)
ASP страници

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

Терминология за уеб приложения

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

Сървър за приложения

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

Най-често срещаните сървъри за приложения поддържат ColdFusion и PHP.

Как да инсталирате уеб сайт на вашия настолен монитор?

Вероятно първото нещо, от което всеки потребител се уморява, е да гледа тапета, който е инсталиран на работния плот. Много хора постоянно гледат изображението по подразбиране в продължение на години, дори ако системата е била преинсталирана повече от веднъж. Всички потребители бързо се отегчават от него и търсят подходящи снимки за работния плот. Някои потребители предпочитат анимирани тапети. Предлагам ви да зададете началната страница на любимия си уебсайт (или която и да е страница, разбира се) като тапет. Сега, във времена неограничен интернетЗа някои това понякога е много, много удобно, особено когато компютър или лаптоп е постоянно свързан към мрежата. Във всеки случай не е лош вариант. Този трик се появи в Windows XP. Уви, дотук свърши. Интерактивните маси ги няма. На мен лично ми беше много интересно да гледам как новинарските сайтове се актуализират онлайн. Тази настройка на работния плот би била полезна за много потребители. Но, отново, създателите на нов Windows версииреши да остави работния плот без възможност за показване на интерактивна страница. Честно казано е много, много жалко. Лично аз понякога наистина пропускам тази възможност.

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

• Щракнете с десния бутон върху всяко свободно място на вашия работен плот

• В допълнителното меню, което се появява на работния плот, изберете Имоти.

• Нека изберем раздела Desktop и щракнете Настройване на вашия работен плот...

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

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

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