SlideShare a Scribd company logo
1 of 2
Teorii WebDesign & SEO
Teoria culorilor
Nu ºtii ce culori sã combini dintrun set cromatic, cînd ºi cum sã le foloseºti? Consideri o culoare datã – albastrã,
mai gãsesti un albastru, le aºezi alãturi – culori total diferite.
Cum sã le diferenþiezi?
In teoria culorilor dupã modelul RYB (redyellowblue) care
este  folositã  în  artã,  picturã,  graficã,  etc.  se  foloseºte  aºa
annuity  cerc  cromatic  (roata  culorilor  sau  steaua  culorilor
sau color wheel) – creat de Johannes Itten vezi în imaginea
alãturatã.  Culorile  prezentate  nu  sunt  perfecte,  pot  varia  în
funcþie  de  setãrile  monitorului,  important  este  sã  înþelegem
cum sunt create ºi folosite.
Culorile  primare sunt  roºu,  galben  ºi  albastru.  Culorile
primare nu sunt create prin combinarea altor culori ºi au cel
mai înalt grad de strãlucire. Aceste culori sunt cele 3 de la care
“pornesc” deja celelalte culori. Prin combinarea lor în diferite
proporþii ºi cu ajutorul nonculorilor, se obþin toate culorile din
naturã.
Urmeaza culorile secundare, create prin combinarea culorilor primare, în proporþii egale, 2 cîte 2:
ROªU + GALBEN = ORANJ (portocaliu)
GALBEN + ALBASTRU = VERDE
ALBASTRU + ROªU = VIOLET
Acum putem construi spectrul culorilor, cele 6 culori primare ºi secundare,
adaugand si culoarea indigo.
Pe cercul culorilor au mai rãmas culorile terþiare, create prin combinarea unei culori
primare ºi a unei culori secundare alãturate:
ROªU + ORANJ = ORANJROªCAT
ROªU + VIOLET = VIOLETROªCAT
ALBASTRU + VIOLET = VIOLETALBÃSTRUI (indigo)
ALBASTRU + VERDE = VERDEALBÃSTRUI (turcoaz)
GALBEN + VERDE = VERDEGÃLBUI
GALBEN + ORANJ = ORANJGÃLBUI (auriu)
Culorile terþiare in esenþa sunt rezultatul amestecarii,in egalã masura,a unei culori primare cu una secundarã
de lângã, vedeti pe cercul cromatic.
Culorile primare + culorile secundare + culorile terþiare => Cercul cromatic
Dupã ce sau identificat cele 12 culori din cercul cromatic, numite ºi culori pure, ºi modul lor de formare,
trebuie studiu pentru potrivirea lor întro compoziþie cromaticã.
Reamintire culori acromatice: negrul si albul, culorile antagonice. Combinatia lor, in egala masura da culoarea
GRI (poti  obtine  variatii  de  GRI  prin  diferentirea  proportiilor).  Acest  set  de  culori  standard  se  potrivesc
cromatic tuturor culorilor. Fara a ne face probleme de compatibilitate, culorile acromatice (nonculorile) pot fi
adãugate oricãrei combinaþii cromatice.
Dacã se adauga alb sau negru intro culoare purã se obþin nuanþe deschise sau închise ale aceleiaºi culori:
 Culoare + Alb = Tentã (tint)
Exemplu: Roºu + (Alb) = Roz
 Culoare + Negru = Umbrã (shade)
Exemplu: Oranj + Negru = Ruginiu
 Culoare + Gri = Ton (tone)
