Photoshop si Corel - Nivel I

Programa Photoshop

• Pregatirea machetelor si a layout-urilor pentru web sau tipar: Rastru vs. vectorial; Explicarea modurilor de culoare, notiuni despre rezolutie.
• Explorarea mediului de lucru in Photoshop: bara de proprietati a instrumentelor si corelarea cu ferestre specializate [Layers, History, Paths, Info, Navigator], meniuri contextuale, tipuri de vizualizare pe ecran - organizarea paletelor si a mediului de lucru.
• Realizarea selectiilor complexe [Marquee, Lasso, Magic Wand], Crop-uri imagini si aplicatii practice pe fotografii, transformari [scalare proportionala, rotire, distorsionare], creare imagini in perspectiva [Warp, Skew]; editare culori [prezentare Color Picker, gradienti, pattern-uri, brush-uri].
• Corecturi, editari, prelucrari digitale ale imaginilor: Instrumentele Blur, Sharpen, Smudge, Dodge, Burn, Sponge. Meniul Image > Adjustments, Instrumentele Clone Stamp, Healing Brush, Patch.
• Vectori: Decupare elemente complexe – tifetare, cu instrumente specializate precum Pen, in corelatie cu paleta Paths, editarea cailor prin Direct Selection Tool si Path Selection Tool, exercitii cu trucaje.
• Familia Rectangle, Rounded Rectangle, Elipse, Polygon, Line, Custom Shape.
• Layer Styles: Drop Shadow, Inner Shadow, Outer & Inner Glow, Stroke, Gradient Overlay, Satin, Bevel & Emboss.
• Salvarea documentelor pentru tipar si pentru web, tipuri de format de salvare.
• Aplicatii: coperte de carte, inserturi de presa, reclame, inserturi de presa, flyere, manipulari foto – prelucrari de imagini si trucaje, efecte speciale, ajustari cromatice si compozitionale pe fotografii.

Programa Corel Draw

• Realizarea de ilustratii pornind de la elemente de baza, precum curbe, linii sau forme geometrice simple: dreptunghiuri, elipse, poligoane, suprafete, contururi, cu analiza instrumentelor, ferestrelor si meniurilor din Corel;
• Lucrul cu text: artistic, paragraf, Wrap Paragraph Text, Text pe Coloane, formatari, text pe cale, explicate astfel incat sa puteti realiza inclusiv machetarea revistelor sau cataloagelor respectand regulile de pregatire pentru tipar privind convertirea la curbe, modul CMYK sau rezolutie;
• Desenarea si editarea curbelor vectoriale: convertire, prelucrare noduri si ancore, tipuri de noduri si editari personalizate: Pen Tool, Bezier, Freehand sau Shape Tool;
• Aranjarea obiectelor: order, group, ungroup, lock, unlock: shaping: weld, trim, simplify, front minus back, transformari;
• Lucrul cu imagini Bitmap: conversia pozelor in modul CMYK, 300 DPI, explicarea regulilor de pregatire pentru tipar offset / DTP;
• Gestionarea straturilor si a paginilor. Personalizarea si editarea paletelor de culori;
• Importul si exportul obiectelor. Tipuri de fisiere, extensii .eps, .pdf .jpg, .tiff, .png, asociate cu tiparul sau publicarea pe Internet;
• Efecte: Artistic Media, Blend, Contour, Envelope, Extrude, Power Clip, Interactive Drop Shadow, Interactive Transparency Tool. Realizare gradienti, pattern-uri, texturi;
• Aplicatii: cliparturi si obiecte vectoriale, logouri, carti de vizita, stampile, flyere, reclame, reviste, cataloage, calendare, brosuri, elemente de design vectoriale.

Photoshop si Corel - Nivel II Avansat

Ca instrument de management al identitatii, un corporate ID reprezinta un sistem de reguli grafice si simboluri prin care se identifica o organizatie. Proiectul de identitate vizuala va fi realizat in Photoshop & Corel si cuprinde:

Logo Applications

