1 Жени Сачева

ИКОНОМИЧЕСКИ УНИВЕРСИТЕТ – ВАРНА ЦЕНТЪР „МАГИСТЪРСКО ОБУЧЕНИЕ”

КУРСОВА РАБОТА по дисциплината

КОМПЮТЪРНИ ТЕХНОЛОГИИ В РЕКЛАМАТА И

МЕДИЙНИТЕ КОМУНИКАЦИИ

Преподавател: Изпълнител:

Ас. Елица Узунова Жени Каменова Сачева,

Доц. Д-р Стефан Дражев спец. РМК, ф.н. 117397

Варна,

2014

2 Жени Сачева

Accentuate the positive

Съдържание

I. Кратка история на “Jenny’s” ................................................................................................. 3

II. Избор на програма ..................................................................................................................... 3

III. Step by step … to the site .......................................................................................................... 4

IV Последни думи ........................................................................................................................... 10

V. Източници: ................................................................................................................................... 11

with Jenny’s accessories

3 Жени Сачева

I. Кратка история на “Jenny’s”

“Jenny’s” е магазин за имитационна бижутерия и аксесоари. За пръв път отваря врати във

Варна през месец юни 2012г. За периода декември 2013 – март 2014г. прекъсва своята

дейност. След това бива преместен в гр. Русе, а месец по-късно отваря втори магазин в

Мол Габрово. Екипът от служители, които работят в магазините, се състои от 5 души.

Магазините се радват на огромен интерес от страна на жителите на градовете, тъй като

предлагат по-различни стоки, на по-високо качество и това се забелязва.

Мотото ни е „Акцентирай позитивното с Jenny’s accessories “. Много е важно хората да

имат самочувствие, да показват хубавите си страни и да елиминират негативните.

Понякога един аксесоар възвръща усмивката на една дама. От скоро предлагаме (засега

ограничен) асортимент от стоки и за господата.

Магазините са уютни, пълни с цветни стоки и озвучени от приятна музика. Като част от

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

усмихнати продавач-консултанти – постоянно получаваме похвали за това.

Реших да направя Интернет страница за дейността на „Jenny’s”, защото чувствам този

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

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

добре познати в Интернет пространството. Съществува действаща фейсбук страница,

както и сайт за онлайн пазаруване, изграден от мен на базата на платформата RexCart, но

този сайт не се използва в момента.

II. Избор на програма

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

Спряхме се на е Adobe Muse. Използвахме помощта на Тери Уайт и неговите клипчета

„Как да” в youtube.com

Adobe Muse помага на графични дизайнери да създават и публикуват динамични уеб

сайтове за настолни и мобилни устройства, които отговарят на най-новите уеб стандарти -

без да пишат код. Дизайн с помощта на познати инструменти и стотици уеб шрифтове.

Лесно добавяне на интерактивност като нови ефекти превъртате, слайд шоу, контактни

форми, както и видеоклипове. Това е част от Creative Cloud, която ви дава най-новите

4 Жени Сачева

версии на всички ваши любими приложения за дизайн, като Adobe Photoshop, Illustrator,

InDesign. Възможност за Preview и тестване на вашия сайт, както и да публикува с Adobe

или всеки доставчик на хостинг услуги.

Muse позволява на дизайнерите да изграждат шаблон, който може лесно да се редактира за

всяка страница на сайта.

Muse позволява на дизайнерите , които са квалифицирани в създаването на красиви

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

функциониращ уебсайт .

Muse използва интерфейс и лентата с инструменти , които са познати на всеки, който е

използвал програмата Adobe InDesign.

Ние искаме да създадем малка бизнес страница, пълна с информация за продуктите и

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

подходяща за нас.

III. Step by step … to the site

След стартиране на програмата избираме бутона Site – оттам се появява нов прозорец с

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

компютър, телефон или таблет. В случая избираме за компютър.

5 Жени Сачева

Master pages – основните страници, по чиито шаблон след това се образуват и

останалите

Отваряме A-Masters и започваме да оформяме вида на страницата. Adobe Muse позволява

да регулираме пространството в горния и долния край на страницата (Header and Footer).

В най-горния край – Top of the page – се слагат неща, които остават статични при

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

част без да се налага да се спускаме надолу по страницата.

Следва избора на фон на страницата. Предпочитаме да е наша картинка, която направихме

в програмата Photoshop. Отиваме на Browser Fill – Image и избираме картинката/снимката,

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

За да направим още страници от същия тип , натискаме x в десния горен ъгъл и по този

начин се връщаме в началната страница. Там с щракване на плюсчето отдясно се появяват

още страници на същото йерархично ниво. При натискане на плюсчето отдолу правим

подстраници. В случая имаме 5 страници на едно и също ниво и една от тях (Products) има

четири подстраници. За да направим друг master page шаблон, натискаме знака плюс при

долната страница “A-master”, там се появява друга страница “B-master”, която

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

Интернет, която слагаме в центъра на страницата. Можем да променим името на всяка от

страниците само като кликнем върху “Untitled” под нея.

6 Жени Сачева

