s1/c11 Pagini web

Curs 11
Pagini Web



Folosind un motor de cautare, de exemplu www.google.com cu cererea “Free website template”, sau www.templastesbox.com sau www.homestead.com puteti obtine informatii si explicatii legate de cerintele unei pagini web
Aceste site-uri ofera informatii , unele gratuite despre continutul si descarcarea unei pagini web personalizate functie de optiunile utilizatorului cu gazduire pentru o perioada limitata de timp. Folositi pentru aceasta motorul de cautare www.google.com cu cererea: “Free hosting web page”.


1.Generalitati
Exista mai multe programe specializate care permit construirea de pagini Web, si care fac parte din grupul de aplicatie Macromedia:
Dreamweaver – construire texte
Fireworks -
Flash -
Sau
Microsoft Front Page

2. Crearea unei pagini Web
Procedeu general
- Editarea fisierului html folosind un editor de texte obisnuit ( Word) sau unul dedicat (Nestcape)
- Salvarea paginii Web cu extensia .html sau htm
3. Document hipertext
Hipertextul reprezinta o forma de document electronic in care datele sunt memorate intr-o retea de noduri (data se folosesc si mesaje muzicale, sau secvente de film hipertextul se numeste si hipermedia). Un nod reprezinta o colectie de informatii sub forma de text grafic, secvente muzicale, secvente video, animatie sau programe. Nodurile sunt conectare prin intermediul legaturilor (ancore bidirectionale sau unidirectionale).
Localizarea informatiilor se realizeaza folosind o serie de identificatori de resurse URL (in realitate o adresa , o cale, o biblioteca desemnate prin identificatori ) ex:http://www.arteiasi.ro
Unde : http – defineste protocolul HTTP pentru accesarea resurselor paginii Web
arteiasi.ro – defineste domeniul de resurse (un server de date , o adresa IP)
Informatiile specifice unui domeniu de specializare dorit pot fi adunate intr-o pagina de Web care sa ofere in plus: servicii de posta electrnica, curs valutar, starea meteo, liste de discutii de tip messanger etc.Astfel de domenii se numesc portaluri.
Un document hipertext este un document obisnuit, scris intr-un editor oarecare, care este incadrat intre niste etichete scrise intre paranteze unghiulare,care in definesc ca document html
[htlm]
[Head ]
[Title]
.. titlul documentului
[/Title]
[/Head]
[Body]
.. Corpul documentului
[IMG SRC=”nume fotografie”]-insereaza o fotografie
[A HREF=”document html”][/A] legatura hipertext
[/Body]
[/html]

4. Obiectivele unui site Web
Un site web urmareste o actiune de atentionare a publicului care navigheaza pe Internet a informtiilor pe care le poate oferi persoana care a construi site-ul Cu alte cuvinte construirea unui site trebuie sa aiba in vedere urmatoarele obiectiv;
- identificarea publicului tinta
- stabilirea scopului site-ului
- planul informatiilor strict necesare pe site.
Persoanele care navigheaza pe internet pot fi utlizatori locali pentru care o structura prea complexa a site-ului va duce la abandonarea citirii informatiilor sau cercetarea cu amanuntime a informatiilor chiar daca le sunt utile. Utilizatorii frecventi doresc un acces direct si rapid la informatiile paginii deci vor fi interesati de gradul si acuratetea informatiilor oferite. Daca exista un public tinta international, pagina va trebui sa ofere informatii intr-o limba de circulatie internationala (cu evitarea termenilor tehnice sau a elementelor de jargon dintr-o limba). Important este ca utilizatorii sa poata reveni rapid in pagina principala a site-ului sau sa sara la puncte importante ale site-ului. Legaturile intre pagini trebuie facute prin butoane grafice, ancore de text sau bara de meniuri.
5. Legaturi pentru pagini Web
Legaturile (link-urile) reprezinta faza cea mai importanta a unei pagini Web. Aceste legaturi transforma un text intr-un hipertext. Legaturile sunt zone active dintr-o pagina Web care devin sensibile (desenul mouse-ului se transforma in imaginea umei palme ) . Un click pe o legatura insemna o cerere adresata serverului pentru o apelare a unei noi pagini Web
Internetul foloseste notiunea de resursa. O resursa este un document, o baza de date, un serviciu. Pentru a lega o resursa , se foloseste termenul de URI (Universal Resurse Identifier), Daca legam o locatie (adresa) folosim termenul de URL (Universal Rerource Locator). Daca legam un nume folosim termenul de URN (Universal Resource Name).
Internetul se bazeaza pe notiunea de cerere / raspuns. Cererea este amisa de un client; acesta stabileste o conexiune cu un server caruia i se trimite cererea. Serverul raspunde cu un mesaj . Legatura intre client si server se realizeaza printr-o conexiune de tip:
- proxy – un echipament dupa calculatorul client, care primeste cererea, o examineaza , rescrie parti din cerere apoi o trimite catre server (clientii care trec prin proxy, devin invizibili pentru server)
- gateway – este un echipament in fata serverului care selecteaza tipul de mesaj si-l orienteaza catre serverul
Adresarea unei resurse http se face dupa urmatorul model:
http://adresa_calc_in_retea/cale/document.
Pentru accesarea unei resurse se aplica unad din metodele urmatoare:
- OPTIONS – defineste optiuni de comunicare cu serverul
- GET – aduce ceva de la resursa (citeste date dintr-o baza de date de pe server)
- PUT – spune serverului sa memoreze datele trimise cu un nume specificat URL
- COPY,MOVE,DELETE – resursa specificata poate fi copiata, mutata, stearsa
- POST - resursei i se cere sa isi subordoneze datele in entitatea care insoteste cererea
- PATCH - conrine date pentru refacerearesursei
- LINK - leage doua resurse
- TRACE - verifica conexiunea
- WRAPPED - trimite o cerere, asteapta un raspuns