• Logo – stiluri, categorii de logo-uri, trenduri, reguli compozitionale, alinieri, proportii, cromatica: variantele full-color, reversed si grayscale, contrast, armonie, perimetru de siguranta, Typography, salvarea logo-ului in conditii optime pentru tipar sau aplicatii web, atat in Photoshop, cat si in Corel.
• Carte de vizita – dimensiuni, reguli de design si DTP, fonturi, spatiere, aliniere, proportii, cromatica, elemente de design in Corel, pregatirea pentru tipar, tipuri de carton / alte materiale;
• Foaie cu antet – reguli cromatice, compozitionale, fonturi - Typography;
• Plic – tipuri de format, grafica, reguli compozitionale si cromatice, varianta desfasurata, cotatii, big-uri, bleed exterior, margine de siguranta, MockUp-uri realizate in Photoshop sau in Corel;
• Stampila – tipuri de format, reguli, lucrul avansat cu textul pe cale;

Web Applications

• Layout website – la curs vom afla cum se poate realiza un layout profi de site in Photoshop; subiectele acoperite: dimensiuni: 960 grid si noile formate, reguli compozitionale si cromatice, “raportul divin” in realizarea layout-ului unui site, amplasarea optima a logo-ului sau a altor elemente grafice astfel incat impactul vizual sa fie maxim, stiluri grafice in web design: business, corporate, artistic, tehnic, etc.; tipuri de meniuri, grafica pentru slidere, continut, sidebar, footer, design pentru iconite, butoane, simulari; noile trenduri din punct de vedere grafic: flat design, parallax effect, endless scroll sau responsive, adaptive design.
• Newsletter – dimensiuni, reguli compozitionale, cromatice;

Print applications

Mapa & CD cover

Reguli compozitionale pentru conceperea corecta a unei mape, explicatii despre stantare si big-uire, alinieri, spatieri, proportii, varianta desfasurata, plus cotatii, pregatirea fisierului pentru tipar, MockUp – simulari in Photoshop sau Corel: reguli referitoare la perspectiva, lumini, umbre.

Punga si alte materiale promotionale [MockUps]

Reguli compozitionale pentru conceperea corecta a unei pungi, explicatii despre stantare si big-uire, alinieri, spatieri, proportii, pregatirea fisierului pentru tipar, varianta desfasurata, plus cotatii si MockUp – simulari in Photoshop sau Corel: reguli referitoare la perspectiva, lumini, umbre.

Felicitare sau invitatie eveniment

Reguli de design si DTP, formate, compozitie, cromatica, pregatire pentru tipar.

Afis

Reguli compozitionale si DTP, formate, design, cromatica, alinieri, spatieri, proportii, pregatire pentru tipar, prioritizarea informatiilor din punct de vedere vizual.

Panou Outdoor

Dimensiuni & formate de lucru, rezolutie, compozitie, prioritizarea informatiilor din punct de vedere vizual, amplasarea optima a logo-ului sau a altor elemente grafice astfel incat impactul vizual sa fie maxim, reguli de design si DTP, salvarea fisierelor.

Flyer

Reguli de design si DTP, formate, compozitie, cromatica, pregatire pentru tipar.

Brosura sau catalog

Dimensiuni & formate de lucru, compozitie, prioritizarea informatiilor din punct de vedere vizual, amplasarea optima a logo-ului sau a altor elemente grafice astfel incat impactul vizual sa fie maxim, reguli de design si DTP, salvarea fisierelor.

Insert de presa

Reguli compozitionale & DTP, simulare in reviste de profil.

Ce invatam in PHOTOSHOP

• Paleta Actions – actiuni predefinite ale programului, salvarea propriilor actiuni cu Batch sau Create Droplet;
• Channels – Color Information Channels, Alpha Channels si Spot Colors, Decupaj pe canale a unor elemente complexe sau foarte fine; Ajustare imagini pe canale; Layer Adjustments cu Black & White Mask si Vector Mask; Clipping Mask; metode avansate de lucru cu masti si canale; Dynamic Brushes – customizari; creare pattern-uri si Custom Shapes; Slices si optimizarea layouturilor web; Exportul cailor din Photoshop ca elemente vectoriale importabile in alte programe de grafica vectoriala; corecturi pe parcursul lucrului cu optiuni avansate History.

Ce invatam in COREL

