Езикови средства за Web- програмиране

1. Мултимедия и основи на уебдизайна ас.Елена Първанова Езиковисредстваза Web-програмиране 2011 ТЕМА 2

2. Езициотниво – потребителскиякод HTML Единотключовитемоментина HTML – и следователноключовмоментзаначинанаработана Web – е неговатаподдръжканахипертекстовилинкове (връзки). • ЕзикътHypertext Markup Language (езикзамаркираненахипертекст) представлявапоредицаотстандартникодове и конвенции, проектиранизасъздаваненастраници и акцентираненатекст, показвани в програмиоттипанаWeb браузър.

3. Езициотниво – потребителскиякод XHTML XHTML е проектирантака, чедаобхваневсичкитезибраузъри. • Преработването и опитите за съвместяванена HTML с XML (eXtensible Markup Language)води до появата на XHTML. • XHTML иманяколкоотличия, нообщовзетотой е самомалкопо-стриктен, отколкотобеше HTML досега, коетопредполагасъздателитедасапо-старателнипоотношениенаначинанареализираненасвоите Web страници.

4. Езициотниво – потребителскиякод CSS Засъжалениевсеощесъществуватголемиразликимеждуотделнитебраузъри, поддържащи CSS. • CSS (Cascading Style Sheet) предоставя допълнителнафункционалност и възможности в изграждането на web страници. • Той позволяванадизайнерадаконтролирапараметритезавизуализираненавсекиедин HTML таг. • CSS дававъзможностзадефиниранетонакласове и заизползванетонаобщстил (CSS файл) отвсичкистраници в даденсайт. HTML код CSS код Представяне в web браузъра

5. Езициотниво – потребителскиякод JavaScript, VBScript JavaScript се поддържакактоот Netscape Navigator (отверсия 2 и поголеми), така и от Microsoft Internet Explorer (отверсия 3 нагоре). • JavaScript е основнияезикзаписаненаскриптовеотстрананаклиента. • Неговиясинтаксис е близъкдотозина C++, но е многократнопо-елементарен. • VBScriptсеподдържасамоот Internet Explorer и следователноне е особенополезензаписаненаИнтернетскриптове с общопредназначение, въпрекичепонякогасеизползва в Интернетприложения, разработенисамоза Microsoft.

6. Езициотниво – потребителскиякод DHTML Дватанай-популярнибраузъра – IE и Netscape – предвиждатразличенобектенмоделзадостъпдоиначееднотипноизграденитеслоеве. • Динамичният HTML е сплавоттритетехнологии – HTML, CSS и JavaScript, коитосаобединени с общацелдапредоставятдинамично и интерактивносъдържаниенапотребителитена Web страниците.

7. Езициотниво – потребителскиякод ActiveX контроли ActiveX контролитесасъздадениот Microsoft и въпрекичесасъвместими с HTML стандарта, тенесеподдържатотнитоедин Netscape браузърбез ActiveX модул • ActiveXконтролитесасамостоятелнипрограми, известникатокомпоненти, коитосанаписанинанякакъвпрограменезик, като C++ или Visual Basic. • Добавеникъм web-страници, тезикомпонентипредоставятспецифичнафункционалност, напримердиаграмиилиграфики, таймери, удостоверяваненасамоличносттанаклиентаилидостъпдобазаотданни.

8. Езициотниво – потребителскиякод Java аплети Аплетът съществувасамостоятелно и е маждуплатформен. • Аплет е програма, написананаезикJava, коятоможедабъдевключена в HTML страница. • Когатоизползватеразрешенот Java баузър, задаразгледатедаденастраница, коятосъдържааплет, кодътнатозиаплетсепредавакъмсистема и сеизпълняваотбраузъра.

9. Езициотниво – потребителскиякод WML WMLScriptнесепомества в WML страниците. WML страницитесъдържатединственопрепраткикъмскриптовете. • WML (Wireless Markup Language) е актуаленезикзасъздаванена Web страници и приложениязапреносимиустройства • Страницана WML сенарича– дек, а дековетесеконструираткатомножествооткарти. • WML използваWMLScriptзастартиранетонаелементаренкодотстрананаклиента.

