Лекция 1: въведение за понятието Web дизайн някои митове за Web дизайна



страница7/7
Дата06.09.2016
Размер1.56 Mb.
#8371
ТипЛекция
1   2   3   4   5   6   7

6. ГРАФИКАТА В WEB
1. Видове графики – векторна и пикселна

Графиките използвани в Интернет и създавани с помощта на компютърни програми се делят на 2 големи групи: битмап файлове(пикселни) и векторни графики. Всеки един от 2-та вида може да бъде конвертиран в другия.

Сканираните образи по своята същност са пикселни графики, докато графиките създавани в приложения като Corel Draw или Illustrator са типични векторни графики.

Пикселните графики
Пикселните графики представляват матрица от индивидуални точки (пиксели), които имат свой собствен цвят. Ето една типична пикселна графика, която демонстрира основните принципи.

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

Видове пикселни графики
Пикселните графики могат да съдържат какъвто и да е брой цветове, но въпреки могат да бъдат разделени на:

Line-Аrt графики - Това са графики съдържащи само 2 цвята, обикновено тези цветове са черно и бяло.

Grayscale графики – съдържат цветови вариации на сивото, както и чисто бяло и черно.

Многотонови – графиките съдържат вариации на два или повече цвята. Най-популярните многотонови графики са двутонните, обикновено единият от цветовете е черният. Примерът по-долу включва черно и топло червено.


Пълноцветови графики – включват всички цветове, които могат да се дефинират от системите RGB, CMYK или Lab.