Exemplu: Violet + Gri = Lila
Culorile se împart în 2 grupuri mari: culori calde ºi culori reci.
Culori calde: de la Galben la Violetroºcat, pe roata culorilor.
Culori reci: de la VerdeGãlbui la Violet.
Teoria SEO  minimal
În SEO se regasesc tehnici pentru ca o entitate web, fie pagina personala,blog sau site sa fie cat mai repede
servita internautilor, cand ei folosesc motoarele de cautare. Asta inseamna, ca aceste tehnici SEO fac ca siteul
sau blogul sa fie cat mai sus in top.
In principal se deosebesc doua caracteristici SEO: onpahge si offpage.
Caracterisitica SEO onpage
Inseama folosirea eficienta a detaliilor interne, setate in codul HTML al paginilor ce compun siteul.
Sã începem cu meta tagurile
Meta Tagurile sunt taguri HTML care oferă informații suplimentare despre un web document. Spre deosebire
de taguri regulate, meta taguri nu oferă informații de formatarepentru browser.Acestea oferă informații cum
ar fi autorul, data creării sau cea mai recentă actualizare pentru pagina, titluri, descrieri și cuvinte cheie (care
spune motoarelor de cãutare tematica paginii).Pentru scopuri SEO sunt trei taguri principale (titlul, descrierea
și cuvinte cheie) sunt cele ce conteazã cel mai mult. De asemenea, importante sunt taguri ALT (care oferã
informații  suplimentaredespre  imagini)  și  taguri  antet  (care  indica  utilizatorilor  domenii  importante
deconținutul de pe pagina dvs.).
Spre exemplu pentru un site ce trateaza tematica promovare firme online, am concepe asa:
Titlul siteului:

RECLAMA ONLINE
Descrierea:

Promovare online,promovare SEO prin backlink intr­un director web sau lista site: toate prin platforma
www.solfly.eu
Cuvintele cheie:

Promovare online
O atentie trebuie acordata procentului de cuvinte cheie in textul paginii web, sa evitam tendinta de a repeta
fara o logica cuvintele cheie. In fond informatia o furnizam internautilor ci nu motoarelor de cautare. Unii
programatori web nu respecta aceasta conditie, au un avantaj pentru o scurta perioada de timp, dar realizand
spam cu aceasta tehnica, mai devreme sau mai tarziu siteul respectiv va fi penalizat si posibil scos din index
(nu va mai fi in lista acelui motor de cautare).
Textul ar fi tern, plictisitor, daca nu ar fi insotit de imagini. Imaginile au un atribut special <ALT> in care
introducem ceva, pe scurt, cu privire la ce reprezinta poza respectiva.
Va continua …

More Related Content

Featured

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