Exercitii avansate cu vectori - refacere logo-uri complexe cu Bezier Tool sau cu ajutorul formelor geometrice; export logo-uri sau alte elemente grafice vectoriale ca .eps [spot color inclus] sau .ai intr-un mod corect si curat, astfel incat sa poata fi folosite si in alte programe sau sa poata fi tiparite la cea mai buna calitate; Interpretare Object Manager, Master Page; comanda Paste Special > Enhanced Metafile, Interpretare Document Info; totul despre tipar, impozitie, big-uire si lucrul cu stante.

MODUL I - Designul de Interfata (UI) in XD - realizarea unui layout (2-3 pagini)

Meniu intuitiv (iconite + text)

Font-uri (nu mai mult de 2 - fara serif in general + dimensiuni)

Implementarea a nu mai mult de 5 iconite pe orizontala (bottom)

Design elemente grafice specifice (butoane, meniuri, checkbox, background)

Ergonomia interfetei, comportamentul utilizatorilor in mediul virtual. Exercitii

Prototyping (adobe XD)

Carousel din care sa reiasa ca se da scroll orizontal

Crearea paginilor, a structurilor de baza a acestora (tag-uri html) si incarcarea continutului.

Adaugarea css-ului pentru stilizarea continutului si obtinerea unui layout conform design-ului. ....

Programa curs ILLUSTRATOR

1.1.Prezentarea programului si a interfetei de lucru: Vector vs. Raster (Illustrator vs. Photoshop);folosirea Intro-ului programului; deschiderea unui document nou; modificarea setarilor implicite ale documentelor noi; optimizarea spatiului de lucru (Panels); crearea si salvarea spatiilor de lucru customizate; prezentare Adobe Bridge; navigarea in document, diverse tipuri de Zoom, Hand Tool; revenirea la pasii anteriori; Paleta Layers > prezentare detaliata si mod de lucru; deplasarea printre tab-urile mai multor documente si lucrul cu mai multe documente;

1.2. Artboard Tool si Artboard Panel:Artboard Tool - crearea artboard-urilor; modificarea dimensiunii artboard-urilor; redenumirea si schimbarea ordinii artboard-urilor din Paleta Artboards; modificarea procentului de vizualizare, diverse tipuri de Zoom, trecerea facila de la un Artboard la altul;copierea informatiilor dintr-un Artboard in altul; cum gestionam copierea informatiilor care trebuie sa se regaseasca in toate Artboard-urile; organizarea informatiilor in tandem: Artboard si Paleta Layers; deplasarea in cadrul unui document cu mai multe Artboard-uri (Zoom Tool, Hand Tool, Paleta Navigator)

1.3.Guide-uri + Setarea riglelor si a unitatii de masura: crearea Guide-urilor; modificarea pozitiei Guide-urilor; blocarea sau ascunderea Guide-urilor; crearea Guide-urilor din obiecte - Make / Release Guide; Smart Guides; Snap to Guides; setarea unitatilor de masura – fereastra Preferences

2.1. Forme geometrice: distinctie intre open path si closed path (cale deschisa vs. cale inchisa); aplicatii pe instrumentele Line Segment Tool, Arc Tool, Spiral Tool, Grid Tool, Polar Grid Tool; functia Join - pentru a uni cai deschise; Scissor sau Knife Tool pentru a intrerupe o cale inchisa

2.2. Forme geometrice:Aplicatii pe instrumenteleRectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool, Star Tool. Setarile instrumentelor si shortcut-uri.

2.3.Selectarea si lucrul cu obiecte: instrumente de selectie: Selection Tool, Direct Selection Tool, Group Selection Tool, Magic Wand, Lasso Tool, etc.; duplicarea si multiplicarea obiectelor; Scale Tool; Rotate Tool; Reflect Tool; Shear Tool; Reshape Tool; gestionarea obiectelor in Paleta Layers: Group/Ungroup, blocarea si ascunderea obiectelor; Preview Mode si Outline Mode; Isolation Mode; deplasari obiecte pe distante specificate; alinieri si distributii (fata de pagina sau fata de alte obiecte); Align / Distribute / Transform (bara de proprietati sau palete); ordinea obiectelor - shortcut-uri

3.1. Lucrul cu culori - Fill& Stroke:Paleta Color si Paleta Swatches; moduri de culoare; crearea si aplicarea culorilor cu ajutorul Paletei Swatches sau Color; crearea unui Swatch nou si salvarea lui; setare Foreground & Background Colors - switch intre ele; revenirea la culorile default; asignarea culorilor cu Eyedropper Tool, copierea atributelor de fill si stroke cu ajutorul lui Eyedropper Tool

