"Machetarea siturilor web"4 Harti grafice Harta grafica reprezinta o imagine,
mai mult sau mai putin elaborata, care permite utilizatorilor sa acceseze diferite pagini web in interiorul unui sit. Cand se da un clic cu mouse-ul pe una dintre diferitele portiuni ale imaginii grafice se acceseaza o hiperlegatura catre o alta pagina. Ele pot fi realizate in format GIF sau JPEG. In ultimul timp, sunt foarte des folosite ca metoda de navigare deoarece se incarca mai repede decat un set de butoane de navigare si sunt mai atractive. Hartile grafice nu se vor folosi niciodata ca singur mod de navigare, datorita urmatoarelor motive: -multi surferi au dezactivata optiunea " Load images " -pentru a incarca paginile mai repede -se mai folosesc inca browsere bazate pe text si care nu incarca imaginile grafice -motoarele de cautare nu pot urmari legaturile furnizate de o harta grafica DE RETINUT: Atunci cand se utilizeaza o harta grafica, se va folosi obligatoriu un sistem de navigare alternativ bazat, de exemplu, pe legaturi text. Ca la toate imaginile grafice, este recomandabila utilizarea atributului "ALT " (text alternativ). De asemenea, trebuie verificata dimensiunea fisierului grafic aferent , pentru a nu creste in mod exagerat timpul de incarcare a paginii web. Puteti sa creati foarte usor o harta grafica folosind un software adecvat , ca de exemplu: -un editor HTML care ofera facilitatea de creare a imaginilor grafice ( Macromedia Dreamweaver ) -un editor grafic ( Paint Shop Pro sau Macromedia Fireworks ) -un program specializat ( Mapedit ) Mai multe informatii despre hartile grafice le puteti obtine din urmatoarele situri web: https://www.home.earthlink.net/~j_engel/imapsr.html https://www.ihip.com/ https://www.hoohoo.ncsa.uiuc.edu/docs/tutorials/imagemapping.html https://www.htmlgoodies.earthweb.com/tutors/imagemap.html https://www.pspro.aphid.net/wg/image_maps.html https://www.zoniez.com/Newbie/mapthis/mapthis.html LOGO Un
logo este un
nume, un
simbol sau o marca
inregistrata a unei companii sau organizatii. S-a constatat ca o imagine bine aleasa are un impact mult mai puternic decat cuvintele. De aceea, logo se foloseste pentru proiectarea imaginii firmei repective si stimularea memoriei vizuale a audientei. In general, el reprezinta o recunoastere internationala a unui nume de marca sau a unei companii DE RETINUT: Un logo trebuie sa fie simplu, unic si usor de recunoscut. Cand īl vad, oamenii trebuie sa aiba reprezentarea vizuala a companiei sau afacerii respective. De aceea, nu este recomandat sa utilizati imagini sau tipuri de fonturi comune. Cautati sa fiti creativ si sa va folositi imaginatia In plus, un logo trebuie sa fie astfel realizat incat sa poata fi folosit atat intr-o pagina web cat si pe materialele promotionale tiparite. De aceea, el trebuie sa fie cat mai simplu .Creati mai multe versiuni, folosind culori, tipuri de fonturi si dimensiuni diferite. In final, alegeti varianta care vi se pare cea mai reprezentativa pentru firma sau afacerea respectiva. Dupa ce ati inserat logo-ul īn pagina web, nu uitati sa folositi atributul "ALT" , care desemneaza un text alternativ care este afisat atunci cand imaginea nu este īncarcata. Acest text nu trebuie sa fie o simpla descriere a imaginii respective. Astfel, atributul "ALT" asociat logo-ului unei companii cu numele XZY trebuie sa fie scris simplu "Compania XZY". Clasificare Un logo poate fi realizat in mai multe feluri : -un simplu text -o imagine stilizata cu numele companiei respective -un text in jurul unei imagini -un simbol -o combinatie a acestora Cautati sa folositi reprezentari diferite , alcatuite din text si/sau imagini pana veti obtine efectul dorit . Simbolul reprezinta o imagine care da o reprezentare abstracta asupra firmei sau afacerii respective . In acelasi timp , simbolul lasa loc la interpretari si speculatii din partea cititorilor . In cazul folosirii unui simbol , acesta trebuie sa fie foarte bine ales. De asemenea , puteti sa folositi o combinatie intre un scurt text ( sau chiar o abreviere a numelui firmei ) si un simbol sau o imagine reprezentativa . In final , totul depinde numai de imaginatie si de cunostintele pe care le aveti in folosirea unui editor grafic. Daca veti reusi sa creati un logo simplu , unic si atractiv , vizitatorii nu vor ezita sa asocieze acest logo cu imaginea sitului pe care l-ati creat . Imagini Icon Prin folosirea iconurilor (
simboluri grafice )
puteti sa imbunatatiti aspectul unei pagini web sau , daca acestea nu sunt folosite corespunzator , sa produceti confuzie in randul cititorilor . DE RETINUT: Datorita folosirii lor consecvente , unele iconuri au capatat o recunoastere universala . Printre cele mai cunoscute mentionam : -sagetile directionale -simbolul " casa " pentru pagina initiala -simbolul " cutie postala " pentru transmiterea de emailuri -simbolul " carte " pentru guestbook , etc. Caracteristici principale Pentru a fi eficiente, iconurile trebuie sa indeplineasca anumite caracteristici : -sa foloseasca un design simplu si elocvent -sa aiba o dimensiune redusa a fisierului -pozitionarea īn fiecare pagina sa ramana neschimbata -sa fie usor recognocibile -sa fie dublate de un sistem de meniuri alternativ, ca de exemplu legaturi text Atunci cand folositi un icon nou, trebuie ca acesta sa poata fi recunoscut usor si utilizat corespunzator de catre toti utilizatorii Exemplu de
sit web In partea de sus a
paginii web https://www.afaceri.net m-am decis sa folosesc o harta grafica cu legaturi directe catre paginile importante ale sitului. Aceste pagini (nivel 1) reprezinta de fapt porti de intrare in capitolele respective. Deoarece unii vizitatori pot sa aiba dezactivata optiunea de vizualizarea a imaginilor si deci nu pot vedea aceasta harta grafica, am folosit ca meniu de navigare alternativ legaturile text. Mai intai am realizat imaginea respectiva folosind un editor grafic. In continuare, am creat si editat regiunile (hotspots) hartii grafice. Atunci cand utilizatorul da clic pe una din aceste regiuni se va deschide automat pagina aferenta. De exemplu, cand se da clic pe regiunea Webdesign se va deschide pagina webdesign.html. Harta grafica pe care am realizat-o este de tip client si include informatiile despre hyper-legaturi in chiar documentul HTML respectiv. Exista si harti grafice de tip server care includ informatiile despre legaturi intr-un fisier separat aflat pe un alt server. Acest lucru face ca hartile grafice de tip client sa fie mai rapide decat hartile de tip server deoarece nu mai este nevoie ca serverul sa interpreteze informatiile furnizate. Hartile grafice sunt suportate de toate browserele (exceptie face NetscapeNavigator1.0 ). In acelasi document HTML se pot utiliza atat harti grafice de tip client cat si de tip server. In continuare, am īncercat sa realizez un logo care
sa poata fi folosit atat īntr-o pagina web cat si pe materialele tiparite. Īn acelasi timp, am cautat sa-l fac cat mai simplu si sa aiba o dimensiune redusa a fisierului grafic. In acest sens, am utilizat o combinatie īntre un text scurt si un simbol sau o imagine reprezentativa. Deoarece subiectul acestui sit web īl constituie, in general, afacerile online si, in particular, modul cum se poate demara cu succes prima afacere pe Internet am cautat sa cumulez si sa sintetizez aceste doua aspecte. Din aceasta cauza, am ales un joc de cuvinte in limba engleza (Onebiz) care se poate interpreta astfel : onEbiz īntr-o traducere libera: "Despre afacerile online" sau OneBiz, īn traducere aproximativa: "Prima afacere " Am considerat ca globul pamantesc (pentru care am folosit o mica imagine animata) reprezinta un simbol care arata ca se pot realiza afaceri online indiferent de tara īn care te afli. De asemenea, se pot realiza astfel de afaceri cu oameni aflati pe alte meridiane, fara limitarile obisnuite īn cadrul unor afaceri clasice. Am creat mai multe versiuni ale logo-ului, mai īntai pe hartie iar apoi folosind un editor grafic. Īn final am ales-o pe aceea care am considerat-o cea mai reusita si mai reprezentativa pentru subiectul sitului web. As fi putut sa realizez un alt logo, poate mai sugestiv, dar acesta mi-a placut mie :-)) Sper sa placa si vizitatorilor sitului www.afaceri.net. De fapt, totul depinde numai de imaginatie si de cunostintele pe care le aveti īn folosirea unui editor grafic. Daca veti reusi sa creati un logo simplu, unic si atractiv, vizitatorii nu vor ezita sa asocieze acest logo cu imaginea sitului pe care l-ati creat sau cu imaginea afacerii dvs. Īn acest sit, am folosit trei icon-uri. Astfel, un
icon reprezinta o casuta de email pe care am inclus-o īn fiecare pagina, pentru a putea fi contactat cu usurinta de catre vizitatori. Alte doua icon-uri reprezinta sagetile de navigare, pe care le-am inserat la sfarsitul fiecarei pagini. Īn acest mod, surferii pot accesa mult mai usor pagina urmatoare sau pagina anterioara, fara a fi nevoiti sa dea clic pe legaturile din meniul principal. Īn functie de modul de machetare al sitului web sau de continutul acestuia puteti sa folositi si alte icon-uri. Cateva situri unde puteti gasi foarte multe icon-uri , grupate pe categorii , sunt prezentate in continuare : https://www.iconbazaar.com/ https://www.sunsite.unc.edu/gio/iconbrowser/ https://www.coolarchive.com/ https://www.members.aol.com/dcreelma/imagesite/image.htm