10. Езициотниво – потребителскиякод VRML Описва статични и динамични (анимирани) модели, визуализирани след инсталиранетонаспециалниразширения (plug-in) към потрбителския браузър или специален web браузър • VRML е основоположникътна web – базиранотомоделиране. • 3D обекти и световесеописватвъв VRML чрезйерархичнаструктура, която е композиранаотединицинареченивъзли. • VRML същотакадефинирасъбитиеилимеханизъмзапредаваненасъобщения, постерствомкоитовъзлите в сценовияграфкомуникиратпомеждуси и осъществяватдействие.

11. Езициотниво – потребителскиякод X3D X3D моделите се визуализират след инсталиранетонаспециалниразширения (plug-in) към потрбителския браузър или специален web браузър • X3D е XML базиранстандарт, включващфункционалносттана VRML с допълнителнивъзможностизапредставянана 3D графика. • Представянетона VRML модел в X3D и обратно става постердством транслатор.

12. Езициотниво – потребителскиякод 3DMLW Завизуализиранена3DMLW моделинапотребителскатамашина с представенитемоделиращиезицисеизискваинсталираненаспециалниразширения (plug-in) към потрбителския браузър или специален web браузър. • 3DMLW (3D Markup Language for Web)Сравнителнонова Open Source технологиязасъздаване и показванена 2D и 3D съдържание в web.

13. Езициотниво – междиннасистема Common Gateway Interface (CGI) Основниятнедостатъкна CGI програмите е, чемащабиранетоне е добрезастъпено. Всекипъткогато web-сървърътполучизаявка, сесъздаваизцялоновпроцес. • CGI е най-използваната web-технологияотстранатанасървъра. • Най-популярнияезикза CGI програмиране е Perl. • Web-сървърите, включващи CGI, играятролятанашлюзмеждупотребителскатазаявка и данните, коитотяизисква.

14. Езициотниво – междиннасистема C/C++ (UNIX, Windows, Macintosh) • C и C++налагатстрогиправилазапроменливи и достъпадопаметта, и проверканатиповете. • C и C++иматголямопредимство, чеможедасекомпилира CGI приложениетопредварително в двоиченкод, коетощезаемамалкоресурсинасистемата, отколкотоакосеизползваинтерпретаторзастартиранетона CGI скриптове.

15. Езициотниво – междиннасистема Shells (UNIX) • Пришеловетена UNIX системителипсваоператоризаобработканастрингове и затовасеналагадесеизползватдопълнителнипрограми. Ноимаинструменти, коитосанаписаниспециалноза CGI програми, коитоулесняватдекодиранетонапотребителскитеданниотформите и тяхнотозапомняне в обкръжениетонашела, коетоможеда е леснодостъпноотшелобвивката. Очевидно е, чедиректнатакомуникацията с базиотданни е невъзможна, освенаконесеизползватдопълнителниприложения.

16. Езициотниво – междиннасистема Perl (UNIX, Windows, Macintosh) • Perl е най-широкоизползванияезикза CGI програмиране. • Предимстватана Perl включва: преносим и достъпен; • притежавамощнисредствазаобработканастрингове; • притежавафункциизаобработканадвоичниданни; • използватсемногопрости и стегнатиконструкции; • има и многобройниразширениякъм Perl заспециализиранифункции.

17. Езициотниво – междиннасистема PHP PHP е независимотплатформата и имаразличниверсииза Windows, Unix и Linux и замного web сървъри, включително Apache и IIS • Начинътнаработана PHP е подобеннатозинаJSP и ASP. Секциитесъсскриптовесазаградени с тагове<?php .. ?>и савградени в HTML страница. Тезискриптовесеизпълняватнасървърапредистраницатадасеизпратикъмбраузъра, такачевъпросазаподдръжкана PHP странициотбраузъранесеразглежда.

18. Езициотниво – междиннасистема APIs заwebсървър (ISAPI и NSAPI) • За дапреодолеятнедостатъцитена CGI, Microsoft и Netscape саразработилисвоисобствени API, катопотозиначинпозволяватнаразработчицитедасъздаватприложениязасървъркатосподеленибиблиотеки. • Тезибиблиотекисапроектиранитака, чедасезареждат в същияпроцескакто web-сървъра и могатдаобслужватмногократнизаявкибездасъздаватновпроцес. • Темогатдабъдатзаредени, когатосестартира web-сървъраилипринеобходимост.