3.2. Stroke:tipuri de Stroke; setari in bara de proprietati; Paleta Stroke; stroke standard/predefinit vs. custom stroke; salvare si aplicare custom stroke; Width Tool- instrumentul cu care editam stroke-uri; linii punctate, sageti; scalarea proportionala a Stroke-ului impreuna cu obiectul: “Scale and Stroke Effect” - variante de lucru; convertirea stroke-uluila obiect> Convert to Outlines

3.3. Gradient Tool:aplicarea unui gradient; Paleta Gradient; tipuri de gradient: linear & radial; modificarea gradientului; folosirea lui Gradient Annotator; preluarea unui gradient de la un obiect la altul cu Eyedropper Tool; fereastra Appearance; Expand si Expand Appearance

3.4. Blend: pentru gradienti personalizati, pentru a multiplica obiecte sau pentru aplica tranzitie intre doua forme, alaturi de tranzitia cromatica; aplicarea efectului de Blend; modificarea Blend-ului; Blend Tool; tipuri de Blend: Smooth Color, Specified Steps, Specified Distance; Blend intre diverse niveluri de opacitate; adaugarea sau modificarea unui “spine” – coloana vertebrala in interiorul unui Blend; Expand & Expand Appearance

3.5. Mesh Tool:gradient custom, folosirea instrumentului, metode de lucru

3.6. Pattern: pattern standard vs. pattern custom; editare pattern; salvare pattern; aplicabilitate

3.7. Symbol:symbol standard vs. symbol custom; aplicabilitate

4.1. Pen Tool: curbe Bezier, noduri, ancore si cai; crearea cailor cu ajutorul instrumentui Pen; ajustarea cailor; adaugarea, stergerea si convertirea nodurilor; folosirea barei de proprietati pentru editarea nodurilor cusp si smooth; Selection Tool si Direct Selection Tool; efectul dinamic Round Corners vs. curbe Bezier

4.2. Clipping Mask / Clipping Path

4.3. Opacity Mask

5.1. Paleta Pathfinder: creare obiecte complexe; diferenta dintre Path si Compound Path; diferenta dintre Compound Path (static) si Compound Shape (dinamic); tipuri de operatiuni: Unite, Minus Front, Intersect, Exclude (pentru Compound Shapes) si Divide, Trim, Merge, Crop, Outlines, Minus Back (pentru Compound Paths); manevra Expand din Paleta Pathfinder - cand o folosim

6.1. Live Paint Tool: Live Paint Bucket si Live Paint Selection; aplicabilitate; Shape Builder Tool

7.Instrumente desenare: Paint Brush; Eraser si Blob Brush; Pencil Tool / Smooth Tool / Path Eraser Tool; cele mai uzuale tipuri de distorsionari, cand le folosim, cand le evitam

8. Text: lucrul cu text; text de tip artistic vs. text de tip paragraf; Instrumentul type si convertirea shape-urilor; editarea textului; importanta textelor inlantuite (Threading Text); adaugarea textului pe cale; instrumentul Type on a Path; folosirea Paletelor Character si Paragraph; crearea stilurilor de caracter si paragraf; ajustarea textelor Justify cu functia Justification; despartirea controlata a textului in silabe; functia Hyphenation; functia Area Type Options; caractere speciale (Paleta Glyphs); gasirea si inlocuirea unui font; functia Find Font; convertirea textului la Outlines; copierea formatarii cu instrumentul Eyedropper; infasurarea textului in jurul unei imagini (Wrap text); Opacity Mask

9.1. Meniul Effect > Illustrator Effects: 3D, Convert to Shape, Stylize, Warp.

9.2. Transformari / multiplicari: Distort and Trasform

10.1. Linked vs. Embedded: lucrul cu Imagini - Adobe Bridge; imagini Linked vs. imagini Embedded; importul imaginilor; lucrul cu paleta Links; modificarea imaginilor; cum folosim optim Illustrator si Photoshop impreuna

11.1. Salvari

Machetare DTP si Prepress - INDESIGN

Modul de realizare a documentelor noi pentru trimiterea ulterioara la tipografie [margin, bleed, slug, s.a.]

