Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Компютърни технологии в рекламата и медийните комуникации
1. 1
Жени Сачева
ИКОНОМИЧЕСКИ УНИВЕРСИТЕТ – ВАРНА
ЦЕНТЪР „МАГИСТЪРСКО ОБУЧЕНИЕ”
КУРСОВА РАБОТА
по дисциплината
КОМПЮТЪРНИ ТЕХНОЛОГИИ В РЕКЛАМАТА И
МЕДИЙНИТЕ КОМУНИКАЦИИ
Преподавател: Изпълнител:
Ас. Елица Узунова Жени Каменова Сачева,
Доц. Д-р Стефан Дражев спец. РМК, ф.н. 117397
Варна,
2014
2. 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. 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. 4
Жени Сачева
версии на всички ваши любими приложения за дизайн, като Adobe Photoshop, Illustrator,
InDesign. Възможност за Preview и тестване на вашия сайт, както и да публикува с Adobe
или всеки доставчик на хостинг услуги.
Muse позволява на дизайнерите да изграждат шаблон, който може лесно да се редактира за
всяка страница на сайта.
Muse позволява на дизайнерите , които са квалифицирани в създаването на красиви
оформления за печат, лесно да превърнат работата си в един прост, напълно
функциониращ уебсайт .
Muse използва интерфейс и лентата с инструменти , които са познати на всеки, който е
използвал програмата Adobe InDesign.
Ние искаме да създадем малка бизнес страница, пълна с информация за продуктите и
магазините ни, която не е нужно да бъде актуализирана често, затова тази програма е
подходяща за нас.
III. Step by step … to the site
След стартиране на програмата избираме бутона Site – оттам се появява нов прозорец с
размери, оставяме както са зададени, като можем да изберем дали да правим сайт за
компютър, телефон или таблет. В случая избираме за компютър.
5. 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. 6
Жени Сачева
Време е да изберем меню. Биват хоризонтално и вертикално. Вдясната страна избираме
Widgets, Menu, Horizontal, защото е по-подходящо за компютърен сайт. Вертикалното
може да изберем при варианта му за таблет и телефон. Менюто, което се появява е в с
същия ред, както сме подредили вече преименуваните си страници. Можем да променим
размера, стила, цвета на менюто, както поотделно за всеки бутон за страница, така и за
всички заедно. По-практично е да зададем типа меню още в master pages, а не да го правим
за всяка страница поотделно. Ако имаме и подстраници – както в нашия случай , тогава
натискаме десния горен бутон на маркираната страница (Products) – Menu Type – All
Pages.
7. 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. 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. 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. 10
Жени Сачева
На страницата Video сме публикували видео на колекцията Ava на известната марка за
бижута „Boucherone”, с които искаме да си партнираме един ден. За жалост, Muse не
поддържа видео файлове, затова използваме embed code, копираме го от youtube.com и го
поставяме в Object – Insert HTML. Също както и при другите обекти – с мишката
определяме местоположението на видеото.
И сега е време да го публикуваме – Publish и избираме името на сайта:
http://jennysaccessories.businesscatalyst.com
IV. Последни думи
С направата на този сайт се надяваме да достигнем до по-широк кръг от потребители,
които в последствие да ни станат клиенти. Вярваме, че всяко малко удоволствие прави
стресиращия ни живот по-поносим. Акцентираме позитивноти и елиминираме
негативното, нали така?