Приложения, чрез които се създават и обработват пикселните графики са много, но най-голям пазарен дял се заема Adobe PhotoShop, въпреки че по-евтините алтернативи като Corel Photo-Paint също могат да бъдат полезни. Файловите формати за пикселни графики са BMP, EPS, GIF, JPEG, JFIF (който основно се използва при Интернет графиките, PDF, PICT, TIFF.



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

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




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


Приложенията, с които се създават и редактират векторните графики са най-разнообразни, като най-популярните са Adobe Illustrator, Corel Draw и Macromedia Freehand.
Файловите формати за векторни графики са: EPS, PDF, PICT.
Работа с графични файлове и изображения
Основните причини за създаването на файлови формати за графични изображения в Интернет страници са изискванията за минимална големина и съответно бързо и безпроблемно отваряне при зареждане на страницата. Ето защо тези графични формати трябва да позволяват оптимална компресия на графичната информация при оптимално запазване на качеството.
Трите основни графични формата за Интернет са:

  • GIF, чиято компресия се дължи на редуцирането на броя на цветовете до 256 (8-битова дълбочина на цвета) или по-малко. Негово голямо предимство е възможността за контролиране на прозрачността и анимиране на изображенията.

  • JPЕG, с 24-битова дълбочина на цвета (16,7 млн. цвята), особено подходящ за пълноцветни изображения. Компресирането се осъществява за сметка на по-голямо или по-малко влошаване на качеството.

  • PNG обединява предимствата на форматите JPEG и GIF, като осигурява прозрачност, възпроизвеждане на милиони цветове и компресия без загуби. Единствената отрицателна черта на файловия формат PNG е, че не се отваря с по-старите браузъри.


JPEG
Съкращението JPEG произлиза от Joint Photographic Experts Group (Обединение на експертите фотографи). Файловият формат JPEG се използва най-често за компресиране на файлове преди включването им в Интернет публикации. Уеб дизайнерите често използват JPEG, за да съхраняват сканирани изображения, предназначени за Интернет, т.е. изображения, за които цветовият състав е важен. JPEG е стандарт на компресия „със загуби", което означава, че от файла се отнема част от съдържащата се за даденото изображение информация. Обикновено отсъствието на тази информация трудно се забелязва, когато компресията е проведена при настройка за High Quality (със запазване на високо качество). При повторно отваряне на записан с формат JPEG файл, загубената информация не се възстановява.

Файловете JPEG могат да бъдат отворени и съхранени директно във Photoshop. При съхраняването се отваря диалогов прозорец JPEG Options, който позволява да се избере качеството на резултантното изображение - високо, средно или ниско, да се постигне максимална коректност при съхраняването му чрез активирането на Baseline Optimized, и да се зададе постепенно отваряне на файла в Интернет чрез активиране на функцията Progressive и определяне на броя на етапите, през които се достига до изграждане на пълното изображение. Най-отдолу в диалоговия прозорец в полето Size при избрано Preview се изписва големината на файла и предполагаемото време за зареждане при посочена скорост на трансфер на модема.

JPEG форматът поддържа CMYK изображения, пътечки и по-висока от 24-битова дълбочина на цвета, но не поддържа алфа канали и слоеве.

Големината на файла зависи най-вече от степента на компресия, която се задава от дизайнера по специфичен за различните графични редактори начин. Обикновено при една и съща стойност изображенията, които са по-меки (blur), стават с по-малък размер на файла. Трябва да се използва максималната възможна компресия, при която записаното изображение все още изглежда добре.

При запис в JPEG-формат промяната в изображението остава скрита. За да се оцени резултатът от записа, е необходимо графичният файл да се отвори с помощта на друга програма или най-добре с браузър.
GIF
Graphic Interchange Format е формат с общо предназначение, използван за публикуване на изображения в Интернет. Той може да възпроизведе до 256 цвята, поради което преди съхраняването им изображенията трябва да се конвертират във формат Indexed Color. При съхраняването на файла в CompuServe GIF формат се появява диалогов прозорец, който позволява да се избере вариантът на съхранение - Normal или Interlaced Row (презредово). При избор на Interlaced Row в Интернет изображението ще се изгражда постепенно, като отначало се показва със силно разредени линии и постепенно се попълва с нови до окончателния си отчетлив вид. Ако се работи с изображения, които ще бъдат разпространявани чрез Интернет, може да се предпочете да се използва командата на Photoshop File/Export/GIF89a. Използвайки GIF89a, може да бъде експортиран RGB файл във формат GIF и по този начин да се контролира чрез няколко опции кои области от изображението ще се виждат прозрачни при разглеждане в уеб браузър.

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

Големината на файла зависи от броя на цветовете, които се използват - конвертирането от повече към по-малко цветове е функция, която се предлага от съответния графичен редактор, като това естествено става с понижаване качеството на изображението. Колкото по-големи едноцветни области съдържа дадена графика, толкова по-малък ще бъде файлът, в който тя е записана.
PNG
PNG е нов файлов формат, разработен специално за компресиране на изображения в Интернет. Експертите предричат, че PNG ще замени формата GIF като предпочитан графичен файлов формат за Интернет. За разлика от GIF, изображенията, записани като PNG файлове, не са ограничени до 256 цвята. Изображенията, съхранени във формат PNG, поддържат всички цветове и всички алфа канали, което позволява преливане на контурите на изображението към фоновете на Интернет страниците. Изображенията, съхранени във формат PNG, са компресирани без загуби, което означава, че качеството им не е влошено. Освен това е възможно многократното компресиране и разкомпресиране на файла, без това да доведе до прогресивното влошаване на качеството, каквото се забелязва при JPEG файловете. Освен това PNG файловете поддържат прозрачност с алфа канали, а Photoshop използва този вид прозрачност, за да изглади контурите на изображенията, като осигурява 256 нива на прозрачност.

Когато се съхранява изображение във формат PNG, се появява диалогов прозорец, който позволява да избор дали изображението да се изгражда презредово и постепенно в Интернет страницата, или не.



7. Банери

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

Рекламен банер/бутон

Банерът е реклама под формата на графично изображение с определени размери, което служи за хипервръзка към WEB страницата на рекламодателя. Името идва от английски Banner – “флаг, знаме”.

Банерът може да се разглежда като еквивалент на рекламното каре в печатните медии, но има разширени възможности:


  • хипервръзка към страницата на клиента

  • анимираност

  • по-голяма атрактивност

  • цветова неограниченост

  • развитие във времето

  • качество, независещо от хартиен носител.

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

Съществуват стандарти за рекламните банери според размера им пиксели. Най-често използваните са:

468х60 - full banner;

234x60 - half banner;

125x125 - square banner;

88x31 или 90x30 - micro button

120x240 - vertical banner.

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


Видове рекламни банери
Според големината – банер и бутон

Според наличието на движещи се образи – неанимиран (статичен банер) и анимиран (с последователно сменящи се кадри – надписи, акценти, анимация и т.н.)

Според честотата на показване – фиксиран (рекламата заема 100% от определена позиция) и ротационен (на една и съща позиция са разположени няколко реклами, които се сменят на определен период от време или при всяко презареждане на страницата)

Според използваната технология – класически (във формат gif, jpg), флаш банер (flash технология) и rich media (HTML, 3D анимация и др.)

Според използваните апели – негативен и позитивен, коригиращ, еротичен, агресивен и т.н.

Според целите на кампанията – имиджов банер (за налагане на търговската марка) и действен банер (push-banner: за предизвикване на реакция у потребителя)


Предимства

  • Рекламният банер е най-старата визуална форма на реклама в Интернет и вече са формирани навици у рекламодателите в ползването му.

  • Банерът лесно се разпознава от потребителите като реклама и им дава избор дали да кликнат или не според интереса им. Има контекст и може да се персонализира.

  • Банерът може да се актуализира непрекъснато и е гъвкав като структура и съдържание. Увеличава сериозно познаваемостта на марката.


Недостатъци

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

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

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

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

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

Големите банери се забелязват повече, помнят се по-лесно и съдържат повече информация, но и като цена винаги са по-скъпи. Не трябва обаче да са с голям размер, тъй като може да се забави зареждането им.

Анимираните банери, особено ако съдържат изображения, са за предпочитане пред статичните.

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


Банерите от ново поколение

Рекламата от тип “rich media” използва анимация, звук и понякога видео изображения – с което пряко конкурира телевизионната реклама. Тя се базира на по-съвършени технологии от обикновената gif или jpg картинка и може да се използва както за създаването на уеб-сайтове, така и за изработката на рекламни формати.

Rich media рекламите са по-атрактивни от класическите банери, изискват повече творчество от създателите им и повече техника като изработка.


Видове банери от ново поколение
Флаш банери
Флаш-банерите са интерактивни и се основават на технологията Shockwave Flash.

Техните характерни черти и особености са следните:



  • Дават далеч по-големи възможности за анимации, визуални ефекти и смесване на картините

  • Придават по-голяма автентичност на изображенията и на внушенията

  • Не утежняват рекламния банер, въпреки че боравят с голям обем изображения и векторни графики

  • Интерактивни са и могат да следват всяко движение на мишката

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

  • Позволяват периодична подмяна на елементите на банера, което е много ефективно при разпознаване на потребителя. Все повече се говори за т.нар. “помнещи” банери – те установяват, че посетителят вече е виждал дадено изображение и автоматично го подменят с ново

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

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

Банери с HTML, Java, CGI script
Характеристните им особености са:

  • Не изискват инсталирането на специални програми и plug-in за възприемането им, както е при флаш банерите

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

  • Могат да се използват за колективна или групова реклама

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

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


Преимущества на банерите от ново поколение

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



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

  • Много често се използват комбинирано (напр. флаш банер и Java) с цел да увеличат многократно ефективността на рекламната кампания и да привлекат вниманието на по-висок процент потребители.


Недостатъци

  • Rich-media рекламата изисква високоскоростни връзки с Интернет, по-съвременни компютри и някои специални програмни модули, за да може да е достъпна и да се възприема качествено от потребителите.

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

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

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

Банери от ново поколение не бива да се използват, ако сайтът на рекламодателя е организиран с класически средства. Има опасност потребителите да останат излъгани в очакванията си. Това правило не е абсолютно и зависи от баланса и "напасването".

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

Използването на Rich media не трябва да утежнява рекламния формат, защото ще пречи на бързото му зареждане.

Препоръчително е използването на нестандартни размери и на оригинални решения. Няма смисъл да се използва флаш технология, ако банерът може да реализира като обикновен gif или jpg.

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



Лекция 5

Технологии използвани при създаването на WEB-сайтове.

Доц. д-р Й. Николаев

За нормалната работа на един сайт са необходими компютър с инсталиран и конфигуриран Web-сървър. Ако сайта е динамичен, трябва да присъства и някакъв скриптов език и евентуално База-данни. Разлика правят единствено скриптовете, които се изпълняват на машината на потребителя (например AvtionScript-а на Flash). Освен това при самата разработка на страниците се използват множество различни помощни програми, някои от които ще бъдат разгледани накратко.


3.1. Web-сървъри


    1. Apache

Apache е много популярен Web сървър при системите с Linux, Novell и Solaris, но се оказа не така успешен при Windows, където доминира Microsoft Internet Information Server (IIS). И двата се прилагат безплатно към съответната мрежова операционна система: IIS се доставя заедно с Windows, а Apache - с повечето операционни системи, различни от Windows. Във втората версия на Apache има много промени в сравнение с предишната, номер 1.3. Те би трябвало да водят до по-добра производителност и мащабируемост на платформите с и без Windows.Apache 2.0 вече има многопроцесорни модули, специфични за основната операционна система. Apache 1.3 използваше емулация POSIX, за да поддържа платформата Windows. Производителността ще се увеличи, ако за изпълнение на основни задачи като вход и изход на файлове бъде отделен системен интерфейс за приложни програми за Windows. Освен това Apache използва процесите и потоците на двете операционни системи, а това води до по-добра мащабируемост.

Конфигурирането на Apache се извършва чрез указания, които се въвеждат в основния файл за конфигуриране на Apache (httpd.conf). Apache е готов за преход към други езици. Той поддържа Unicode, който е вграден в операционните системи Windows NT, 2000 и ХР.




    1. Internet Information Server

Това е web-сървър разработен от Microsoft и е предназначен изцяло за Windows среда. Във версия 5.0 присъстват следните черти: Web Distributed Authoring and Versioning (WebDAV) – за многопотребителска употреба на документи в www; Web Folders – създава подобна на Exlorer среда за работа с файлове online; FTP; FrontPage Server Extentions – за администриране и обработка на сайтове директно от сървъра; HTTP Compression – за бърз трансфер на страници (необходима е и клиентска програма); SMTP и Network News Transfer Protocol.



    1. Cold Fusion

Macromedia продължава да полага усилия да превърне това приложение в предпочитана среда за съставяне на скриптове за Web сървъри. Тя усъвършенства специализираните му функции и внедрява възможности за съвместна работа с други среди и стандарти. Това личи най-вече от поддръжката на XML и Java. С лекота може да се създават XML документи, които да се използват от други приложения. Освен това ColdFusion поддържа използването на WDDX XML документи за обмен на сложни структури от данни с други приложения. Cold Fusion поддържа връзка със следните типове бази-данни : OBDC Data Sources, Desktop Databases (Including Access), SQL Server, MySQL. Предимството му е в по-леката администрация, но недостатък остава твърде високата му цена(от $1300 до $5000).


3.2. Скриптови езици
Ако външният облик на сайта може да се оприличи с тялото на човек, то скриптовете са мускулатурата и разума му. Те почти винаги остават скрити за крайният потребител, но в съвремието ни вече е абсолютно немислимо един добър сайт да не съдържа каквато и да е интерактивност, която се постига само благодарение на скриптовите езици. Ето и някои кратки характеристики на по-известните от тях:


  • HTML

HTML (Hyper Text Markup Language) е създаден като част от WWW (World Wide Web) от Тим Бернерс-Лий в началото на 90-те години. HTML е базиран на SGML (Standard Generalized Markup Language - стандартен формат за представяне на текст, широко използван от американското правителство) и наследява неговия синтаксис. HTML не е програмен, а описателен език за представяне на форматиран текст. HTML документите представляват изцяло текстови файлове, като в тях освен текста, който съдържат, са вмъкнати инструкции за форматиране (наречени тагове), които указват как точно да се изобрази текстът по време на визуализацията. В HTML документите могат да се указват връзки (hyperlinks) към произволни отдалечени ресурси. Въпреки че в последно време HTML претърпя доста бурно развитие, което доведе до неговото усложняване, основната му сила си остава неговата простота. Когато се използва в комбинация с различни технологии като JavaScript и CSS, езикът HTML предлага доста богати възможности за реализиране на потребителския интерфейс на сложни Web приложения.


  • PHP

Най-популярният език за създаване на интерактивни и динамични web сайтове е PHP.

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

Създаден като личен проект, той бива преработен от група разработчици и бързо намира приложението си в Интернет. За да улесни грижите си за собствения си личен сайт, през 1994 година Размус Лердорф създава скриптов език, наричайки го Personal Home Page Tools. От това наименование по-късно излиза и съкращението PHP.

Нововъведението бързо събужда интереса на множество разработчици и скоро след това първата версия на езикът е вече факт. Съкращението PHP вече се разбира като PHP: Hypertext Preprocessor, но основната идея - простотата на използване, е запазена. PHP и до днес остава силен скриптов език с много възможности за web програмиране. И може би най-лесния за изучаване и прилагане.



Голямата популярност на PHP се дължи главно на гъвкавостта му при включване в HTML документи. Възприето е мнението, че концепцията на езика е смесица от Perl, Java и C, но най-голяма е близостта с C. Така PHP предлага лесни възможности за изпълняване на сложни математически изчисления, изпълняване на мрежови функции, възможностти за обработка на електронна поща, работа с обикновени изрази и множество други. Но безспорно най-голямата сила на езика е във взъможностите му за работа с бази данни. Осигурена е поддръжка на най-разпостранените бд, като MySQL, PostgreSQL, Oracle, Sybase, mSQL и други. Връзката с базата данни и работата с нея са облекчени и позволяват лесното създаване на ефективни динамични сайтове.


  • ASP

Отговорът на Microsoft се нарича Active Server Pages (ASP) и е създаден специално за техният Internet Information Server. Езикът е базиран главно на Visual Basic, като има почти същият интерактивен (и удобен) синтаксис. Възможностите му почти припокриват тези на PHP, но той не може да работи в “безплатната” среда на конкурента си.


  • Pearl/CGI

Perl е вероятно най-добре познат като системата, стояща зад милиони CGI скриптове по сървърите из Web - неговите корени дори предшестват самата Web, макар този език да е привлекателен и за приложения, които нямат много общо с Мрежата. Perl представлява програмен език с открит първичен текст, достъпен безплатно за широк кръг от платформи. Неговата преносимост е едно от многото неща, които го правят привлекателен за писане на скриптове на CGI - обикновено може да пишете програмите си, да речем, на PC с Windows, а да ги изпълнявате на Unix сървър практически без промяна. За разлика от Java обаче, при който първичният текст се компилира в машинно независим байтов код, изпълняван от виртуална машина, конкретна за съответната машинна архитектура, програмите на Perl обикновено се разпространяват като първичен текст и се изпълняват от интерпретатор на Perl, който е различен в зависимост от архитектурата на конкретната машина. Perl доста често е изненадващо бърз, особено когато става дума за обработка на текст.


  • CSS

Cascading Style Sheets е допълнение към HTML. Разработен е от W3C (World Wide Web Consortium) и представлява език за описание на атрибутите и позиционирането на елементите на HTML документи. Чрез CSS се дефинират стилове, които се използват след това в HTML документите за форматиране на текста. При необходимост форматирането на един HTML документ, използващ CSS, може бързо и лесно да се промени, като се променят само стиловете в CSS файла, без да се променя HTML файлът.


  • XML

XML (Extensible Markup Language) е език описващ другите езици.Той подпомага да се избегнат грешките при несъвместимостта между различните браузъри и нововъведенията при развитиетието на HTML. Макар XML да изглежда доста като HTML, създаването на един добър XML файл повече прилича на проектиране на база данни, а не - на уеб страница. Той е много по-мощен от Cascading Style Sheets (CSS). Вместо да използва разлчини правила (rules), за да форматира съдържанието, XSL използва (.xsl) темплейти, за да опише трансформацията на един XML документ в други видове документи.


  • JavaScript

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



  • ActionScript

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


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

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

За момента най-големите и популярни средства за съхраняване на информацията в WWW са DB2 Universal Database 7.2 на IBM, на Microsoft SQL Server 2000 SP2, MySQL 4.0, Oracle9i Database и Sybase Adaptive Server Enterprise 12.5. Всички програми работят с тъй наречения структуриран език за заявки (structured query language - SQL) - стандартния език, използван при обработката на данни. За по-голяма безопасност те записват всички промени в данните на две отделни места - първо в регистъра на транзакциите и след това във файла с данни на базата, което ще рече, че всяка направена промяна може да бъде отменена в обратен ред, за да се запази целостта на базата от данни (това действие се нарича rollback). Тези продукти са предназначени за ползване от хиляди потребители и се различават от подходящите за настолни системи като Microsoft Access по три основни характеристики - разширена поддръжка на SQL, поддръжка на транзакции и мащабируемост.

DB2 Universal Database 7.2, SQL Server 2000 SP2, Oracle9i Database и Sybase Adaptive Server Enterprise 12.5 са утвърдени имена, но MySQL 4.0 е нов в областта на управлението на бази от данни. От няколко години той постоянно увеличава популярността си заедно с една друга програма с отворен код за управление на бази от данни - PostgreSQL. През миналата година MySQL се снабди с поддръжка на транзакции и регистър. Но все още му липсват възможностите за програмиране, анализ на данни и надеждност, които имат другите продукти. Според Gartner през 2001 г. клиентите в целия свят са похарчили 8.8 милиарда USD за софтуер за бази от данни. Най-голям дял от печалбите се падна на Oracle - 33.8 процента. Малко след него е IBM с 30.1 процента. После идва ред на Microsoft с 14.9 процента и Sybase с 3.2 процента.

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

Началото бе поставено от Microsoft, която първа предложи възможности като складове за данни (data warehousing) и анализ на данни (наречен още “аналитична обработка онлайн” - OLAP). Те се появиха за първи път във версия 7.0 на нейния SQL Server. Не след дълго същите стъпки предприеха и Oracle, и IBM.


Последното нововъведение (в SQL Server 2000 SP2 и Oracle9i Database) е вграденият подбор на данни, който дава възможност на хората от бизнеса да правят усъвършенствани анализи на данни.


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

Програмите за подготовка на Web страници попадат в две основни категории. Първата е на квази-WYSIWYG (What You See Is What You Get - получаваш това, което виждаш) програмите, които ви дават възможност да изграждате Web страницата по същия начин, по който подготвяте документ с настолна издателска система. Втората категория е на програмите за създаване на програмен код, които дават възможност за изготвяне на страниците, като директно се вмъкват HTML тагове - например и - и да програмирате собствени участъци на JavaScript.

Доскоро повечето сериозни Web дизайнери избягваха WYSIWYG инструментите, защото те създаваха раздути програмни текстове или осакатяваха съществуващи страници при импортирането им. Това вече не е така. Днешното поколение на WYSIWYG авторските програми създава лаконичен, лесен за поддръжка HTML текст, а импортирането на съществуващи страници става с незначителни или малки модификации. Днес повечето програми дават възможност да превключвате между прозореца с крайния резултат и прозореца за редактиране, като може да използвате графичния изглед за дизайнерски нужди (например изграждане на таблици), а редактора - за фини настройки. Четирите най-използвани авторски инструмента са разделени на две групи: Microsoft FrontPage 2002 и NetObjects Fusion MX са насочени към фирми и домашни потребители, смисълът на живота на които не е в правенето на Web страници. Другата група - Adobe GoLive 5.0 и Dreamweaver 4 представляват инструменти за опитни дизайнери на сайтове. И най-простите продукти обаче може да привлекат вниманието на професионалистите дори и само за създаване на прототипи, тъй като автоматизират сложни задачи като достъп до бази данни, електронна търговия и дискусионни групи.

Всеки продукт има специфични оттенъци. Развитите възможности на FrontPage работят само с Web сървъри, на които е инсталиран софтуер на Microsoft. GoLive разкрива своята връзка с Macintosh, поставяйки ударение на видеото с QuickTime. Dreamweaver опростява интегрирането на Flash анимации на Macromedia в Web страниците. Fusion предпазва дизайнерите от модифициране на по-голямата част от HTML кода (по-скоро не им позволява да правят това). Изграждането на сайтове, съвместими с други браузъри, обаче може би вече не е толкова важен въпрос. Microsoft спечели войната между браузърите - Internet Explorer се използва от над 93 процента от посетителите на Web сайтовете и Netscape 3.x и 4.x обаче все още се използва от някои Web сърфисти, а доста посетители предпочитат Opera, Netscape 6 и малко по-различните версии на IE за Macintosh, което е достатъчно да направи съвместимостта между браузърите осезаема задача. Някои програми за изграждане на сайтове могат да забраняват определени функции, водещи до получаване на програмен код, несъвместим с по-старите браузъри, или могат да ограничават получените резултати за работа само с Netscape или IE. GoLive, Dreamweaver и Fusion могат автоматично да показват различни страници в зависимост от браузъра.

Простите анимационни ефекти, постигани с помощта на динамичния HTML (DHTML), може да направят един сайт много по-приятен и лесен за навигация. И четирите основни инструмента за подготовка на Web страници дават възможност за създаване на смайващи ефекти с минимални усилия. Програмите в този кръг освен това включват инструменти за работа с GIF, JPEG и PNG файлове (трите файлови типа, очертали се като стандарт за растерна графика в Web). Векторните графични стандарти обаче все още са в процес на установяване. Microsoft се опитва да наложи спецификацията VML (Vector Markup Language). GoLive включва поддръжка на конкурентния стандарт SVG (Scalable Vector Graphics), който може би ще бъде избран и от Netscape, обаче SVG изисква към браузъра да бъде включен разширителен (plug-in) модул на Adobe. Междувременно собственият формат Flash на Macromedia доби изключителна популярност - всички основни браузъри и авторски средства поддържат Flash.

Изборът на авторски софтуер отчасти зависи от желаната степен на интерактивност на сайта и от конфигурацията на Web- сървъра или хостинг услуга. Амбициозно направените сайтове взаимодействат с изпълнявани на сървър програми и скриптови езици, за да могат да се справят с различни задачи като подаване на формуляри, дъски за съобщения, търсене в рамките на сайта и електронна търговия. FrontPage без затруднение може да вгражда в сайта такива възможности, ако сървъра поддържа FrontPage Server Extensions, налични в повечето основни програми пакети за изграждане на Web сървъри. Други програми лесно могат да включат подобни възможности с помощта на CGI скриптове, представляващи отворен стандарт, обаче хостът на вашия Web сайт трябва да ви позволява да инсталирате скриптове.

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

Инструментите за поддръжка и публикуване на сайтове в авторските програми са с различна степен на сложност, като се започне от елементарните Fusion и FrontPage и се стигне до развитите възможности на Dreamweaver. А инструментът за публикуване на GoLive е едновременно прост и с големи възможности. FrontPage е интегрирана със своите сървърни разширения, за да се автоматизира обменът и да се осигури проследяване. Програмните пакети от висок клас може да са свързани с различни системи за управление на информационното съдържание. Например Dreamweaver е авторският инструмент на системите за управление на информационно съдържание Documentum и Vignette. Ако имате намерение да се прехвърлите на такива системи, трябва да сте проверили дали избраната от вас програма работи добре с тях.



CapeStudio 1.0 (цена за разработчик 445 USD) на CapeClear представлява графичен инструмент за работа с XML, необходим за създаване и пускане на Web услуги. Освен че осигурява начин за работа с XML и XSLT, той ви позволява да генерирате програми на Java от WSDL файлове с помощта на своя WSDL Assistant. CapeStudio силно опростява управлението на XML съответствията за Web услугите. CapeConnect Two (за J2EE) 2.1 (за едно работно място 950 USD) на CapeClear снабдява сървърите за приложения, съвместими с J2EE, с допълнителна поддръжка на Web услуги. Освен неговата удобна конзола за администриране и конфигуриране на сървър за приложения, този инструмент може да генерира WSDL файлове от съществуващи JAR файлове. Чрез използване на собствени Java класове за SOAP потребителите могат да викат или да пишат услуги. Този инструмент освен това ни дава възможност да генерираме Web услуги от EJB компоненти - полезен път на мигриране за всяка организация, която вече е вложила средства в бизнес компоненти на Java. И двата продукта на CapeClear могат да работят под управлението на Linux, Solaris и Windows NT 4.0 и 2000.

Forte for Java, Release 3.0, Enterprise Edition сега Sun ONE Studio 4, предоставя добра поддръжка на генерирането на Web услуги като част от функциите на един развит компилатор на Java и IDE. Един съветник за проекта помага да се започнете с дефинирането на Web услугата, а съответен инструмент генерира необходимата базова програма на Java и XML, но не и SOAP. Допълнителни съветници автоматизират добавянето на нови XML методи с разширяването и дефинирането на вашите Web услуги. Поддръжката на JSPs, сървлети и Enterprise JavaBeans също прави от ONE Studio 4 добър инструмент за създаване на големи приложения. ONE Studio 4 прави Web услугите достижими за всеки опитен разработчик на Java. В бъдещите версии може да очаквате още повече съветници.



IBM Web Services Toolkit (WSTK) 2.3 (безплатен пакет)представлява върхов набор от инструменти и самоучители за използване на Java със SOAP, WDSL и UDDI. Този набор инструменти работи с WebSphere Application Server и се предоставя с вграден сървър за приложения.

Microsoft Visual Studio .NET, Enterprise Edition е наследникът на Visual Studio 6.0, който включва компилатори за C#, Visual Basic и C++ в рамките на впечатляваща и стабилна IDE, изградена в духа на традициите на своя предшественик. Създаването на Web услуги в .NET е по-просто, отколкото в Java, тъй като на практика всеки метод може да бъде маркиран с един-единствен атрибут - WebService - а компилаторът върши останалото, като генерира подходящите WSDL и SOAP веднага. Освен това Visual Studio .NET генерира Web страници за извикване и изпробване на вашите Web услуги в Internet Explorer 6, като дава възможност за преглеждате съществуващите Web услуги. Новите стандартни контроли Web Forms (част от системата за изграждане на динамични Web страници ASP.NET) осигуряват на разработчиците доста добър контрол върху потребителските интерфейси на тънки клиенти и им позволяват да използват управляващите компоненти много по-просто, отколкото COM.
Програмата Macromedia Flash е известна като авторски инструмент за пренасяне на векторна графика и интерактивна анимация в Web. Internet обаче вече не е еднопосочна магистрала, имаща за цел просто да разпространява информация - без значение по колко занимателен начин е представена тази информация. Web все повече се превръща в място за електронна търговия и за двупосочен обмен на данни. Macromedia Flash MX отговаря на това предизвикателство с куп нови инструменти, чиято основна цел е разработката на приложения.

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

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

Дизайнерите ще установят, че чрез Flash по-лесно могат да изненадат клиентите си с видео. Интегрираната поддръжка на видео, осигурена от кодека на Sorenson Spark, може да импортира стандартни видеоформати като AVI, MPEG или QuickTime и да ги преобразува в поточен формат, който може да бъде показван като собствен формат на плейъра на Flash MX. Филтърът за импортиране освен това при преобразуване на файла може да преоразмерява видеото или да синхронизира честотата на кадрите с тази на Flash филмчето.

Не на последно място трябва да се спомене и приносът на графичните програми като Photoshop, CorelDraw, 3DstudioMax, Maya, DirectorMX и др. софтуер, който помага за изграждането на визуалният облик на сайта, а това обикновено е първото нещо, което впечатлява потребителя. Всички тези програми имат допълнителни plug-ins за експортиране на векторна графика и анимация, предназначена за web и отчасти са съвместими една с друга. За съжаление цената им, както и системните изисквания, които имат, са доста извън възможностите на обикновените потребители

В заключение може да се добави, че дизайнерите и програмистите на Web сайтове трябва да са подготвени за нови технологии като XHTML (eXtensible HTML) и WML (Wireless Markup Language). Едно от сериозните основания за използване на WYSIWYG авторско средство вместо кодиране на ръка е, че бъдещите версии на даден инструмент ще могат да отварят сайтове, подготвени с негова предишна версия, и да ги адаптират към новите стандарти. Най-добрите съвременни средства за подготовка на Web страници изграждат сайтове не само за днешния, но и за утрешния ден.



Заключение

В заключение може да се очертаят някои бъдещи насоки за развитието в проектирането и създаването не Web-сайтове.

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

Популярността на мобилните устройства расте с всеки изминал ден, броят потребители на мобилни устройства се увеличава стремително. В страните, в които броят на потребителите на мобилни устройства достига 80% от населението (Япония, Южна Корея, Тайван, Хонконг, Индонезия), уеб мастърите и уеб разработчиците вече се сблъскаха с този проблем. Използването на мобилни устройства не е заради модата или престижа, а преди всичко заради удобството.

В мобилния уеб все още няма единен стандарт за представяне на информацията. Практически всеки производител на мобилно устройство, започвайки от мобилен телефон и стигайки до palm-top компютрите, поддържа някакъв свой собствен стандарт за представяне на информацията, например WML (за WAP), MML (J-Phone), HDML (за EZweb), CHTML (за DoCoMo), опростен HTML (за PDA). Почти всички от тези стандарти са несъвместими един с друг.

Има множество подходи към решаването на този проблем, но един от най-привлекателните е XML/XSL технологията. Тя се състои в това, че данните (съдържанието) се отделят от тяхното визуално представяне (форма и формат).

Бързото развитие на Интернет увеличава потенциала на електронната търговия. Интернет представлява нова платформа за търговия, разглеждана в двете й основни измерения: бизнес – потребители (В2С) и бизнес – бизнес (В2В), при което делът на отношенията бизнес – бизнес е около 80%. Една основна част от тези взаимоотношения се осъществяват чрез фирмените страници. Тук съществена роля играят новите методи за реклама, динамична поддръжка и обновяване на сайта и прякото му интегриране с производствено-търговския процес. Дизайнерите все повече наблягат на семплият, функционален дизайн. Предвиждания оценяват бизнесът по мрежата да надхвърли 10 трилиона щатски долара в САЩ през 20043г. В тази връзка може да се отбележи, че търговията чрез Интернет не е еднакво проникнала във всички сектори на икономиката, но чрез новите технологии като XML тази тенденция скоро ще отпадне.

Проблем пред Интернет рекламата в световен мащаб е и изчерпването банера като формат. Класическата банерна реклама все още е предпочитана от 42% от клиентите (по данни на eMarketer), въпреки че ефективността от нея рядко надхвърля 0,5% среден CTR (Click Trough Ratio – съотношение между брой показвания на рекламата и брой активни преходи - кликове). Това означава, че гарантираната възвращаемост на рекламата (под формата на заинтересувани активни потребители или реални клиенти) е едва 0,5% от направеното рекламно усилие и разходите за него. Тенденцията е към предлагане на все по-атрактивни промоционални формати, които да използват максимално преимуществата на Интернет като среда – да трупат клиентска база, да проучват аудиторията, предварително да селектират таргет групите, да изненадват потребителите, без да им досаждат и т.н. Препоръчително е да се рекламира с директни съобщения в електронна поща, което осигурява предварително таргетиране по зададени от клиента критерии.



С увеличаване на bandwidth-а на потребителите нарастват и изискванията към сървърният хардуер. Традиционно мощните Database сървъри се снабдяват с последните модели HDD и процесори, за да могат да обслужват последните нововъведения в Web-технологията, като Live-Video, Video conference.



1 Влад Головач

2 Влад Головач побликувано в http://ddd.exmachina.ru

3Константин Павлов - тримата

4 Сара Хортън е уеб разработчик към Darthmouth College.

5 Plug-ins - Допълнителните програмни модули, инсталирани към всеки Web браузър за обработка на определени текстови, графични, звукови, видео и други видове формати се наричат plug-ins. Те са в състояние да подпомогнат разнообразяването на HTML страниците, но не се вписват в технологията на универсалния клиент-сървър. Те са специфични за всеки браузър и съответната платформа и не са предназначени да обменят информация със сървъра.


6 Якоб Нийлсен е всепризнат специалист, когато става дума за ползваемост на сайтовете. Инженер с над 20 години опит в областта на HCI, интерфейс дизайна и ползваемостта.

7 Ж.Томас и В.Джамбазов

8 за щрифтовете не е включен Владо

9 Виж по-нататък.

10 Според книгата на Едуард Тъфт - Envisioning Information

Каталог: referats
referats -> Специализирани микропроцесорни системи (курс лекции) Учебна година 2008/2009
referats -> Програмата Internet Explorer
referats -> Високоскоростни компютърни мрежи. Високоскоростни км-класификация
referats -> Бройни системи основни бройни системи
referats -> Морфология и расология съдържание
referats -> 1 Строеж на атомите – модели Ръдърфор, Бор, квантово механични представи основни принципи, атомни орбитали, квантови числа
referats -> Международно наказателно право понятие за международното наказателно право
referats -> Тема 11. Връзка на асемблер с езиците от високо ниво
referats -> Въведение в операционите системи
referats -> Тема първа


Сподели с приятели:
1   2   3   4   5   6   7




©obuch.info 2024
отнасят до администрацията

    Начална страница