Lucrul cu imagini si culori.

Capacitatea de amestec a culorilor CMYK/PANTONE. Vizualizarea corecta culorilor si imaginilor in InDesign [specificitati RGB, CMYK]. Importul imaginilor in InDesign. Alinieri si distributii ale imaginilor.

Formatarea textelor in InDesign.

Importul textelor din alte tipuri de fisiere. Stiluri de formatare. Managementul stilurilor de formatare. Efecte tipografice de formatare a textelor. Leading, kerning, tracking, indents, taburi, bullets. Text pe coloane. Modificarea ramelor textului. Modalitatea prin care “infasuram” textul in jurul imaginilor sau pe cai predefinite.

Creare si editare elemente vectoriale

Grafica vectoriala direct in InDesign. Creare logo-uri, definirea spatiului de siguranta, reguli corporate. Convertirea textului in curbe.

Editarea tabelelor.

Importul tabelelor. Formatarea tabelelor importate. Crearea tabelelor in InDesign. Op?iunile speciale de formatare a tabelelor. Stiluri pentru formatarea tabelelor. Formatari diverse: schimbarea culorilor de fills sau strokes, adaugarea de elemente grafice.

Crearea de indexuri [cuprinsuri].

Optiuni specifice pentru realizarea cartilor [numerotarea paginilor sau capitolelor, sincronizare]

La finalul cursului veti avea abilitatea de a crea machete complexe de reviste, brosuri, cataloage sau carti. Fiecare cursant trebuie sa isi formeze un PROIECT elocvent pe baza caruia poate sustine si examenul de final de curs.

Tehnica fotografica si prelucrare fotografie digitala - Nivelul I

Tehnica fotografica

Foto-elemente

• controlul camerei foto – notiuni referitoare la setarile aparatelor foto digitale;
• filtre – utilizari speciale [filtre incluse in functiile standard ale aparatului si filtre pentru obiective; scopuri de corectie sau de realizare efecte speciale];
• intelegerea expunerii [timpii de expunere/ in secunde; valori si masurari; subexpunere sau supraexpunere; expunerea subiectelor in miscare; functia bracketing; +/- EV; interpretarea histogramei; programare > prioritate de diafragma; prioritate de timp];
• diafragma;
• camp de profunzime;
• ISO;
• focalizare;
• lumini si umbre [intensitati luminoase; temperatura de culoare; reflexii; difuzia; dispersia; polarizarea];
• balansul de alb [auto; manual; sunny, incandescent; fluorescent; cloudy; s.a.];
• culoarea in fotografie [nuanta/saturatie/stralucire]

Foto-categorii

• fotoreportajul [instantaneul; aspecte si recomandari in functie de domenii: sportiv, artistic, turistic, social, politic, ceremonii, etc.];
• portretul [planuri de prezentare; compozitii; distante focale; fotografii de grup; decoruri; fundaluri de interior si exterior; tehnici de iluminare];
• peisajul;
• elemente de compozitie [stabilirea cadrelor; punctele de aur; diagonale; unghiuri; distorsionari accidentale sau intentionate]

Prelucrare Adobe Photoshop

Explorarea mediului de lucru Photoshop - instrumentele specializate de lucru cu analiza, bara de proprietati si corelare cu ferestre specializate [ex: Layers, History, Paths, Info, Navigator, s.a.] si meniuri legate de operatiunile propuse, controlul culorilor, elemente pentru controlul mediului de vizualizare pe ecran - organizarea paletelor

Folosirea tehnicilor avansate de editare si retusare a imaginilor - corectare cromatica - introducerea de noi elemente; prelucrare + montaj de imagini [reasamblare elemente]; Decupaj + ajustare tonala imagini in ansamblu si elemente din decupaj [folosire in special Pen Tool + Paths si Image > Adjustments]

Realizare selectii complexe [marquee, lasso, magic wand]; cropuri imagini, transformari proportionale si la dimensiune fixa, gradienti, pattern-uri, brush-uri, editare culori, instrumente de blurare, subexpunere sau supraexpunere a pixelilor, saturare sau desaturare a pixelilor, instrumente de clonare;

Efecte: Drop Shadow, Inner Shadow, Outer & Inner Glow, Stroke, Gradient Overlay, Satin, Bevel & Emboss, s.a.

