1 / 40

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

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

raven
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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 • катопотозиначинанимациитемогат да се управляватотпотребителя

More Related