19. Езициотниво – междиннасистема Active Server Pages (ASP) ASP-страницатаможедабъденаписана, катосеизползва HTML, Jscript и VBScript. • Технологията ASP е подобнана PHP потова, чекомбинира HTML, писанетонаскриптове и компонентитеотстрананасървъра в единфайл, нареченActive Server Page. • Когатосървърътполучизаявкаот ASP-страница, тойпървощепотърсистраницата и следтоващеизпълникода, вграден в нея. Резултатътоттоваизпълнение е HTML страница, коятосевръщакъмбраузъра.

20. Езициотниво – междиннасистема Java Servlets и JSP • Java Servlet е програмаотстрананасървъра, коятообслужва HTTP заявки и връщарезултаткато HTTP отговор. • Жизнениятцикъл е подобеннатозинаединаплет и протичавътре в Java Virtual Machine. • JSP страницитесаподобнина ASP. Тя съдържа HTML, Java код и JavaBeanкомпоненти. • JSP предоставявъзможностзавгражданенакомпоненти в страница, коитоизвършватопределенидействия, задагенериратстраница.

21. Езициотниво – междиннасистема Server-Side JavaScript (SSJS) Предимството : използва JavaScript, който е стандартнияезикзапрограмиране в Web. Недостатък:спрямо ASP и PHP - приложенията, коитоизползват SSJS, трябвадасекомпилиратпредидасеизпълняват. • Server-Side JavaScript (SSJS) е технология, с която Netscape отговаряна ASP. Подобнона Active Server Pages, страниците, използващи SSJS сесъстоятот HTML код с вграденисекциисъсскриптовеотстрананасървъра. Тозикодсеизпълняванасървъра и каторезултатсеполучава Web-страница, състоящасеотобикновен HTML, коятосеизпращакъмбраузъра.

22. Езициотниво – междиннасистема CFML Недостатъкът:използваединственозатазисървърнаплатформа. • ColdFusion Markup Languageе езикразработензаработасъссървъранафирматаMacromedia – ColdFusion. • CFML е базирантаговеезикзаписаненаскриптовеподдържащсъздаваненадинамичнистраници и достъпдобазиотданни в средатана Web сървъра. • HTML таговетеопределятподрежданетонастраницатадокатотаговетенаColdFusioвмъкватсъдържаниетооснованонапотребителскиявходилирезултатотзапитванекъмбазиотданни.

23. Езициотниво – базиотданни • Сървърнитескриптовеподаватсвоитезаявкизаинформация на SQL (Structured Query Language). • Съществуватмножествоплатформизаизгражданенабазиотданни- MySQL, Microsoft SQL, Oracle, OpenIngres, Postgrese, Interbase и др.

24. СредизаписаненаWeb приложения Редактори за създаване на Web страници Просто редактиране -въвежда HTML код ръчно WYSIWYG (What you see is what you get) редактори - създават HTML кодвместоразработчика. • Прости текстови и HTML редактори • Текстови и HTML редактори от средна класа • Усъвършенствани HTML редактори

25. СредизаписаненаWeb приложения Прости текстови и HTML редактори • BBEdit - Този HTML редактор, разработканаBare Bone Software, е полулярен сред Web разработчиците, използващи Macintosh. Подобнонадруги HTML редактори, той осигурява както набор от възможности с общо предназначение така и много други, разработени специално за нуждите на HTML автори.

26. СредизаписаненаWeb приложения Прости текстови и HTML редактори • NoteTab - дело на Fookes Software HTML. Мда се вмъкне HTML код чрез двукратно кликване върху елементите от менюто – например чрез кликване върху New Web Page elementa се вмъква проста структура от код за целия HTML инструмент. • БезплатнатапробнаверсияподдържасамоеднонивонаUndo.

27. СредизаписаненаWeb приложения Прости текстови и HTML редактори • TextPad - създаденотHelios SoftWare Solutions, служи като още една „удебелена” версия на NotePad. В TextPad може да се използва меню за HTML тагове. TextPad поддържа множество действия Undo.

28. СредизаписаненаWeb приложения Прости текстови и HTML редактори • UltraEdit – разработка на IDM Computer Solutions, дава възможност за предварителен преглед на страниците в браузър и поддържа речник за проверка на правописа на документите.

29. СредизаписаненаWeb приложения Прости текстови и HTML редактори • HomesiteТозитекстов редактор ключва специфични за HTML възможности, за създаване на ефективни и и чисти HTML страници. В него е включена функцията HTML Tag Inspector, редактиране с разделенипрозорци, инструментзаработа с картиизображения и многодруги. • Използваотмногопрофесионални Web разработчици.