Fiecare cursant trebuie sa isi formeze un PORTOFOLIU elocvent pe baza caruia poate sustine si examenul de final de curs.

Tehnica fotografica si prelucrare fotografie digitala - Nivelul II, Avansat

FOTOGRAFIE

Lumina in fotografie

• Directia uminii - Importanta directiei din care cade lumina
• Intensitatea luminii
• Calitatea luminii
• Temperatura de culoare
• Lumina principala
• Lumina de umplere (secundara)
• Lumina de modelare
• Lumina de fundal
• Lumina de contur
• Lumina de efect
• Tipuri de blit - Manual, Automat, TTL
• Modificare lumina blitz

Tehnici de iluminare

• Fotografia de produs pe fundal alb
• Fotografia de produs pe fundal negru
• Portret - Pregatire, pozitionarea luminilor, incadrare, aranjarea modelului, reguli de compozitie.

PHOTOSHOP

• Actiunile - Inregistrarea, rularea si editarea diverselor comenzi.
• Automatizari - Simpificarea editarii prin combinarea comenzilor.
• Layer Mask
• Canalele Alfa
• Calculations
• Tehnici editare imagine produs
• Tehnici editare portret

WEB DESIGN - NIVEL I

Fundamente ale designului WEB cu HTML si CSS

HTML

Capacitatea de editare a fisierelor HTML cu ajutorul editoarelor de text, salvari de documente, vizualizarea paginilor cu ajutorul a diverse browsere. Asimilarea diverselor marcaje [tag-uri], a celor duble [perechi, cu deschidere si inchidere] si a celor singulare [simple, fara inchidere].

Asimilarea notiunilor de baza privind imbricarea corecta a tag-urilor html, importanta tag-urilor obligatorii precum si utilizarea atributelor corespunzatoare fiecarui tag.

Abilitatea de a crea elemente de baza intr-o pagina web: paragrafe, titluri, imagini, link-uri, etc. dar si formatarea textului inserat in pagina [text ingrosat, italic, subliniat]

Asimilarea tehnicilor de baza de includere a imaginilor [adresa URL a unei imagini, cai relative sau absolute, chenarul imaginilor, dimensionarea, alinierea in pagina]. Capacitatea de creare a interactivitatatii paginilor web, legaturi catre alte pagini [realizate prin text sau imagini], ancore.

Capacitatea de creare si introducere de liste in paginile web [liste ordonate si neordonate, liste personalizate]. Crearea tabelelor, utilizarea lor pentru organizarea datelor pe randuri si celule sau pentru pozitionarea altor elemente in pagina [realizarea unui layout de newsletter].

Asimilarea cunostintelor referitoare la elementele unui formoular [campuri pentru text, parola sau e-mail, butoane de tip checkbox sau radio]. Realizarea unui layout de formular.

Inserarea de tag-uri video

Pentru mai multe detalii click aici web design - incepator

Web Design - avansat

CSS

Moduri de aplicare ale CSS-ului in pagina

• intern
• extern
• pe element [inline]

Tipuri de selectori

• Selectori directi
• Selectori de tip Clasa si modalitati de legatura
• Selectori de tip sub-clasa
• Selectori de tip ID si modalitati de legatura
• Grupare de selectori
• Nesting
• Ordinea de mostenire a stilurilor multiple asupra unui singur element afisat

Proprietati CSS

• Proprietati pentru stilizarea textului [stabilire de culori, fonturi, decoratii, transformari, marimi, spatiere intre litere, alinieri verticale si orizontale]
• Proprietati pentru stabilirea de background ale elementelor paginilor
• Proprietati pentru contururi
• Proprietai de layout
• Pozitionare absoluta [asezare de elemente in functie de coordonatele paginii si rezolutia de afisare]
• Pozitionare relativa [asezare de elemete in functie de alte elemente din pagina]
• Stiluri conditionale pentru mediul de vizualizare a paginii [display, print, mobil, tableta] - design responsive

Crearea de layout-uri folosind CSS

• Layout-uri de 2-3 coloane
• Layout-uri pe baza unui design predefinit [template-uri Photoshop]
• Layout-uri responsive

Javascript