O legatura se realizeaza in felul urmator:
- in pagina html se insereaza o legatura prin intermediul unei etichete [a] si a unui atribut href care primeste valoarea dresei URL a resursei solicitate.
Ex: [a href = www.netscape.com> zona [/a]
- in pagina web apar legaturi active care se vizualizeaza sub forma unei maini cand se face un click mouse
- serverul WWW primeste noua resursa si o incarca calculatorului client
O legatura catre o pagina aflata in acelasi director se realizeaza cu ajurorul ancorei ,ex: [a href=”p2.html” ] [zona activa ] [/a]
O legatura catre un fisier de pe acelasi disk dar de pe alt director se realizeaza folosind adresare relativa, ex: [a href = “..\subdirector\nume.fis] [zona activa] [/a]
In aceast caz este bine sa definim directorul de baza fata de care se vor face referirile (adresarea relativa) folosind eticheta base:
Ex: [base href=www.edu.ro]
[a href=”imagini/img.gif”] [zona activa] [/a]
Este posibil ca si o imagine sa devina zona activa intre etichetele .. ,
Ex: [a href = “p/html”] [img src=”nume.gif”] [/a]
Daca se acceseaza un fisier html aflat pe calculatorul clientului de pe care este lansat in executie browserul, atunci se utilizeaza serviciul: file://
Ex: [a href=”file://c:/cale/nume.fis] [zona activa] [/a]
Daca se acceseaza un server specializat in transferuri de fisiere (serveer FTP) atunci se poate folosi serviciul ftp://
Ex: [a href = “ftp://ftp.netscape.com”] [zona activa] [/a]
Daca se utilizeaza legatura catre un serviciul de posta electronica atunci se foloseste forma: [a href = mailto:nume@edu.ro] [mesaj] [/a]
Daca dorim sa facem legatura catre un fisier de sunet, vom folosi aceeasi metoda
[a href =”music.au”] [zona activa *.wav] [/a]
Unele videoclipuri sunt recunoscute de browsere si pot fi inserate intr-o pagina web. Formatele recunoscute de browsere sunt:
- format MPEG cu extensiile: *.,peg ; *.mpg
- format QuickTime cu extensia *.mov
- format AVI cu extensia *.avi
O legatura catre un videoclip se face prin urmatoarea forma:
[a href =”nume.avi” ] [ fisier *.avi] [/a]
Daca pagina de web trebuie insotita de un sunet de fond vom folosi forma:
[bgsound src=”nume.au” loop=”-1”]
Obs. Scriputile sunt programe care ruleaza pe un server sau fac legatura cu alte servere.
Obs. Protocolul pentru transmiterea documentelor hipertext prin Internet se numeste HTTP
Un document html care contine text, imagini, butoane, liste etc. se numeste forma si se evidentiaza prin:
[Form]
document
[/form]

6. Harti de imagini
Imaginile sunt stocate in fisiere de diverse formate: GIF, JPEG, XPM, BMP, TIFF, PCX.
O imagine poate fi utilizata pentru a defini o zona activa. Exista si posibilitatea ca numai anumite zone dintr-o imagine sa fie declarate zone active. O harta este in acest caz o suma de zone. Fiecare zona este descrisa prin eticheta atribut, unde atribut inseamna :
- pentru zona dreptunghiulara
[area nume=”rect” coords=”x1,x2,x3,x4” href=”nume”]
unde x1,x2 –sunt coordonatele coltului din stinga sus
x3,x4 – sunt coordonatele coltului din dreapta jos
- pentru zona circulara
[area nume=”circle” coords=” c1,c2,r3,” href=”nume”]
unde c1,c2,r3 sunt coordonatele centrului si raza
- pentru zona poligonala
[area nume=”poly” x1,x2,x3,x4 x5,x6,x7,x8….”” href=”nume”]
unse x1,x2 sunt coordonatele varfurilor liniei poligonale
Acest lucru presupune parcurgerea urmatorilor pasi:
a) definirea unei imagini ca “harta de imagini” folosind eticheta
- atributul src primeste valoarea adresei URL a imaginii
b) definirea hartii in interiorul unui bloc special de etichete
- atributul usermap primeste un nume generic “#harta” descris de atributul [area]
ex: [imr src=”nume.gif”
usemap=”#harta1”]
[map name=”harta1”]
[area zona=”rect”
coords=”100,100,200,200” href=”p.html”]
[/map]
Pentru harti sensibile se foloseste eticheta [MAP].. [/MAP]

7. Construire formulare de culegere date
Elementele de control intr-o pagina sunt: butoane, meniuri, elemente de control. Inserarea unui fosmular intr-un document html se face cu eticheta

..

Butoanele (radio, de validare etc.) se pot introduce in docuemntul html cu eticheta HTML INPUT
Ex: [P] Nume si prenume
[INPUT TYPE=TEXT NAME=”nume”]
are ca efect:
Nume si prenume:
Sau
[P] Sexul:
[P] [INPUT TYPE=RADIO VALUE =”M”] Masculin
[P] [INPUT TYPE=RADIO VALUE=”F” CHECKED] Feminin
are ca efect:
Sexul:
Masculin
Feminin
Sau
[P] Nume utilizator
[P] TYPE =TEXT NAME=”user”]
[P] Password
[INPUT TYPE=PASSWORD NAME=”parola”]
are ca efect:
Nume utilizator
Password:
Sau
[P] [INPUT TYPE=SUBMIT VALUE=”OK”]
are ca efect:


Elementul BUTTON cu atributele principale: NAME, VALUE, TYPE (cu valori SUBMIT, RESET, BUTTON) are aceeasi semnificatie ca elementul INPUT

8. Liste
O lista oarecare este un text delimitat de etichetele [ul] si [/ul]
Fiecare elemt al listei este precedata de eticheta

Ex:
[ul] Acest exemplu reprezinta o lista
[li] Randul 1 este subliniat
[li] Urmatoarele sunt inngrosate
[/ul]
Daca lista cuprinde si elemente de titlu atunci ea poate fi descrisa in urmatoarul exemplu:
[html]
[head]
[title] EXEMPLU
[/title]
[/head]
[body] Caractere normale
[br]
[b] Caractere bold
[/b]
[i] Italic
[/i]
[/body]
[li] Randul 1
[li]Randul 2
[/ul]
[/html]

9. Utilizarea stilurilor de formatare CSS
Avantajul utilizarii formatelor CSS este legat de posibilitatea de a declara de la inceput un anumit format care sa fie valabil pe tot documentul html , ceea ce face ca o modificare intr-o zona sa fie valabila asupra intregului document html.
Definitia unui stil contine un element HTML si una sau mai multe declaratii care definesc modul de vizualizare a documentului respectiv Declara]iile sunt incluse intre paranteze si sunt separate prin caracterul “;” O declaratie are doua parti: o parte numita proprietate si o alta care este valoarea proprietatii respective – proprietatea este separata prin “:” de valoarea atribuita ei.
Ex: P {color: RED}
Se utilizeaza un limbaj de descrierea stilurilor de formatare CSS, recunoscut de o pagina WEB prin intermediul unei declaratii META
[META HTTP-EQUIV=”Content-Style-Type”
CONTENT =”text/css”]
Precizarea stilurilor intr-un document Html se poate face urmatoarele metode:
- specificarea stilului in cadrul unei linii:
[P STYLE=”TEXT-ALIGN: CENTER; COLOR: RED”]
- specificarea stilurilor in antet
[STYLE TYPE =”text/css”]
P (FONT : 12 PT Arial; FONT-STYLE:Italic; TEXT-ALIGN: Left)
[/STYLE]
- specificarea stilurilor extern
[LINK TYPE=”text/css” REL=”stylesheet”, HREF=unstil.css”]