Време е да изберем меню. Биват хоризонтално и вертикално. Вдясната страна избираме

Widgets, Menu, Horizontal, защото е по-подходящо за компютърен сайт. Вертикалното

може да изберем при варианта му за таблет и телефон. Менюто, което се появява е в с

същия ред, както сме подредили вече преименуваните си страници. Можем да променим

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

всички заедно. По-практично е да зададем типа меню още в master pages, а не да го правим

за всяка страница поотделно. Ако имаме и подстраници – както в нашия случай , тогава

натискаме десния горен бутон на маркираната страница (Products) – Menu Type – All

Pages.

7 Жени Сачева

Основният шрифт, който сме избрали е Rage Italic, защото изглежда като ръкопис на

стилна и уверена жена, а точно това е таргет групата, към която сме се насочили. Тъй като

това не е шрифт, поддържан от web пространството, Adobe Muse превръща всяка една

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

проблем, защото страницата е само информативна и не се предполагат много промени по

нея.

Adobe Muse поддържа форматите jpeg, png, jif, flash files, както и psd. За да поставим

логото си, първо отиваме на страницата A-master, избираме от менюто горе File-Place и

избираме предварително готовия файл в png формат. С мишката регулираме големината и

местоположението му. В случая логото е името на магазина „Jenny’s”, написано в trashco

font. След това го поставяме и в B-master page. По същия начин можем да поставяме

различни изображения на всяка една от нашите страници. Ако използваме форматите png

и psd, то тогава може да се прави допълнителна обработка в Adobe Muse и Photoshop, в

нашия случай това не е нужно.

8 Жени Сачева

За да прибавим бутон, водещ към страниците в социалните мрежи като facebook и/или

twitter отиваме на file-place button – избираме файл в psd формат. Ще се постигне по-голям

ефект ако логото е съставено от два слоя – така когато мишката не е върху бутона той ще

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

сайт може да видите препращащия бутон към facebook профила ни. Ето как го

направихме:

За да свържем бутоните към страниците им в социалните мрежи маркираме обекта (

бутона) , след това натискаме Links: Add or filter links, в празното пространство въвеждаме

адреса: http://facebook.com/jenny.co.2012

По същият начин можем да свързваме (hyperlink) и текст , само трябва да го маркираме.

Искаме да добавим slideshow в страницата Products: Widgets Library – Slideshow – Blank.

Избираме Blank, защото можем да сложим или премахнем всички опции на останалите

видове slideshow. В десния горен ъгъл на нашето slideshow има бутон „Play” – регулираме

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

в различни категории. Избираме Fade Transition, Autoplay и нагласяме времето , през което

да се сменят слайдовете.

Винаги можем да видим как изглежда сайта ни дотук чрез “Preview” или от менюто

File – Preview Page/Site in Browser.

Muse позволява и свалянето на файл, автоматично качва избрания файл и той става

достъпен за всеки посетител на страницата: Links:Add or filter links – Link to file и

9 Жени Сачева

избираме файл от нашия компютър – може да бъде изображение, mp3 файл или документ.

За момента не сме използвали тази функция.

Можем да добавяме текст навсякъде , това става чрез натискане на бутона Т – с мишката

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

размера, цвета и шрифта на текста. За улеснение шрифтовете са разделени в три категории

: web safe fonts – те работят навсякъде, web fonts – може да избирате от над 400 шрифта,

които поддържа Muse, system fonts – многообразни и интересни, но ги превръща в снимки,

а не в текст като това може да забави зареждането на сайта.

Маркираме написаното, избираме Paragraph style (от дясно) и наименуваме този стил –

например heading и когато напишем нещо на друга страница, при избирането на heading ,

текстът приема същия вид.

Ако искаме да преместим някой обект – използваме бутона с оцветената в черно

стрелкичка.

Целта ни е да свържем блог-а с една от страниците в менюто „Blog”, но за да не се отваря

празна страница при натискането на този бутон първо трябва да „изключим страницата” :

натискаме с десен бутон върху страницата – Menu Options – Include Page Without

Hyperlink. След това отиваме във всяка от Master pages, маркираме бутона „Blog” и

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

http://sacheva.blogspot.com

10 Жени Сачева

На страницата Video сме публикували видео на колекцията Ava на известната марка за

бижута „Boucherone”, с които искаме да си партнираме един ден. За жалост, Muse не

поддържа видео файлове, затова използваме embed code, копираме го от youtube.com и го

поставяме в Object – Insert HTML. Също както и при другите обекти – с мишката

определяме местоположението на видеото.

И сега е време да го публикуваме – Publish и избираме името на сайта:

http://jennysaccessories.businesscatalyst.com

IV. Последни думи

С направата на този сайт се надяваме да достигнем до по-широк кръг от потребители,

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

стресиращия ни живот по-поносим. Акцентираме позитивноти и елиминираме

негативното, нали така?

11 Жени Сачева

V. Източници:

http://tv.adobe.com/watch/creative-suite-podcast-designers/how-to-get-started-with-adobe-muse-

10-things-beginners-want-to-know/