• Moduri de aplicare Javascript - intern si extern
• Implementarea de galerii javascript si jQuery

Tehnici de optimizare a codului sursa

• Validarea codului HTML/CSS
• Comprimarea codului HTML/CSS

Tehnici de optimizare pentru motoarele cautare [SEO]....

Mai multe informatii pe PAGINA DEDICATA cursului CURS Web Design - avansat

Programare web - PHP si MYSQL

Sintaxa limbajului

• variabile
• comentarii
• operatori matematici
• operatori logici
• atribuirea de valori

Tipuri de date

• string
• integer
• float
• boolean
• array
• null

Vectori

• vectori numerici
• vectori asociativi
• vectori multidimensionali

Structuri conditionale: if, if else, if else if…, switch.

Structuri repetitive: while, do while, for, foreach.

Functii

• declarare functii simple
• functii cu parametri
• returnarea de valori din functii
• variabile globale si super globale

Preluarea de date din formulare [POST si GET] si din linkuri special create [GET].

Manipularea si procesarea fisierelor trimise drept atasament.

Trimiterea de mesaje de tip email.

Cookie-uri.

Creare de sesiuni. Abilitatea de a lucra cu sesiuni, de a pastra variabile in sesiuni de acces si a stabili sisteme de autentificare sigure. - aplicatie de creare de cont si logare in php.

Manipularea valorilor de data si timp.

Manipularea stringurilor.

Abilitatea de creare a unei baze de date MYSQL, crearea de tabele, introducerea de date in tabele, vizualizarea, modificarea saustergerea datelor stocate. Publicarea datelor din baza de date pe web. Aplicatie – magazin virtual.

Manipularea fisierelor si directoarelor. Creare, editare stergere, setare permisiuni pe diverse grupuri de acces. Securizarea fisierelor PHP.

OOP pentru realizarea unui Shopping Cart.

Pe tot parcursul cursului se realizeaza teme complexe iar una dintre temele de final de curs este realizarea unui magazin virtual!

Programare web - JavaSript si jQuery

JAVASCRIPT

Modalitati de aplicare a codului JavaScript in pagina

• intern
• extern

Sintaxa JavaScript

• Tipuri de variabile
• Editare codului HTML folosind JavaScript
• Metode de slectie: .getElementById(), .getElementsByClassName()[], .getElementsByTagName()[], .getElementsByName()[]
• Crearea unei functii si apelarea ei
• Evenimente JavaScript
• Functii cu argumente - realizarea structurilor cu tab-uri
• Functii conditionale [if else, switch]
• Functii repetitive [for, while]
• Validarea formularelor

JavaScript pop-up

• alert
• confirm
• prompt

Programare pe obiecte

• obiecte javascript
• arrays
• structura DOM
• proprietati si metode ale obiectelor

JQUERY

• Librarii JavaScript - jQuery
• Sintaxa jQuery
• Selectori
• Evenimente
• Efecte
• Modificarea codului html folosind jQuery [adaugarea si inlaturarea de atribute]
• Modificarea codului CSS folosind jQuery [adaugarea si inlaturarea de proprietati CSS sau clase CSS]
• Realizarea de meniuri drop-down si galerii cu efecte jQuery

Wordpress CMS: Custom Designing

design-ul si structura generala Wordpress

• necesitatile Wordpress
• instalarea platformei Wordpress pe un web server
• dashboard – descriere si functionalitate
• managementul continutului in Wordpress
• alegerea uneltelor potrivite: FTP, MySQL, culori, design

instalarea unei teme in Wordpress – conceptul de tema

• lucrul cu tema default
• lucrul cu child-theme
• disecarea unei teme pentru Wordpress
• intelegerea conceptelor de widget si plugin
• utilizarea cunostintelor HTML si CSS pentru schimbarea unei teme
• alegerea optima a gestionarii de continut: posturi sau pagini
• operarea schimbarilor necesare pentru un design aparte
• folosirea plugin-urilor

• practica: realizarea unui site dupa un design custom in structura Wordpress
• practica: realizarea unui site CMS dupa un design propriu, folosind Wordpress

Modalitati de lucru: predare teoretica | explicare | exemplificare | practica.

Este obligatoriu sa detineti cunostinte cel putin medii referitoare la programarea web: HTML, CSS, PHP si MySQL pentru a asimila mai eficient notiunile discutate.