10. Utilizarea scripturilor Javascript
Un script este un program scris in limbajul Javascript (elaborat de Netscape Comunication Corporation), care poate fi inserat intr-un document HTML si care este executat de calculator la incarcarea documentului html sau la producerea unui eveniment (clic mouse).
Limbajul Javascript este un limbaj de descriere orientat pe obiect care permite imbunata]irea performantelor si aspectul unei pagini Web.
Un script este un program Java orientat pe eveniment , mai simplu , interpretat de browser-ul de pe calculatorul utilizatorului.
Incarcarea unui script, odata cu incarcarea docuemntului Html se realizeaza prin intermediul elementului SCRIPT cuprins intre eticheta
Elementul de definirea a sriptului SCRIPT are urmatoarele variabile:
TYPE = sir de caractere – specifica limbajul de descriere a scriptului
SRC= URL – da adresa fisierului care contine script-ul
Ex:
[SCRIPT TYPE=”text/javascript”]
document.write(“HELLO”)
[/SCRIPT]
In cazul in care dorim aparitia scriptului la aparitia unui eveniment (clic mouse), putem specifica o serie de atribute in documentul html:
ONLOAD = script , ce permite incarcarea unui script dupa incarcarea intregului document html
ONUNLOAD = script , care permite descarcarea scriptului dupa eliminarea docuemntului html din fereastra
ONCLICK = script , care produce incarcarea scritpului in momentul apasarii unui clic (buton, link-)
ONMOUSEDOWN= script , care activeaza scriptul in momentul actionarii mouse-ului
ONMOUSEUP=script, care activeza scriptul in momentul actionarii mouse-ului
ONMOUSEOVER=script, care activeaza scriptul in momentul deplasarii mouse-ului
ONFOCUS=script , care activeaza un script in momentul in care un element de control al unui formular devine activ.
ONKEYPRESS=script, care activeaza un script in momentul apasarii unei taste
ONSELECT=script, care activeaza un script in momentul selectarii unui cimp dintr-un document html
ONCHANGE=script, care activeaza un script in momentul schimbarii unei valori dintr-un formular html (se aplica elementelor INPUT, SELECT, TEXTAREA )
Descrierea unui script foloseste elemente de limbajul C++
Ex:
Function Interval(s,x,d)
{var varsta = false
if (!parseInt(s.value))
alert(“Introduceti varsta”)
else
if (parseInt(s.value) > d)
alert (“Varsta trebuie sa fie mai mica de “+d)
else
varsta=true
return varsta }
care introdusa intr-un document html devine:
[HEAD]
[SCRIPT TYPE=”text/JavaScript”]
[INPUT TYPE=NAME=”varsta” SIZE=5
ONCHANGE=”Interval(this.form.varsta,0,100)”]
…
[/HEAD]

