3cde6dfe77cdfd1eb9046a99d7031acb.ppt
- Количество слайдов: 54
СЪДЪРЖАНИЕ I. II. III. Накратко за курса и упражненията по Уеб дизайн. Представяне на преподавателя Въведение в дисциплината Уеб дизайн o Актуалност o Проблематика o Средства за Уеб дизайн o Цели на курса o Предварителни изисквания и умения Структура на курса o Лекции, упражнения o Курсов проект и тест и оценяване
СЪДЪРЖАНИЕ IV. V. Структура на курса Еволюция на световната мрежа - Web 1. 0, 2. 0 и 3. 0. VI. N-слойна архитектура на Уеб приложенията. VII. HTTP като комуникационен протокол - видове заявки. URI, URL и URN VIII. Принципи на Уеб дизайна IX. Новите тенденции в уеб дизайна за 2013 година
Координати на преподавателя • Име: Maя Стоева • Месторабота: м+в Медия Нетуъркс, докторант към кат. Компютърни технологии, ФМИ – ПУ “Паисий Хилендарски” • Е-mail: may_vast@yahoo. com • Тел. : (088) 771 65 56 • Web page: http: //maya. gmbbg. com
Въведение в дисциплината Уеб дизайн • Развитие на световната мрежа WWW • Социалният Уеб като средство за постигане на лични, професионални, социални, културни, хуманитарни или бизнес цели • Интернет портали – корпоративни – публични • Значение на личния Уеб сайт
Въведение в дисциплината Уеб дизайн § Езикови средства за Уеб дизайн o HTML 5 + CSS 3 o XML + DTD / XML Schema + XPath + XSLT o Java. Script + JQuery § Програмни среди за разработка o Adobe Photoshop, Macromedia Flash o Macromedia Dreamweaver o XML Editors § Системи за управление на съдържанието o Joomla, Drupal и Contao, Magento, Umbraco
Цели на курса Курсът въвежда студентите от специалност Бизнес информатика в принципите и изполването на средствата за изграждане на съвременен Уеб дизайн: • Запознаване с Adobe Dreamweaver, Adobe Flash • Запознаване с различни начини за генериране на банери и изграждане на сайтове • Кратък преглед на HTML 4 като език за маркиране на съдържание, подробно разглеждане на нововъведенията в HTML 5 и CSS 3 • структуриране на съдържание с XML, XML валидация с DTD и XMLSchema
Цели на курса • • въведение в Javascript, DOM и Jquery системи за управление на съдържание анализ на използваемостта на Уеб сайтове начини за иптимизацията им за по-добро индексиране от машините за търсене • практически умения в работата със съвременни средства за проектиране на Уеб съдържание и интерфейси
Оценяване Дефиниране на компонентите на оценката и тежестта им: • 50% изпит – тест • 50% курсова работа • допълнителни впечатления от упражнения и лекции • бонуси от домашни задания
Курсов проект • Представлява информационен Уеб сайт или макет на клиентския интерфейс на Уеб бизнес приложение - за управление на услугите на дадена бизнес организация • Уеб сайтът трябва да бъде планиран и проектиран специално за нуждите на бизнес организацията (клиента), след анализ и оценка на тези нужди • Той трябва да съдържа авторско графично съдържание, специално разработено за целта с Photoshop, и поне една Flash анимация. • Представянето на текстовото съдържание в браузера трябва да се осъществи с HTML 5 и CSS 3, като поне една от страниците трябва да представят XML съдържание чрез използването на XSLT трансформация до HTML 5/CSS 3. • Изисква се представянето на таблични данни и включване на банер
Курсов проект • За динамично управление на поведението на страниците, да се използват скриптове на Javascript. • Опционално, сайтът може да бъде интегриран със система за управление на съдържанието. • Да се предложи оптимизация на сайта с цел по-добро индексиране в машините за търсене. • Представеното решение да се опише в документ с размер 7 -8 стр. Забележка: • Всички документи по проекта се предават в електронен вид. • Един курсов проект се разработва от двама (по изключение до трима) студенти. • Защитата на проектите става по време на последното упражнение.
Курсов проект • За динамично управление на поведението на страниците, да се използват скриптове на Javascript. • Опционално, сайтът може да бъде интегриран със система за управление на съдържанието. • Да се предложи оптимизация на сайта с цел по-добро индексиране в машините за търсене. • Представеното решение да се опише в документ с размер 7 -8 стр. Забележка: • Всички документи по проекта се предават в електронен вид. • Един курсов проект се разработва от двама (по изключение до трима) студенти. • Защитата на проектите става по време на последното упражнение.
Уеб дизайнът - понятие Уеб дизайнът е широко понятия, което покрива различни умения и дисциплини, използвани при изготвянето на уеб ссайтовете. Различните области, които включва са: уеб графичен дизайн, дизайн на интерфейса, авторско мислене, стандартизиран код, user experience дизайн и оптимизация на търсачките. Обикновено терминът уеб дизайн се използва за описването на процеза, свързан с визуалния дизайн на (front-end (client side) design) сайта, включващ и кодирането му с HTML. Но последното се припокрива отчасти с уеб разработката.
Интернет и Уеб • Роля на World Wide Web (Световна паяжина), съкр. WWW, Уеб или Световната мрежа • Нов начин на общуване между хората, общностите и дори начините за комуникация между компютрите • Услуги за е-бизнес, електронна търговия, е-икономика, електронно правителство, електронна демокрация, електронно обучение, . . . • Информационен обмен и взаимодействие между различни актьори – лица, организации, Уеб приложения, интелигентни агенти. . .
Интернет и Уеб • World Wide Web често се счита за синоним на Интернет, но това не е така • Интернет - електронна съобщителна мрежа и структура, на която се базира WWW • Уеб - част на Интернет, достъпна посредством графичен потребителски интерфейс и съдържаща приложения, услуги и документи, които често са свързани чрез хипервръзки
Развитие на Уеб през годините • Тим Бърнърс-Лий, Церн, 1991 г. - разработва основите на Уеб • Проектира прости средства за пренос на взаимосвързани документи със структурирана информация до всякакви компютри, свързани в Интернет и работещи с различни операционни системи: • език за маркиране на хипертекст (Hypertext Markup Language, или съкр. HTML), и • протокол за трансфер на хипертекст (Hyper Text Transfer Protocol, или съкр. HTTP) • По-късно - спецификация на URI (Uniform Resource Identifier) нотация за уникално идентифициране на обекти в целия Интернет
Развитие на Уеб през годините В последните години уеб дизайна включва все повече допълнителни елементи, които преди не са се използвали, като например интерактивни флаш анимации, използване на стилове (CSS), оптимизиране на кода за интернет търсачките и много други.
Исторически възход • 1992 год. - повече от един милион компютъра вече са свързани към Интернет • 1993 год. - свободна експлоатация на първия браузър NCSA Mosaic • 1994 г. - Tim Berners-Lee основава World Wide Web Consortium (W 3 C) в Massachusetts Institute of Technology, Laboratory for Computer Science (MIT/LCS) с поддръжка от Defense Advanced Research Projects Agency (DARPA), чиято ARPANET е основата на съвременния Internet • 1994 год. - Netscape Navigator - "well on its way to becoming the world's standard interface", според Gary Wolfe в статия в сп. Wired
Война на браузърите • 1995 год. - Microsoft лицензира Mosaic като Internet Explorer 1. 0, пуснат на пазара като част от Microsoft Windows 95 (август 1995) • Ноември 1995 г. - Microsoft Internet Explorer 2. 0 е пуснат за свободна употреба • 1996 г. - Netscape 3. 0 с първа в света поддръжка на стилове - Cascading Style Sheets (CSS) • 1997 г. - Internet Explorer 4 е интегриран в Microsoft Windows • Нови видове браузъри с поддръжка на разширени (макар често несъвместими) версии на HTML заливат пазарата – виж http: //upload. wikimedia. org/wikipedia/commons/7/74/Timeline_of_web_ browsers. svg • Февруари 2011 г. - Internet Explorer 45%, Firefox 30%, Chrome 17%, Safari 5%, Opera 2%, други браузъри - около 1% (източник: Stat. Counter global market) • Декември 2012 г. - Internet Explorer 54, 70%, Firefox 19, 82%, Chrome 18, 04%, Safari 5, 24%, други браузъри - около 1% (източник: Stat. Counter global market)
Война на браузърите Тази война води до: надпреварата в предлагането на нови функционалности и по-бавно коргиране на проблемите. Добавяне на уникални за браузъра нови маркери (тагове) на съдържание вместо придържане към стандартите – напр.
Уеб 1. 0 (традиционен Уеб) Първо поколение сайтовете са предимно текстови, линеарни, напомнящи доста на страници от книга, в най-добрия случай с илюстрации. Те включват таблици, хоризонтални разделители, евентуално фон. • Web 1. 0 - термин за етап от еволюцията на World Wide Web; обхваща периода от 1993 до 2001 г. Бизнес моделът е: • top-down подход за изграждане и използване на WWW - статични страници с хипертекст (Hyperlinks е стандарт на WWW от 1993 г. ) • страници на малцина автори на съдържание (webmasters), зареждани от голям брой потребители с глобален достъп; • фокус върху презентацията, а не върху създаването на съдържание; • печалби от броя посещения (most visited webpages)
Уеб 1. 0 (традиционен Уеб) Още технически характеристики: • използване на таблици (


































