 |
|
 |  |
| Aeronautica | Comunicatii | Drept | Informatica | Nutritie | Sociologie |
| Tehnica mecanica |
Html
|
Qdidactic » stiinta & tehnica » informatica » html Harti grafice in realizarea unui site |
Harti grafice in realizarea unui site
Lectia - 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.referatele.com/
https://www.hoohoo.ncsa.uiuc.edu/docs/tutorials/imagemapping.html
https://www.scritub.com/stiinta/informatica/html/CREAREA-UNUI-SITE-WEB13346.php
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 il 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 in pagina web, nu uitati sa folositi atributul 'ALT' , care desemneaza un text alternativ care este afisat atunci cand imaginea nu este incarcata. 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.
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 in 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 incercat sa realizez un logo care sa poata fi folosit atat intr-o pagina web cat si pe materialele tiparite. In 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 intre un text scurt si un simbol sau o imagine reprezentativa. Deoarece subiectul acestui sit web il 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 intr-o traducere libera: 'Despre afacerile online'
sau
OneBiz, in 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 in care te afli. De asemenea, se pot realiza astfel de afaceri cu oameni aflati pe alte meridiane, fara limitarile obisnuite in cadrul unor afaceri clasice. Am creat mai multe versiuni ale logo-ului, mai intai pe hartie iar apoi folosind un editor grafic. In 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 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 sau cu imaginea afacerii dvs. In acest sit, am folosit trei icon-uri. Astfel, un icon reprezinta o casuta de email pe care am inclus-o in 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. In 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. In 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
|
SET TALK OFF
CLEAR
DO cadru
@ 12, 32 SAY mesaj ( )
READ
CLEAR
FUNCTION mesaj
RETURN “ Invatam FoxPro “
PROCEDURE cadru
@ 10 , 10, 14, 70 BOX
in acest exemplu DO cadru determina executia procedurii cadru, definita dupa PROCEDURE cadru, iar mesaj ( ) este constructia de apelare a functiei mesaj, definita prin linia care urmeaza comenzii FUNCTION mesaj.
Sa luam urmatorul exemplu: calculul combinarilor, care se realizeaza pe baza formulei:
n !
Cnk = ----- ----- -------------
k ! * ( n – k ) !
Calculul factorialului n ! = 1 * 2 * . . . ..*n se face cu urmatoarea secventa de instructiuni:
n=6
| Contact |- ia legatura cu noi -| |  |
| Adauga document |- pune-ti documente online -| |  |
| Termeni & conditii de utilizare |- politica de cookies si de confidentialitate -| |  |
| Copyright © |- 2024 - Toate drepturile rezervate -| |  |
 |
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
Referate pe aceeasi tema
| ||||||||||||||||||||||||
|
| ||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
|
||||||||||||||||||||||||