Aveti o imagine a unui document construit care foloseste programul dreamweaver. Programul dispune de un meniu general si de optiuni care permit evidentierea textului html in care s-a descris site-ul.



11. Front Page
Este un editor care ofera o imagine care va contine desenul principal pe pagina de web personalizata.
Medore de construire a paginii:
1. Creare paginii:
La deschiderea utilitarului Front page apare o pagina noua cu 3 ferestre in partea de jos a paginii:
Normal – mod obisnuit de desenare;
HTML – afisarea textului in format hipertext
Preview – vizualizarea paginii pe Internet

Folosind modul de lucru Normal, putem scrie text si insera imagini. Fisierul trebuie salvat din File-Save As cu extensia nume.htm
In meniul Format- form avem elemente de legatura intre pagini: Push Button, Buton redio etc. Dupa selectarea elementului , click dreapta mouse da hiperlink, care permite setarea legaturii intre elementele desenate sau intre pagini

S1/C6 Coreldraw

Curs 6
Corel


Produsul COREL cuprinde trei componente:
1. Corel Draw – editoar grafic vectorial pentru desenare, creare efecte
2. Corel Photo-Paint – editor de desenare imagini prelucrare fotografii. Permite schimbarea culorilor dintr-o fotografie, retusari, etc.
3. Corel RAVE – editor vectorial de animatie

Trecerea de la o functie la alta se realizeaza prin iconul
1. Corel Draw
Editorul foloseste :
- instrumente - care apar ca icon-uri pe paleta de desenare, fiecare icon desemnand o serie de functii ajutatoare;
- meniuri bar – grupuri de proprietati pentru editare / desenare
Editorul Coredraw recunoate linii si contururi (forme) pe care le numeste obiecte. Dupa definirea unui obiect, programul ataseaza o serie de noduri (nr.maxim de noduri atasate, apare in linia de stare) . Cu marcatorul shape puteti adauga conturului alte noduri.
1.1 Instrumente.
Instrumentele de lucru sunt afisate de regula in stinga foii de desenare si permit executarea unor functii prefabricate, functie de o serie de parametri.


Indicator de localizare a unei figuri deja construite, in vederea executarii unei editari viitoare.

Desenator grafic de vectori, insotit de urmatoarele subfunctiuni:
- freehand , desenare aleatoare
- curbe Bezier (legate de o pirghie, care da inclinarea curbei)

Desenator de cercuri, elipse. Dupa trasarea unui cerc, daca dorim construirea unui sector de cerc, sau a unui arc de cerc din cercul desenat procedam astfel:
1. activati instrumentul numit shape, insotit de urmatoarele subfunctiuni:
- knife – decupare noduri
- eraser – stergere noduri
- transformari – (plasarea mouse-ului intr-un punct din interiorul conturului permite rotirea conturului in jurul punctului )

2. pozitionati instrumentul shape in punctul de identificare de pe cerc numit nod, reprezentat printr-un dreptunghi mic

3. deplasati shape spre stinga/dreapta pentru desenare placinta

4. Daca shape este pozitionat in interiorul cercului, obtinem sector de cerc. Daca shape este plasat in exteriorul cercului, obtinem arc de cerc

Decupare, Stergere
Desenator de dreptunghiuri, patrate

Efecte speciale asupra unei figuri geometrice (umbre, clone)
Grup de obiecte
Zoom pentru obiectul selectat
Melc

Inserare text. Dimensiunea, marimea, alinierea se fac din bara meniu Text
Caracteristici linie (grosime, rotunjire ). Dimensiunea liniei este definita in puncte, inch, mm etc.
Shape - definirea unor puncte de control pe o figura desenata. Din aceste puncte se poate deforma desenul
Umplere text cu o culoare (uniform, gradat etc.)

Fiecare instrument de lucru ascunde un aubmeniu cu o serie de noi optiuni care dezvolta fucntiunile meniului respectiv. Accesarea unui instrument din submeniu se face prin apasarea cu mouse-ul a instrumentului respectiv.