Teorii web

  • 1. Teorii WebDesign & SEO Teoria culorilor Nu ºtii ce culori sã combini dintrun set cromatic, cînd ºi cum sã le foloseºti? Consideri o culoare datã – albastrã, mai gãsesti un albastru, le aºezi alãturi – culori total diferite. Cum sã le diferenþiezi? In teoria culorilor dupã modelul RYB (redyellowblue) care este  folositã  în  artã,  picturã,  graficã,  etc.  se  foloseºte  aºa annuity  cerc  cromatic  (roata  culorilor  sau  steaua  culorilor sau color wheel) – creat de Johannes Itten vezi în imaginea alãturatã.  Culorile  prezentate  nu  sunt  perfecte,  pot  varia  în funcþie  de  setãrile  monitorului,  important  este  sã  înþelegem cum sunt create ºi folosite. Culorile  primare sunt  roºu,  galben  ºi  albastru.  Culorile primare nu sunt create prin combinarea altor culori ºi au cel mai înalt grad de strãlucire. Aceste culori sunt cele 3 de la care “pornesc” deja celelalte culori. Prin combinarea lor în diferite proporþii ºi cu ajutorul nonculorilor, se obþin toate culorile din naturã. Urmeaza culorile secundare, create prin combinarea culorilor primare, în proporþii egale, 2 cîte 2: ROªU + GALBEN = ORANJ (portocaliu) GALBEN + ALBASTRU = VERDE ALBASTRU + ROªU = VIOLET Acum putem construi spectrul culorilor, cele 6 culori primare ºi secundare, adaugand si culoarea indigo. Pe cercul culorilor au mai rãmas culorile terþiare, create prin combinarea unei culori primare ºi a unei culori secundare alãturate: ROªU + ORANJ = ORANJROªCAT ROªU + VIOLET = VIOLETROªCAT ALBASTRU + VIOLET = VIOLETALBÃSTRUI (indigo) ALBASTRU + VERDE = VERDEALBÃSTRUI (turcoaz) GALBEN + VERDE = VERDEGÃLBUI GALBEN + ORANJ = ORANJGÃLBUI (auriu) Culorile terþiare in esenþa sunt rezultatul amestecarii,in egalã masura,a unei culori primare cu una secundarã de lângã, vedeti pe cercul cromatic. Culorile primare + culorile secundare + culorile terþiare => Cercul cromatic Dupã ce sau identificat cele 12 culori din cercul cromatic, numite ºi culori pure, ºi modul lor de formare, trebuie studiu pentru potrivirea lor întro compoziþie cromaticã. Reamintire culori acromatice: negrul si albul, culorile antagonice. Combinatia lor, in egala masura da culoarea GRI (poti  obtine  variatii  de  GRI  prin  diferentirea  proportiilor).  Acest  set  de  culori  standard  se  potrivesc cromatic tuturor culorilor. Fara a ne face probleme de compatibilitate, culorile acromatice (nonculorile) pot fi adãugate oricãrei combinaþii cromatice. Dacã se adauga alb sau negru intro culoare purã se obþin nuanþe deschise sau închise ale aceleiaºi culori:  Culoare + Alb = Tentã (tint) Exemplu: Roºu + (Alb) = Roz
  • 2.  Culoare + Negru = Umbrã (shade) Exemplu: Oranj + Negru = Ruginiu  Culoare + Gri = Ton (tone) Exemplu: Violet + Gri = Lila Culorile se împart în 2 grupuri mari: culori calde ºi culori reci. Culori calde: de la Galben la Violetroºcat, pe roata culorilor. Culori reci: de la VerdeGãlbui la Violet. Teoria SEO  minimal În SEO se regasesc tehnici pentru ca o entitate web, fie pagina personala,blog sau site sa fie cat mai repede servita internautilor, cand ei folosesc motoarele de cautare. Asta inseamna, ca aceste tehnici SEO fac ca siteul sau blogul sa fie cat mai sus in top. In principal se deosebesc doua caracteristici SEO: onpahge si offpage. Caracterisitica SEO onpage Inseama folosirea eficienta a detaliilor interne, setate in codul HTML al paginilor ce compun siteul. Sã începem cu meta tagurile Meta Tagurile sunt taguri HTML care oferă informații suplimentare despre un web document. Spre deosebire de taguri regulate, meta taguri nu oferă informații de formatarepentru browser.Acestea oferă informații cum ar fi autorul, data creării sau cea mai recentă actualizare pentru pagina, titluri, descrieri și cuvinte cheie (care spune motoarelor de cãutare tematica paginii).Pentru scopuri SEO sunt trei taguri principale (titlul, descrierea și cuvinte cheie) sunt cele ce conteazã cel mai mult. De asemenea, importante sunt taguri ALT (care oferã informații  suplimentaredespre  imagini)  și  taguri  antet  (care  indica  utilizatorilor  domenii  importante deconținutul de pe pagina dvs.). Spre exemplu pentru un site ce trateaza tematica promovare firme online, am concepe asa: Titlul siteului: RECLAMA ONLINE Descrierea: Promovare online,promovare SEO prin backlink intr­un director web sau lista site: toate prin platforma www.solfly.eu Cuvintele cheie: Promovare online O atentie trebuie acordata procentului de cuvinte cheie in textul paginii web, sa evitam tendinta de a repeta fara o logica cuvintele cheie. In fond informatia o furnizam internautilor ci nu motoarelor de cautare. Unii programatori web nu respecta aceasta conditie, au un avantaj pentru o scurta perioada de timp, dar realizand spam cu aceasta tehnica, mai devreme sau mai tarziu siteul respectiv va fi penalizat si posibil scos din index (nu va mai fi in lista acelui motor de cautare). Textul ar fi tern, plictisitor, daca nu ar fi insotit de imagini. Imaginile au un atribut special <ALT> in care introducem ceva, pe scurt, cu privire la ce reprezinta poza respectiva. Va continua …