30. СредизаписаненаWeb приложения Прости текстови и HTML редактори • WorldPad - е еднакрачкапо-напредот Notepad. Той предлага повече възможности за текстообработка и поддържа по-големи документи. Част от операционнта система Microsift Windows.

31. СредизаписаненаWeb приложения Текстови и HTML редактори от средна класа • Текстовите редактори от средна класа са олекотени версии на WYSIWYG приложения, защото те предлагат възможности за редактиране на текст заедно с ограничен брой възможности на HTML редактор. Приложение от тази категория е Microsoft Word.

32. СредизаписаненаWeb приложения Усъвършенствани HTML редактори • Adobe GoLive - продуктнакомпанията Adobe, предназначенза Web-дизайн. Притежава удобнияначинзапланираненайерархичнатаструктурана Web-сайта, добраинтеграция с графичнипродуктикато Photoshop, възможносттазаоптимизираненаграфикитеза web, способносттазавгражданенаанимацииот Flash, SWG, WebObjects, Real Networks G2, удобствотоприредактиранена HTML-код.

33. СредизаписаненаWeb приложения Усъвършенствани HTML редактори • CoffeeCup HTML Editor - пълнофункционален Web редактор, койтопозволявадокаторедактиратекода в еднатачастнаразделениянадвепрозорез, давиждатепосредством live preview как Web страницасепроменя в другатачаст. • Програматавключватмениджърнапроекти, работа с таблици, форми, шрифтове, пълнаподдръжказанастройванетонасинтактичнотооцветяванеповкус, проверканаправописа в реалновреме, почистваненакода, гъвкавоконфигурираненатулбаровете и др.

34. СредизаписаненаWeb приложения Усъвършенствани HTML редактори • HoTMetal Pro - редакторпритежаващвграденосредствозавизуализация, даващовъзможностзапредварителноразглежданенадокументите. • Контролиравсекиелемент, потребителятнеможедапроменядаденелементпросточрезвъвежданенатекст. • Подходящосредствозаначинаещи и експериментатори.

35. СредизаписаненаWeb приложения Усъвършенствани HTML редактори • HotDog Professional - професионаленредакторна HTML кодкатосеподдържат и по-голяматачастотсъвременнитеуебтехнологии, в товачисловлизат CSS, ASP, XML, VBScript и javascript и др.

36. СредизаписаненаWeb приложения Усъвършенствани HTML редактори • Microsoft FrontPage– дело наMicrosoft. • Обработкатанаграфики, таблици и формисеизвършвадиректно в средатанаредактора. • Има контекстнопадащименютазауточняваненаатрибутите и задаваненастойностинанеобходимитепараметрикъмизбранатакоманда. • Редакторътпредлаганаавторашаблони(Wizards)заускоряваненаработата.

37. СредизаписаненаWeb приложения Усъвършенствани HTML редактори • Adobe Dreamweaver- лесензаизползване HTML-редактор. • Удобензауправляваненасайтовесъссложнадървовиднаструктура. • Включваненавъншнискриптове и собственскриптовезик. • Необходимосредствозапрофесионалните Web-дизайнери.

38. Редактори за създаване на мултимедийни Web приложения • Adobe Director - продуктнакомпанията Macromedia, предназначензаизработваненамултимедийнипрезентации и Web-приложения. • Обединява Flash и Shockwave. • поддръжканавекторниграфики • модулзаоптимизация • поддръжканатримернаграфика, базиранана Intel Internet 3D Graphics Software.

39. Редактори за създаване на мултимедийни Web приложения • GIF Movie Gear- продуктзасъздаваненаанимирани GIF-файлове, удобнизаизползване в Web приложенията. • Файловетесеконвертиратавтоматично в GIF-формат в 256-цветовия стандарт. • Разполага с няколкометодазакомпресия. • добраприемственостнамножествографични и мултимедийниформати: GIF, AVI, BMP, JPG, PSD.

40. Редактори за създаване на мултимедийни Web приложения • Adobe Flash - продукт (отновона Macromedia) заработа с векторно-базиранаграфика. • с Flash сеправятдинамичнианимации, Web приложения, презентации и целиприложения. • вграденезикзаскриптове Action Script • катопотозиначинанимациитемогат да се управляватотпотребителя