1.2 Meniu bar
Meniul bar contine urmatoarele grupuri de functii:
- File
- Open – deschidere fisier
- New – fisier nou
- Close – inchidere fisier
- Save – salvare fisier (nume.cdr)
- Print – listare
- Export – export fisier in alt format (*.tif.*.bmp, .pcx,*.psd )
- Import – import fisier
- Edit
- Copy – copiere in clipboard (memorie)
- Paste – descarcare memorie clipboard
- Delete – stergere figura
- Duplicate / clone – dublicare desen
- Insert – inserare obiect
- View
- Ruler – afisare zona gradata (inch, mm, point)
- Grid – afisare caroiaj, pentru aliniere desene
- Layout
- Insert - Inserare pagina noua
- Rename - Redenumire pagina
- Page Setup - Setare pagina de listare
- Page Background – culoare fond
- Arrange
- Transform – rotate, size, scale, skrew –transformari asupra obiectului selectat
- Effects - adjust – pentru obiectele selectate se poate stabili gradul de luminozitate, stabilirea transparentei etc. (brighness/contrast )
- Group – grupare desene intr-un tot unitar. Asupra lui se pot aplica aceleasi transformari
- Order – stabilirea ordinii de afisare a desenelor separate care se suprapun
- Artistic media
- Envelope – incadrare in chenar
- Extrude – litere in relief
- Bitmap
- Actiune asupra desenelor construite in puncte (bitmap)
- Text
- Edit text – schimbare font, dimensiune
- Fit text to path – desenare pe un cadru circular (fontul ia conturul destinatiei)
- Tools
- Instrumente legate de spatiul de lucru (workspace) , marime desen, pasul de desenare, modul de salvare, etc.
- Instrumente legate de document (marime, caroiaj, style)

Programul contine o matrice de culori care poate fi imbunatatita . Foloseste tehnica RGB pentru obtinere culori. In cazul in care culoarea este folosita in documente care vor fi tiparite clasica prin tipografie, unde este nevoie de separarea culorilor se poate trece de la tehnica RGB la tehnica CMYK.

1.3 Tehnici de desenare

Pentru desenarea unui desen folosind creionul de desenare programul Corel genereaza un numar de noduri (marcatori sub forma de dreptunghiuri) care vor fi folositi la modificarea desenului. Putem construi noi marcatori folosind marcatorul shape.
Tehnica:
- executati click pe un nod pentru a-l selecta si pentru a afisa orice punct de control asociat acelui nod
- nodul poate fi deplasat si intins
- optiunea Duplicate din meniu bara Edit, permite clonarea figurii desenate
Obs. Adaugare de noi noduri se face cu dublu clic pe figura desenata folosind instrument shape
Stergerea unui nod se face prin pozitionare si apel functie Delete
Alinierea obiectelor desenate se poate face folosinf optiunea align, din meniu Arrange
Programul Corel ataseaza desenele separate in ordinea in care ele au fost desenate intr-o stiva. Reorganizarea ordinii obiectelor se face prin selectare manuala si optiunea Order din meniu ArrangeUmplerea unui contur se face cu optiune fill (sau instrumentul de umplere.)
Culoarea poate fi selectata dintr-o matrice de desenare sau poate fi construita de utilizator daca foloseste optiune uniform fill (meniu Tools / Palette editor )
Multiplicarea figurilor se poate realiza prin optiune copy / paste din meniu Edit, folosind astfel zona de memorie temporara a calculatorului numita Clipboard
Obs. Functia duplicate permite duplicarea unui desen. Functia clone obtine o copie a desenului, dar orice modificare a originalului atrage dupa sine modificarea clonei.
Functiile primitive de desenare cercuri si dreptunghiuri sunt marcate de noduri. In cazul cercului pozitionarea mouse-ului in interiorul zonei de desenare permite obtinerea unui sector de cerc (placinta) sau un arc de cerc in cazul pozitionarii mouse-ului in exteriorul cercului. In cazul unui dreptunghi marcatorii permit rotunjirea colturilor dreptunghiului desenat.
Instrumentul shape permite multiplicarea nodurilor conturului selectat. In cazul in care dorim multiplicarea nodurilor , simpla pozitionare a mouse-ului (dupa selectarea functiei shape), permite deschiderea unui nou nod pentru contur. Intre doua noduri poate exista func]iunea de rupere nod , caz in care conturul inchis se deschide , sau unire , caz in care conturul deschis se inchide)