Persoanele care nu au urmat un curs de incepatori in cadrul firmei si care doresc sa participe la acest curs trebuie sa sustina in prealabil un test cu profesorul pentru a se stabili nivelul cunostintelor. Acest test nu implica niciun fel de costuri din partea dumneavoastra si trebuie sa sunati in prealabil!

Cursul include 16 ore de pregatire asistata pe calculator si se bazeaza foarte mult pe aprofundarea proiectelor, explicarea modului de lucru, secrete si trucuri in domeniu, dar mai ales lucru practic.

Structura Curs SEO

Introducere in SEO

Ce este SEO

Rezultate organice versus rezultate platite

Cum functioneaza un motor de cautare

Privire de ansamblu asupra factorilor de pozitionare

Cum alegem numele de domeniu

Subdomeniul www

Hosting – implicatii SEO

Protocoale de transfer HTTP si HTTPS

Cum alegem cuvintele cheie / topicurile pentru optimizare

Cuvinte cheie – topicuri - intentia de cautare (user intent)

Cuvinte cheie “short tail” si “long tail”

Extensiile de cuvinte cheie

Cum realizam un studiu de cuvinte cheie (keyword research)

Cum utilizam Google Keyword Planner

Cum realizam o strategie de cuvinte cheie (studiu de caz)

Optimizarea onpage

Repartizarea cuvintelor cheie pe paginile site-ului

Optimizarea paginii web – bune practici

Optimizarea URL-urilor

Optimizarea meta tag-urilor

Optimizarea heading-urilor

Cum realizam un text optimizat

Cum optimizam un text existent

Optimizarea link-urilor

Optimizarea imaginilor

Optimizare tehnica SEO

Coduri HTTP

Redirectionarea URL-urilor

Erori de crawl

Instrumente de diagnostic tehnic

Prezentare detaliata Google Search Console (fost Google Webmaster Tools)

Cand si cum facilitam indexarea; Bune practici pentru sitemap.xml

Cand si cum restrictionam indexarea (robots.txt, tag-uri de restrictionare)

Optimizarea offsite

De ce facem optimizare offsite

Caracteristicile backlink-urilor calitative

Indicatori cantitativi si calitativi

Link building si Link earning

Link Spam si penalizari Google

Rolul citarilor (citations) in SEO

Semnalele sociale

Promovarea in paginile Google My Business

SEO Local

Ce este SEO Local; Ce tip de afaceri pot fi promovate prin aceasta metoda

Factori de pozitionare specifici pentru SEO Local

Pasi de urmat pentru pozitionarea in rezultatele locale

SEO International

Elemente specifice de optimizare a site-urilor cu audienta internationala

Hosting – implicatii SEO

Structurarea optima a site-ului

Metode de geo-targhetare

Monitorizarea in SEO

Monitorizarea pozitionarii

Personalizarea rezultatelor cautarii

Monitorizarea traficului organic

Prezentare Google Analytics

Structura Curs SEO nivel AVANSAT

Setarea inteligenta a obiectivelor SEO

Inveti sa alegi “bataliile SEO” in care merita sa te angajezi pe termen scurt, mediu si lung

• intrebarile fundamentale si obiectivele de business
• setarea obiectivelor SEO-SMART
• Goals si Funnels in Google Analytics

Studiul concurentei

Inveti sa-ti invingi concurenta cu propriile “arme”

ce cuvinte cheie folosesc concurentii mei

ce tipuri de continut creeaza si cum pot crea continut de 10 ori mai bun decat ei (10x content)

tehnici de diferentiere fata de concurenta (rich snippets, recenzii etc.)

ce backlink-uri au site-urile concurente

Audit SEO onsite

Inveti sa faci si sa executi un plan eficient de actiune, prin care sa cresti “scorul de calitate” al site-ului tau in Google

care sunt punctele slabe ale site-ului meu la nivel onsite

care sunt prioritatile de rezolvat

cum rezolv problemele detectate

cum verific implementarea corecta a auditului

Tehnici avansate de promovare offsite

Inveti sa atragi backlink-uri care iti aduc trafic, nu doar transfer de popularitate

broken linkbuilding

ego baiting

tehnici “out of the box”

Monitorizare si optimizare continua