a) unire a doua cai deschise
- selectati documentul de lucru Arrow (sageata)
- executati clic pe prima figura deschisa pe care doriti s-o uniti
- apasati tasta shift si apoi clic pe a doua figura deschisa pe care doriti s-o uniti
- alegeti meniu Arrange / Combine
- selectati instrument shape- executati clic pe primul (ultimul) nod al uneia din chei si apoi Shift plus clic pe primul (ultimul) nod al celeilalte cai
- executati clic pe pictograma unelte nod
b) deschidere contur inchis
- selectati nodul pe care dori]i sa-l spargeti
- apasa]i clic pe pictograma deschide nod (break)
c) optiuni :
- selectati arrow (sageata)
- pozitionati-va pe un nod
- clic dreapta mouse
- selectati una din functiunile:
- to line – transforma o linie curba in linie dreapta
- to curve – transforma o linie dreapta in linie curba
- cusp – transforma un nod intr-un virf
- smooth – trasnforma un colt intr-un arc
- align – aliniaza nodurile pe orizontala sau verticala
- symmet – aliniaza punctele de control ale curbelor ce apartin aceluia[i nod `ntr-o aliniere simetrica


1.4 Instrumente de control
Programul Corel are patru instrumente de control:
- rigla gradata care apare in partea superioara si lateral stinga a foii de desenare. Masurarea riglei se face in mm sau inch folosind meniu Tools/Option- reteaua grid – care permit caroierea desenului cu linii punctate pentru a usura desenarea de linii drepte. Dimensiunile caroiajului se obtin din meniu Tools/Option. Apelul optiunii Grid se face din meniu View/Grid- linia de orientare – care se obtine daca tragem cu mouse-ul din partea de sus / sau din dreapta , a zonei de lucru. Obtinem o linie paralele cu cadrul de desenare care poate fi deplasata cu mouse-ul
- linia de stare –da informatii despre pozitia cursorului, grosime contur etc.

1.5 Transformari
Programul Corel cunoaste urmatoarele tipuri de transformari elementare:
- scalare – care permite marirea sau micsorarea obiectului pe orizontala sau vericala
- flip (rasucire) – care inseamna crearea unei copii in oglinda a unui desen
- rotire – care `nseamna rotirea figurii in jurul unui punct central. Punctul central poate fi deplasat
- skew (aplecarea) – inclinarea cu un numar de grade fata de original.
Un obiect selectat cu dublu clic trece primeste caracteristici de rotire . Desenul primeste un arc de rotire cu sageata care indica sensul de rotire al figurii si centrul de rotire.
Programul Corel permite atasarea unor serii de efecte speciale asupra obiectului selectat:
- linia de perspectiva (optiunea Add perspective din meniu Effect). Stabiliti prin tragere a unui marcator punctul de fuga dupa care se va realiza perspectiva desenului
- envelope – deformarea obiectelor dupa o linie stabilita. Infasurarea se poate realiza dupa o linie dreapta, dupa o linie de arc simplu sau dublu. Modurile de infasurare pot fi:
- in linie dreapta (straight) – programul pastreaza o linie dreapta intre fiecare dintre punctele de control
- in arc simplu (single arc) – cu formarea unui arc intre fiecare pereche de puncte de control
- in arc dublu (double arc) – cu formarea unui val intre perechile de noduri
- extrude – scoatere in afara (basorelief)
- transformare 3D – permite stabilirea a maxim 3 puncte de sursa de lumina . Pozitionarea sursei de lumina permite aparitia umbrei pe deseb\nul construit

1.6 Textul
Programul Corel poate prelucra doua tipuri de texte:
- text artistic – asupra caruia pot interveni procese de scalare rotire, efecte speciale etc.
- text paragraf obi[nuit – care permite scrierea unui text cu aliniere, inlinare, ingrosare intr-o zona delimitata . Textul este incadrat de puncte de control numite etichete care pot di deplasate marind sau micsorind spatiul de desenare
Textul artistic poate fi desenat dupa o linie aletoare sau dupa un arc de cerc daca mai intai desenati arcul de cerc, apoi textul si folositi optiunea Fit text to path (din meniu Text)
Utilizarea nodurilor si a instrumentului shape pentru un text permite obtinere de efecte pentru textul scris. Nodurile permit schimbarea alinierii textului., schimbarea spetierii intre litere, rotire si inclinare text, etc.
Spre deosebire de textele create cu un program de editare normal (word), CorelDraw nu stie sa aseze automat pe linia urmatoare (wrap). Deplasarea textului se face folosind instrumentul sageata (arrow)
Instrumentul shape care permite tragerea de puncte de control se aplica si textelor. Nodurile de text permit chimbarea pozitiei caracterelor individuale, spatierea pe orizontala a textului introdus, sau deplasarea fiecarui caracte.
Procedeu:
- selectati instrumentul shape
- selectati nodul din dreapta unei litere (clic mouse)
- (puteti selecta mai multe noduri cu shift+clic);
- trageti de nodul selectat;
- puteti modifica distanta intre litere (caseta preference)
Alinierea textului dupa o linie curba, se face prin urmatorul procedeu:
- scriti textul
- desenati curba, sectorul de cerc etc.
- selectati textul scris
- apelati meniul Txet/ Fit text to path (apare o sageata care trebuie deplasata pe conturul curbei );
- clic mouse

1.7 Culoare, contur, multiplicare
Culorile primare se masoara in procente. Cu cat este mai mare procentul cu atat culoarea este mai inchisa. Culorile de baza sunt RGB (ros, galben, albastru). Imprimantele folosesc trei culori primare diferite: Cyan (pentru albastru), Magenta (pentru ros), Yellow (galben), K (negru-black), culori cunoascute sub numele de CMYK. Instrumentul Fill prezinta o reprezentare grafica a culorilor obtinute prin amestecul culorilor Cyan, Magenta, Galben.
Grosimea unui contur se masoara in puncte (poitns, marime egala cu 1/72 dintr-un inch). Culoarea conturului se obtine cu ajutorul instrumentului Pen / Outline color . Instrumentul Pen contine o caseta pentru varia]ii de grosime linie, varfuri , sageti etc.
Windows permite alocarea unei memorii temporare (Clipboard) pentru copierea unor imagini / texte. Scopul principal al memoriei Clipboard este de a copia obiecte dintr-un desen si a le lipi la alt desen. Un mod simplu de a acoli aceasta memorie temporara este folosirea variantei: Edit/ Duplicate . (Duplicarea deplaseaza obiectele rezultate prin duplicare la ¼ inch fata de obiectul original). Efectul de duplicare se obtine si cu func]iunea Edit/ Clone, care creaza o copie a obiectului initial dar pastreaza o legatura intre copie si original, astfel incit orice modificare a originalului se transmite clonei.
2. Corel Photo-paint
Permite prelucrarea imaginilor fotografice. Deschide mai multe fotografii in propria sa fereastra independenta, fereastra care se poate deplasa, redimensiona etc.
Majoritatea func]iilor existente in CorelDraw sunt echivalente. Imaginile prelucrate de Photo-Paint sunt de tip pixel (deosebit de CorelDraw care prelucra imaginii vectoriale).Imaginea creata sau prelucrata (tip bitmap), trebuie incadrata intr-un spatiu limitate, legat de cantitatea de memorie disponibila pe calculatorul de lucru.
Prin urmare o imagine este definita de urmatorii parametri:
- width (latime)
- height (inaltime)
- resolution (nr. de pixeli pe inch)
- mod de colorare :
- black and white
- gray scale (256 nuante de gri)
- 24 bit color (RGB/ CMYK) – 16 milioane de culori
In Photo-Paint selectia imaginii permite urmatoarele posibilitati:
- sageata – instrument de lucru general
- selectie dreptunghiulara – marcheaza o portiune din imagine care va fi prelucrata
- selectie tip lasou, care prmite decuparea unei portiuni neregulate din desenul initial pentru a fi prelucrata
- bagheta magica – care permite selectarea unei culori dintr-o zona a imaginii de prelucrat
- prelucrare noduri (object node edit)
In cadrul unei selectii , zona selectata actioneaza ca un sablon (masca) si permite prelucrari numai asupra acestei zone :modificari de culoare, decupari , duplicari , transformari etc.
Programul dispune de trei instrumente de stergere:
- Edit /Undo – anuleaza ultima operatiune
- Erase – picteaza deasupra zonei selectate cu culoarea de fundal
- Inlocuitor de culoare (color replacer) , care inlocuieste conturul cu culoarea de umplere
Conceptul de lucru pe straturi este asemanator celui folosit de PhotoShop. Imaginea importata este atasata unui strat (layer). Urmatoarea imagine importata este considerata ca apartinand altui strat. Folosirea instrumentului de selectie lassou, permite decuparea unei parti dintr-o imagine pentru a fi lipita intr-o zona din alta imagine.
Asupra imaginii pot interveni efecte sfecifice modului de lucru pixel:
- impresionist – imaginea se vede estompata ca printr-un geam
- sphere – efect de desfasurare a imaginii print-o sfera
- ping-pong – efect de umplere a unei sfere cu imaginea decupata
- swirl (virtej) – efect de amestecare a imaginii
- pixelation – efect de deformare a pixelilor care constituie imaginea
- wet – efect de picatura apoasa
- glass – efect de mozaic
3. Corel RAVE
Folose[te aceleasi functiuni ca si programul Coreldraw, dar este orientat catre animarea graficelor inscrise.
Se adauga un nou meniu Movie
- Control
- Play
- Inceput
- Sfarsit
Permite alocare de tempo-uri pentru fiecare desen, apoi ele pot fi vizualizate. Exista posibilitatea de inserare a unei melodii *.wav atasata desenului.
Exista si optiunea de Insert Object care permite ata[area de desene din alte programe de desenare.
O animatie este compusa din urmatoarele elemente:
- fundalul (backdrops) – o imagine statica
- sound – sunete atasate de tip *.wav
- cels – elemente de animatie , desene
Programul este insotit de o biblioteca (library) a acaror elemente pot fi folosite in crearea unei secvente animate.
Programul dispune de un meniu de evidenta a cadrelor desenate, de deplasare a imaginii cadru cu cadru si de evidentiere a link-urilor stabilite catre sound.

s1/c5/PowerPoint

Curs 5
PowerPoint

1. Generalitati
Programul PowerPoint permite construirea de materiale de prezentare pentru o tema data, folosind o serie de sabloane .
- sabloane – care include prezentari predefinite cu formate stabilite , text, ilustratii care se pot particulariza, sau utiliza;
- forme de prezentare , pentru aranjarea sabloanelor de prezentare, permitind modificarea spectului prezentarii
- coordonatori, care permit adaugarea de elemente repetitive pe formularul creat

Formele de prezentare contin elemente stabile si ilustratii (meniul Format\Apply Design) . Format\Apply Design , permite alegerea unei metode preformatate de prezentare
Puteti completa antetul sau subsolul de pagina (Header and Footer) din meniu View. De asemenea puteti folosi Schema de culori existenta sau puteti crea o noua schema de culori (Forma\Notes Color Scheme)


· Subpuncte
· Tip1
· Tip2
Comentariu

FORMA DE PREZENTARE

Folosind comanda View\Master , puteti determina aspectul fiecarei componente de baza din prezentarea formei :
- View\Master\Slide Master – permite modificarea titlurilor
- View\Master\New – permite introducerea unui nou titlu
- Format\Background – permite modificarea culorii fundalului
PowerPoint recunoaste documente Word. Daca sunteti obisnuit cu construirea unei pagini in Word, puteti folosi stilurile declarate in Word (Heading 1, Heading 2 etc.) , ele vor fi recunoscute de PowerPoint, dupa cum puteti crea stiluri de scriere cu AutoFormat din Word.
Programul PowerPoint permite crearea de prezentari recunoscute ca pagini Web (folosind AutoContent Wizard), sau puteti exporta documentele in format HTML. (File\New\Webage)
Daca de asemenea doriti ca un text PowerPoint sa devina o parte a unui document Web, nu trebuie decat sa-i faceti o legatura (hyperlink) la adresa unei pagini Web deja construite.
Maniul Automation effect permite sa definim o prezentare automata a formularelor construite. Functie de timpul alocat fiecarei imagini. Instrumentul Rehearse Timings de pe bara de instrumente (Slide Sorter)

Optiunea Set Up Show permite urmatoarele functiuni legate de prezentarea construita:
- presented by a speaker - prezentare pe tot ecranul
- browsed by an individual – prezentare prin Web, fiecare imagine devine o pagina web
- loop continuosouly until ESC – evita reportnirea defilarii prezentarii pina la apasrea unui ‘ESC’
- Using Timings – utilizeaza cronometrari ale fiecarei pagini
- Browsed at a kiosk – permite prezentarea intregii pagini fara a da posibilitatea operatorilor sa faca modificari
Pentru a permite stabilirea unei legaturi catre alte pagini in momentul apasarii unui clic pe un element selectat se procedeaza astfel:
- Slide Show \Action seting

PowerPoint dispune de cinci moduri de vizualizari:
- vizualizare dispozitive (slide view) pentru inserare grafica si text, creind animatie
- vizualizare schitata (outline view) acer permite lucrul cu titlul si textul principal si permite o dezvoltare a continutului prezentarii
- vizualizare diapozitive (slide sorter view) care permite creonometrarea si ordonarea diapozitivelor
- vizualizare pagina de note (notes page view) care permite creare a de note pentru prezentator (cu posibilitatea de a desena si scrie orice )
- expunere diapozitive (slide show) care umple ecranul pentru a observa efectele animatiilor si cronometrarile
Obs. Cand utilizati bara de defilare pe verticala in vizualizare diapozitive (slide view) sau (notes page view) apare un indicator de diapozitive care indica urmatorul slid pentru afisare)
Option AutoContent Wizard va ajuta sa organizati prezentarea dupa un sablon (New\File\AutoContent Wizard) , dar puteti sa optati pe option Blank Presentation pentru a utiliza un sablon preformat .
Cel mai simplu mod de a crea o prezentare este optiontiunea vizualizare schitata (view\ outline) in care puteti vedea toata prezentarea intr-o singura fereastra.
- Utilizati bara de instrumente (view\Outline)
- Fiecare linie de text scrisa devine automat un titlu sau un marcator
- Daca faceti clic stanga pe fiecare element cu marcator, el poate fi deplasat in orice pozitie;
- Pentru a crea un nou element marcator, faceti clic le sfarsitul liniei unui element si apoi apasati ENTER
- Pentru a crea un nou dispozitiv , creati mai intai un nou element cu marcator si apoi faceti clic pe butonul promote pana cand marcatorul devine o icoana de dispozitiv.


Obs. Fiecare dispozitiv inseamna o noua pagina. Evidentierea randurilor scrise (prin buline Bullets sau prin linii de marcare ) se face cu ajutorul sagetilor

Culoarea de fond a paginii construite se face cu option Format\Slide Color scheme
Daca doriti o forma deja construita (din cele depozitate), apelati option Format\Apply Design
Daca doriti adaugarea de fotografii , sunete sau filme utilizati instrumentele de desenare Drawing, Object, Picture, Movie and Sounds din meniul Insert
Pentru un slide creat cu AutoContent Wizard, putem schimba fundalul prin
Format – Aply Design template
1.2 Crearea unei reprezentari
Dati click pe File – New presentation pentru o noua prezentare sau
File -New presentation -From Existing Presentation
Daca dorit sa folositi sabloare deja existente puteti opta pentru
File - New Presentation – From Design Template
Utilitarul AutoContent permite alegerea de diferite tipuri de moduri de prezentare inlantuite. File-New presentation –From AutoContent Wizard
Meniul View are trei optiuni:
Normal – ecran imparit in trei sectiuni: stinga rezumatul prezentarii, dreapta filmul de imagini, jos – notatii
Slide view – vedere a tuturor imaginilor incarcate
Slide sorter – permite rearanjarea imaginilor prin tragere cu mouse (drag and drop)
Optiunea Insert Chart permite construirea de tabele cu placare de la o grila Excel
Programul permite introducerea de elemente audio/video din meniul:
Insert Movie and Sound, Movie from File, Movie from Galery, sau
Insert Movie and Sound – Sound from File

Slide Show - Action Buton, permite adaugarea de butoane functionate, sau destinatii hiperlink pentru o legatura Internet