Rezultate pentru tag: con
Propagarea luminii. Reflexia si refracţia.
Propagarea luminii în medii omogene: constanţa vitezei şi conceptul de rază de lumină. Legile reflexiei şi refracţiei. Reflexia totală: definiţie, aplicaţii.
Prisma. Oglinzi plane şi sferice.
Prisma optică. Formarea imaginilor. Oglinda plană. Oglinzi sferice: proprietăţi, construcţia imaginilor.
Aproximaţiile lentilei. Lentila convergentă.
Aproximaţiile lentilei: lentila subţire, stigmatismul. Lentila convergentă: proprietăţi, construcţia imaginilor.
Lentile divergente. Convergenţa lentilelor.
Lentile divergente: proprietăţi, construcţia imaginilor. Convergenţa lentilelor: definiţie, ecuaţie.
Formulele lentilelor: Newton şi Descartes.
Explicarea convenţiei de semn pentru lentile. Deducerea formulelor Newton şi Descartes pentru imagini în lentile.
Calculul lentilelor. Sisteme de lentile.
Folosim formula Descartes pentru a calcula proprietăţile imaginii formate într-o lentilă. Prezentăm sistemele centrate şi acolate de lentile.
Microscopul. Ochiul uman.
Exemple de instrumente optice cu sisteme centrate de lentile: microscopul (parametri, exemple) şi ochiul uman (componente, acomodarea).
Imagini şi obiecte virtuale.
O discuţie detaliată asupra conceptelor de obiect virtual şi imagine virtuală: semnificaţie, proprietăţi.
Dispersia luminii.
Definiţia dispersiei. Descompunerea luminii albe în spectrul de radiaţii vizibile. Dispersia în prisma optică. Dispersia normală şi anomală.
Interferenţa luminii. Dispozitivul Young.
Interferenţa staţionară: surse coerente; intensitate constantă; franje luminoase şi întunecate. Dispozitivul Young.
Pana optică.
Interferometre cu interferenţă localizată. Pana optică: franje de egală grosime. Inelele Newton.
Difracţia luminii.
Definiţie, exemple. Franje de difracţie printr-o fantă. Reţele de difracţie.
Polarizarea luminii.
Stările de polarizare a luminii. Polarizarea prin reflexie - legea Brewster. Polarizarea prin transmisie - polarizorii. Legea Malus. Birefringenţa.
Noțiuni introductive
Materia, substanțe, molecule, atomi, ioni. Particulele subatomice: electroni, protoni, neutroni. Unitatea atomică de masă (u.a.m.) și sarcina electrică. Numărul atomic Z, numărul de masă A, numărul de neutroni N.
Masă atomică. Izotopi. Mol de atomi
Masa atomică relativă medie. Compoziția procentuală a izotopilor în natură. Numărul lui Avogadro.
Noţiuni de cinematică.
Introducem noţiunile şi mărimile de bază ale cinematicii. Discutăm ecuaţia de mişcare. Prezentăm definiţia şi proprietăţile vectorilor.
Viteza şi acceleraţia.
Metode de adunare şi scadere a vectorilor. Viteza medie şi viteza momentană. Acceleraţia medie şi acceleraţia momentană.
Mişcarea rectilinie uniform variată.
Definiţie, legea vitezei, ecuaţia mişcării, relaţia Galilei.
Mişcarea circulară uniformă.
Definiţie, ecuaţia de mişcare, mărimi caracteristice, acceleraţia centripetă.
Noţiuni de dinamică. Principiile mecanicii.
Inerţia şi masa, principiul I (al inerţiei), forţa, principiul II (fundamental.)
Acţiunea şi reacţiunea. Problemă de dinamică.
Principiul III, al acţiunii şi reacţiunii. Exemplu de problemă dinamică rezolvată.
Elasticitatea. Legea Hooke.
Elasticitatea. Forţa elastică. Legea Hook. Efortul unitar.
Forţa de frecare. Corpul pe plan înclinat.
Frecarea. Forţa de frecare. Aplicaţiile frecării. Corpul pe plan înclinat.
Legea atracţiei gravitaţionale.
Legea atracţiei gravitaţionale universale. Câmpul gravitaţional terestru.
Echilibrul de translaţie.
Echilibrul de translaţie sub acţiunea a două sau mai multe forţe. Echilibrul punctului material supus la legături.
Momentul forţei. Cuplul de forţe.
Efectul forţelor la rotaţia unui solid rigid. Momentul forţei şi cuplul de forţe. Convenţii de semn.
Echilibrul de rotaţie.
Legea echilibrului de rotaţie. Exemple. Stabilitatea echilibrului.
Lucrul mecanic.
Definiţie. Interpretare geometrică. Forţe conservative. Lucrul mecanic al forţelor elastică şi de greutate.
Puterea şi randamentul.
Definiţia puterii. Randamentul unei maşini. Randamentul planului înclinat.
Energia cinetică şi energia potenţială.
Energia cinetică. Teorema variaţiei energiei cinetice. Energia potenţială gravitaţională şi elastică.
Legea conservării energiei mecanice.
Energia mecanică. Legea conservării energiei mecanice. Exemple de aplicare în cazuri concrete.
Legea conservării impulsului.
Impulsul forţei. Impulsul punctului material. Legea conservării impulsului. Exemple.
Proprietăţile mişcării oscilatorii armonice.
Defazaje, reprezentarea fazorială, conservarea energiei. Pendulul gravitaţional.
Compunerea oscilaţiilor perpendiculare.
Discuţia fenomenului de bătăi. Compunerea a două oscilaţii perpendiculare.
Principiul Huygens. Reflexia undelor.
Principiul Huygens - propagarea frontului de undă. Reflexia undelor mecanice.
Interferenţa undelor.
Interferenţa undelor mecanice. Unde staţionare. Formarea ventrelor si nodurilor.
Interferenţa prin reflexie.
Interferenţa prin reflexie. Unde mecanice staţionare în corzi şi tuburi.
Structura substanţei.
Structura substanţei. Ipoteza atomică. Numarul lui Avogadro. Molul.
Noţiuni de termodinamică.
Sistem termodinamic. Stări şi parametri de stare. Procese şi parametri de proces. Echilibru termodinamic.
Echilibrul termic. Temperatura.
Echilibrul termic. Temperatura. Scări de temperatura. Termometre.
Procese izobare. Procese izocore.
Procese izobare: legea Gay-Lussac. Procese izocore: legea Charles. Temperatura zero absolut.
Procese izoterme. Ecuaţia generală a gazelor.
Procese izoterme: legea Boyle-Mariotte. Ecuaţia generală a gazelor (Clapeyron-Mendeleev).
Teoria cinetico-moleculara: fundamente.
Principiul echipartiţiei energiei pe grade de libertate. Formula fundamentală a teoriei cinetico-moleculare.
Teoria cinetico-moleculara: aplicaţii.
Deducerea legii Dalton. Extinderea modelului gazului ideal la substanţe reale. Clasificarea stărilor de agregare.
Calorimetrie I.
Lucrul mecanic: definiţie, ecuaţii pentru varii procese. Căldura. Coeficienţi calorici: definţii, tipuri.
Calorimetrie II.
Calorimetrul şi utilizarea lui. Ecuaţia calorimetrică. Energia internă.
Principiul I. Maşina termică.
Principiul I al termodinamicii. Maşina termică. Perpetuum mobile de speţa I şi II. Relaţia Mayer.
Ciclul Carnot.
Ciclul Carnot. Teorema Carnot: randament maxim. Motorul cu reacţie.
Entropia. Principiul II.
Entropia: definiţie, interpretare. Procese reversibile şi ireversibile. Principiul II al termodinamicii.
Transformări de stări de agregare.
Stări de agregare: definiţie, faze, transfromări. Vaporizarea, evaporarea, fierberea. Căldura latentă.
Lichefierea, topirea. Diagrama de fază.
Izotermele Andrews ale gazului real. Lichefierea. Topirea şi solidificarea. Diagramele de fază. Punctul triplu.
Legea Coulomb. Câmpul electric.
Sarcina electrică. Legea Coulomb a interacţiunii electrostatice. Câmpul electric, linii de câmp.
Mărimile câmpului electric. Capacitatea electrică.
Potenţialul electric, tensiunea electrică, lucrul mecanic electric. Energia potenţială electrostatică. Capacitatea electrică.
Condensatorul electric.
Condensatorul electric. Condensatorul plan. Gruparea în serie şi paralel a condensatoarelor.
Tensiunea şi intensitatea.
Mecanismul de generare a curentului electric. Tensiunea electromotoare. Intensitatea curentului electric.
Rezistenţa. Legea Ohm.
Rezistenţa şi rezistivitatea electrica. Supraconductibilitatea. Legea Ohm pentru o porţiune şi pentru întregul circuit.
Legile Kirchhoff.
Reţele electrice. Legile Kirchhoff. Convenţii de semn. Exemplu de aplicare.
Gruparea generatoarelor.
Gruparea în serie şi paralel a generatoarelor. Metoda superpoziţiei de calcul a reţelelor.
Legea Joule. Electroliza.
Energia electrică – legea Joule. Puterea electrică. Randamentul electric. Efectul chimic - electroliza.
Câmpul magnetic. Forţa electromagnetică.
Câmpul magnetic. Produsele scalare şi vectoriale ale vectorilor. Forţa electromagnetică.
Inducţia magnetică. Forţa electrodinamică.
Inducţia magnetică: conductorii rectiliniu şi circular, solenoidul, bobina. Forţa electrodinamică.
Legea Faraday.
Legea Faraday. Tensiunea electromotoare. Autoinducţia. Inductanţa: definiţie, solenoidul.
Generarea tensiunii alternative.
Energia câmpului magnetic. Exemplu: bobina. Generarea tensiunii electrice alternative. Aplicaţii.
Mărimile curentului alternativ.
Valorile momentane şi valorile efective ale mărimilor curentului alternativ: fluxul, tensiunea, intensitatea.
Reprezentarea fazoriala.
Reprezentarea fazorială a curentului alternativ. Reprezentarea fazorială polară a curentului alternativ.
Elemente de circuit: R, L, C.
Elemente de circuit în curent alternativ: rezistorul, bobina, condensatorul.
Circuitele RLC serie şi paralel.
Legea Ohm pentru circuite RLC serie şi paralel. Impedanţa. Construcţia diagramelor fazoriale.
Rezonanţa circuitelor RLC.
Frecvenţa de rezonanţă. Factorul de calitate. Comportarea circuitelor serie şi paralel. Interpretarea energetică.
Gruparea bobinelor. Circuit RLC mixt.
Gruparea serie şi paralel a bobinelor în curent alternativ. Rezonanţa circuitului RLC mixt.
Transformatorul. Alternatorul.
Transformatorul: raportul de transformare, randamentul. Maşini de curent alternativ. Alternatorul.
Oscilaţii electromagnetice.
Circuitul oscilant RLC. Oscilaţii electromagnetice libere, amortizate, forţate. Interpretarea energetică.
Oscilaţii electromagnetice şi oscilaţii mecanice.
O comparatie exhaustivă între oscilaţiile electromagnetice şi oscilaţiile mecanice.
Circuitul oscilant deschis. Antene.
Circuitul oscilant deschis. Antene dipol de emisie şi recepţie. Clasificarea undelor electromagnetice.
Operaţii cu mulţimi
Operaţii cu mulţimi. Reuniunea mulțimilor. Intersecţia mulțimilor. Diferenţa mulțimilor.
Determinism predictibil. Spaţiul fazelor.
Determinismul predictibil al sistemelor clasice. Spaţiul fazelor. Atractori. Sensibilitatea la condiţiile iniţiale.
Transformările Galilei. Relativitatea clasică.
Spaţiul şi timpul în fizica clasică. Transformările Galilei. Principiul relativităţii clasice. Electromagnetismul - o excepţie.
Experimentul Michelson.
Modelul eterului universal pentru unde electromagnetice. Experimentul Michelson: eşecul modelului eteric şi constanţa vitezei luminii în vid.
Principiile Einstein. Transformările Lorentz.
Principiile Einstein ale relativităţii restrânse. Spaţiu-timpul în fizica relativistă. Transformările Lorentz. Relativitatea simultaneităţii.
Cinematica relativistă.
Sistemul de referinţă propriu. Contracţia lungimilor. Dilatarea duratelor.
Efectul fotoelectric extern.
Dispozitiv experimental. Legile efectului fotoelectric extern. Eşecul modelului ondulatoriu de a explica efectul.
Efectul Compton.
Dispozitivul experimental. Calculul variaţiei lungimii de undă. Eşecul modelului ondulatoriu şi succesul modelului corpuscular.
Ipoteza de Broglie. Difracţia electronilor.
Dualismul unda-corpuscul: ipoteza de Broglie. Relaţia de Broglie. Difracţia electronilor: legea Bragg.
Microscopul electronic.
Microscopul electronic: rezoluţia spaţială, funcţionare. Discuţie despre dualismul unda-corpuscul.
Relaţia de incertitudine Heisenberg.
Relatia de incertitudine Heisenberg pentru poziţie-impuls şi pentru timp-energie. Consecinţe. Exemple.
Spectre atomice.
Spectre atomice de emisie şi absorbţie: definiţii, proprietăţi. Legea seriilor spectrale ale hidrogenului. Analiza spectrală.
Experimentul Rutherford.
Dispozitiv experimental, rezultate, concluzii. Modelul planetar al atomului.
Experimentul Franck-Hertz.
Dispozitiv experimental, rezultate, concluzii. Cuantificarea energiei atomice.
Postulatele Bohr.
Postulatele Bohr ca şi consecinţe ale experimentelor Rutherford şi Franck-Hertz.
Modelul atomic Bohr I.
Modelul atomic Bohr: condiţia de cuantificare, condiţia de echilibru. Cuantificarea razelor orbitelor.
Nivelele energetice ale atomului de hidrogen.
Nivelele energetice Bohr ale atomului de hidrogen. Tranziţiile atomului de hidrogen. Energia de ionizare.
Interpretarea spectrelor hidrogenului.
Interpretarea legii seriilor spectrale ale atomului de hidrogen prin modelul Bohr. Calculul constantei Rydberg.
Modelul păturilor electronice.
Modelul păturilor electronice pentru atomi cu mai mulţi electroni (Z>1). Numerele cuantice (n,l,m,mS).
Aplicaţii: radiaţiile X.
Radiaţiile X de frânare şi caracteristice: producere şi proprietăţi. Interacţiunea cu substanţa. Aplicaţii.
Aplicaţii: laseri.
LASERi: emisia stimulată, inversia de populaţie. Tehnologii de construcţie, proprietăţi, aplicaţii.
Structura învelișului electronic
Electroni. Înveliş electronic - straturi electronice, substraturi electronice, orbitali. Spin electronic.
Configurația electronică a elementelor din primele 3 perioade (Z 1-18)
Straturi electronice, substraturi electronice, orbitali. Spin electronic. Configurația electronică. Reguli de ocupare cu electroni a straturilor şi substraturilor. Principiul lui Pauli. Regula lui Hund.
Semiconductori intrinseci şi extrinseci.
Legături covalente. Semiconductori intrinseci. Semiconductori extrinseci P şi N - doparea cu impurităţi.
Configurația electronică a elementelor din perioada a 4-a
Straturi electronice, substraturi electronice, orbitali, spin electronic. Configurația electronică a elementelor din perioada a patra. Diferenţa dintre configuraţia electronică şi ordinea de ocupare cu electroni. Principiul lui Pauli. Regula lui Hund.
Tabelul periodic – grupe şi perioade
Tabelul periodic. Grupe, perioade. Legea periodicității. Grupe principale, Grupe secundare. Electron distinctiv. Metale alcaline. Metale alcalino-pământoase. Halogeni.
Poziţia elementelor în tabelul periodic şi proprietăţile periodice
Tabelul periodic. Poziţia elementelor în tabelul periodic. Proprietăţile periodice. Raza atomică, volumul atomic. Ion, cation, anion.
Dioda semiconductoare.
Dioda semiconductoare. Joncţiunea PN. Polarizarea directă şi inversă a diodei. Străpungerea joncţiunii.
Aplicaţii ale diodei. Tranzistorul.
Aplicaţii ale diodei: dioda varicap, redresarea curentului alternativ. Tranzistorul cu efect de câmp.
Variaţia energiei de ionizare
Ion, cation, anion. Proprietăți periodice. Energie de ionizare - definiție, variație în tabelul periodic.
Energia de legătură. Stabilitatea nucleară.
Energia de legătură. Energia de legătură pe nucleon. Platoul de stabilitate. Procese de creştere a stabilităţii.
Variaţia proprietăţilor periodice chimice
Proprietățile periodice chimice. Electronegativitate, caracter metalic, caracter nemetalic, valență. Scara electronegativităţii. Elemente electronegative şi elemente electropozitive. Proprietăţile fizice ale metalelor şi nemetalelor. Caracterul bazic şi caracterul acid al oxizilor metalici.
Legi de conservare în reacţii nucleare.
Reacţii nucleare. Legi de conservare. Dezintegrarea nucleară.
Legătura ionică. Compuşii ionici.
Regula octetului. Legături chimice. Cedare şi primire de electroni. Punere în comun de electroni. Compuşi ionici. Ioni pozitivi – cationi. Ioni negativi – anioni. Simboluri Lewis. Substanţe cristaline. Proprietăţile compuşilor ionici.
Radiaţii nucleare. Legea dezintegrării radioactive.
Radiaţii nucleare α, β şi γ. Legea dezintegrării radioactive. Activitatea substanţelor.
Interacţia cu substanţa. Fisiunea nucleară.
Interacţia radiaţiilor α, β şi γ cu substanţa. Dozimetrie. Fisiunea nucleară şi produsele ei.
Legătura covalentă şi compuşii moleculari
Legături covalente. Compuşi moleculari. Legături covalente polare. Molecule polare – molecula de apă şi molecula de acid clorhidirc.
Fisiunea în lanţ. Reactorul nuclear.
Reacţia de fisiune în lanţ. Criticalitatea fisiunii în lanţ. Reactorul nuclear. Bomba nucleară.
Legătura coordinativă. Combinaţiile complexe.
Legătura coordinativă. Coordinare. Combinații complexe. Donor, acceptor, ion central, ligand. Număr de coordinare.
Forţe intermoleculare. Legături de hidrogen.
Forțe intramoleculare şi forțe intermoleculare. Legătura de hidrogen, forțe dipol-dipol, forțe de dispersie London, forțe van der Waals. Proprietățile influențate de forțele intermoleculare: punct de fierbere, punct de topire, stare de agregare.
Proprietăţile apei
Molecula de apă. Proprietățile apei. Legături de hidrogen. Dipoli. Gheța. Solubilitate, punct de topire, punct de fierbere.
Forţele dipol-dipol şi forţele de dispersie London
Forțe intermoleculare. Legătura de hidrogen, forțe dipol-dipol, forțe de dispersie London, forțe van der Waals. Punct de fierbere, punct de topire, stare de agregare, electronegativitate.
Fuziunea nucleară. TOKAMAK-ul.
Fuziunea nucleară. Reactorul TOKAMAK. Efectul de stricţiune al plasmei.
Valenţa şi numărul de oxidare
Valența, covalența, electrovalența, numărul de oxidare. Electronii de valenţă. Reguli pentru determinarea numerelor de oxidare. Determinarea numerelor de oxidare în funcţie de electronegativitate. Valenţa şi poziţia în tabelul periodic.
Acceleratoare circulare de particule.
Acceleratoare circulare: ciclotronul şi sincrotronul. Radiaţia sincrotronică. Aplicaţii.
Starea gazoasă. Legea gazelor ideale.
Gaze reale. Modelul gazului ideal. Legea gazelor ideale. Parametrii de stare ai gazelor. Valori numerice ale lui R (constanta molară a gazelor ideale). Variaţia parametrilor gazelor ideale. Condensarea.
Legea generală a gazelor
Legea gazelor ideale. Legea lui Avogadro. Parametrii de stare ai gazelor. Ecuaţia lui van der Waals. Aplicaţie.
Modelul standard. Particule elementare.
Modelul standard al interacţiunilor cuantice de câmp. Fizica particulelor elementare.
Soluţii. Dizolvarea compuşilor ionici şi moleculari în apă.
Soluţii. Amestecuri omogene şi amestecuri eterogene. Solvent/dizolvant şi solut/dizolvat/solvat. Soluţii lichide, gazoase şi solide. Solubilitate. Factorii care influenţează solubilitatea. Apa – cel mai bun solvent. Dizolvarea. Dizolvarea compuşilor ionici în apă. Dizolvarea substanţelor polare în apă.
Concentraţia soluţiilor. Cristalohidraţi.
Soluţii. Concentraţia. Concentraţia procentuală şi concetraţia molară. Aplicaţie. Cristalohidraţi. Substanţă anhidră, eflorescenţă, higroscopicitate.
Concentraţia procentuală - aplicaţii
Soluții, dizolvare. Concentrație procentuală. Masă dizolvată, masa soluției. Aplicații.
Concentraţia molară - aplicaţii
Calculul concentraţiei molare a unei soluţii. Regula de trei simplă. Molaritate. Aplicaţii.
Echilibre chimice – legea acţiunii maselor
Reacţia directă, reacţia inversă. Procedeul Haber, obţinerea amoniacului. Starea de echilibru chimic. Variaţia în timp a concetraţiilor şi a vitezelor de reacţie. Reacţii reversibile. Legea acţiunii maselor. Constanta de echilibru. Aplicaţii – legea acţiunii maselor.
Echilibre chimice – aplicaţie
Viteza reacţiei directe, viteza reacţiei inverse. Starea de echilibru chimic. Constanta de echilibru. Aplicaţii.
Factorii care influenţează echilibrele chimice
Principiul lui LeChatelier. Influenţa concentraţiei, a presiunii şi a temperaturii asupra echilibrelor chimice. Reacţii endoterme şi reacţii exoterme. Procedeul Haber-Bosch, obţinerea amoniacului la scală industrială. Reacţii reversibile şi reacţii ireversibile.
Acizi şi baze. Teoria protolitică.
Reacţia de neutralizare. Acizi, baze. Protonul. Transferul de protoni. Ion hidroniu. Teoria Brönsted-Lowry sau teoria protolitică. Clasificarea acizilor. Acid conjugat, bază conjugată. Cupluri acid-bază conjugate.
Tăria acizilor şi bazelor – amfoliţi acido-bazici
Acizi tari şi acizi slabi. Ionizarea acizilor tari. Ionizarea acizilor slabi. Constanta de aciditate. Ka. Baze tari şi baze slabe. Ionizarea bazelor tari. Ionizarea bazelor slabe. Constanta de bazicitate, Kb. Caracterul amfoter. Amfoliţi acido-bazici.
pH-ul soluţiilor apoase
pH – definiţie, semnificaţie matematică. Reacţia de autoprotoliză a apei. Soluţie neutră. Produsul ionic al apei, Kw. Soluţii acide, soluţii neutre şi soluţii bazice. pH neutru, pH bazic şi pH acid. Scala de pH.
Reacţii redox. Oxidanţi şi reducători.
Transferul de electroni. Reacţia de oxidare. Reacţia de reducere. Numărul de oxidare. Reguli pentru determinarea numerelor de oxidare. Reacţii redox. Agenţi oxidanţi şi agenţi reducători. Caracter oxidant şi carcter reducător. Seria activităţii metalelor.
Seria activităţii metalelor
Oxidant, reducător. Metale active, metale foarte active şi metale inactive. Atomi metalici, ioni metalici – configuraţia electronică.
Coeficienţii stoechiometrici în ecuaţiile reacţiilor redox
Coeficienţi stoechiometrici. Stabilirea coeficienţilor stoechiometrici prin metoda redox – aplicaţii.
Celule electrochimice
Electrochimie. Celulă electrochimică. Elemente galvanice/voltaice. Conductori metalici şi electroliţi. Electrod, anod, catod. Semicelulă galvanică. Punte de sare. Procesele chimice care au loc la anod şi la catod. Simbolizarea unei celule electrochimice. Pile uscate/baterii. Pila Daniell.
Coroziunea. Prevenirea coroziunii.
Coroziunea. Reacţiile chimice care generează coroziunea. Metode de prevenire a coroziunii. Galvanizarea. Protecţia catodică.
Transformări de fracții ordinare în fracții zecimale 1
Transformarea fracțiilor ordinare în fracții zecimale. Transformarea fracțiilor ordinare ai căror numitori au in descompunerea lor doar puteri cu baza 2 sau 5.
Mulţimi - noţiuni introductive
Noțiuni introductive privind mulțimile. Relația dintre un element și o mulțime (relația de apartenență). Reprezentarea mulțimilor: cu ajutorul diagramelor, prin enumerarea elementelor și prin enunțarea proprietăților caracteristice elementelor. Mulțimi finite. Mulțimi infinite. Mulțimea vidă. Relații între mulțimi. Submulțimi.
Teorema împărţirii cu rest
Împărțirea cu rest a numerelor naturale. Teorema împarțirii cu rest.
Deîmpărţit = cât x împărţitor + rest, restul < împărţitorul (d = c x î + r, r < î)
Sisteme de numerație
Sistemul de numerație zecimal (baza 10). Sistemul de numerație binar (baza 2). Sistemul de numerație hexazecimal (baza 16). Conversia unui număr dintr-un sistem de numerație în altul.
Ordonarea numerelor întregi
Compararea numerelor întregi. Ordonarea numerelor întregi.
Modulul unui număr întreg
Noțiunea de modul. Valoarea absolută a unui număr întreg. Numere întregi opuse.
Înmulţirea şi împărţirea numerelor întregi
Operaţii cu numere întregi. Înmulţirea numerelor întregi. Împărţirea numerelor întregi. Regula semnelor.
Fracţii
Noțiunea de fracție. Identificarea în limbajul cotidian sau în probleme a fracţiilor ordinare.
Legătura dintre numitorul unei fracții ordinare ireductibile și numărul zecimal obținut
Modul în care numitorul unei fracții ordinare ireductibile determină obținerea unei fracții zecimale finite sau periodice
Transformarea fracţiilor ordinare cu numitorul putere a lui 10 în fracţii zecimale
Transformarea fracțiilor ordinare în fracții zecimale. Metode de transformare a fracţiilor ordinare în fracții zecimale.
Operaţii cu numere reale
Adunarea numerelor reale. Scăderea numerelor reale. Înmulţirea numerelor reale. Împărţirea numerelor reale. Ridicarea la putere a numerelor reale. Calcule cu radicali.
Ecuații de gradul întâi cu două necunoscute
Ecuația de gradul I cu două necunoscute. Reprezentarea geometrică a mulțimii soluțiilor unei ecuații de gradul întâi cu două necunoscute.
Rotunjirea şi aproximarea unui număr real
Aproximări, rotunjiri. Aproximarea unui număr real. Rotunjirea unui număr real.
Rapoarte și procente
Raportul a două numere, scara hărții, titlul unui aliaj. Procente, concentrația procentuală
Secțiuni axiale în corpurile care admit axă de simetrie
Exemple de secțiuni axiale în corpurile geometrice care admit axă de simetrie.
Funcţii liniare
Funcție liniară. Trasarea graficului unei funcții liniare. Intersecția dintre graficul unei funcții și axele de coordonate.
Punct, dreaptă, semidreaptă, segment, plan, semiplan
Noţiuni elementare în geometrie. Punct, dreaptă, semidreaptă, segment, plan, semiplan.
Poziţiile relative a două drepte. Drepte coplanare și necoplanare
Poziţiile relative a două drepte în plan. Drepte coplanare: drepte confundate, drepte secante (drepte concurente), drepte paralele. Drepte necoplanare (drepte in plane diferite).
Lungimea unui segment. Segmente congruente
Distanţa dintre două puncte, lungimea unui segment, segmente congruente. Mijlocul unui segment.
Unghiuri adiacente. Bisectoarea unui unghi
Unghiuri adiacente. Bisectoarea unui unghi. Unghiuri congruente.
Unghiuri suplementare. Unghiuri complementare
Unghiuri complementare şi suplementare.
Unghiuri opuse la vârf
Două unghiuri se numesc unghiuri opuse la vârf dacă laturile lor sunt perechi de semidrepte opuse
Unghiuri în jurul unui punct
Suma unghiurilor formate în jurul unui punct este de 360 grade
Triunghiul
Definiţia unui triunghi. Elementele unui triunghi. Noțiunea de perimetru triunghi, semiperimetru. Suma măsurilor unghiurilor unui triunghi. Unghi exterior unui triunghi.
Clasificarea triunghiurilor
Clasificarea triunghiurilor după laturi şi după unghiuri: triunghi oarecare, triunghi isoscel, triunghi echilateral, triunghi ascuţitunghic, triunghi dreptunghic, triunghi obtuzunghic
Congruenţa triunghiurilor
Triunghiuri congruente. Cazurile de congruenţă ale triunghiurilor oarecare
Metoda triunghiurilor congruente - aplicaţii
Pentru a demonstra că două segmente sau unghiuri sunt congruente, căutăm să le încadrăm în două triunghiuri a căror congruenţă poate fi demonstrată. Triunghiuri congruente.
Drepte perpendiculare. Distanţa de la un punct la o dreaptă
Drepte perpendiculare. Distanţa de la un punct la o dreaptă. Două drepte concurente care formează un unghi drept se numesc drepte perpendiculare.
Criteriile de congruenţă ale triunghiurilor dreptunghice
Congruenţa triunghiurilor dreptunghice. Criteriile de congruenţă ale triunghiurilor dreptunghice
Mediatoarea unui segment. Concurenta mediatoarelor laturilor unui triunghi
Linii importante în triunghi: mediatoarea, concurența mediatoarelor. Centrul cercului circumscris triunghiului. Proprietatea punctelor situate pe mediatoarea unui segment. Noțiunea de 'Teoremă directă' și 'Teoremă reciprocă'
Bisectoarea unui unghi. Concurența bisectoarelor unghiurilor unui triunghi
Linii importante în triunghi: bisectoarea, concurența bisectoarelor. Proprietatea punctelor situate pe bisectoarea unui unghi. Centrul cercului înscris în triunghi.
Drepte paralele. Criterii de paralelism
Drepte paralele tăiate de o secantă. Unghiuri alterne interne. Unghiuri alterne externe. Unghiuri corespondente. Unghiuri interne de aceeaşi parte a secantei. Unghiuri externe de aceeaşi parte a secantei. Axioma lui Euclid. Distanța dintre două drepte paralele.
Drepte paralele intersectate de o secantă
Drepte paralele intersectate de o secantă. Unghiuri alterne interne. Unghiuri alterne externe. Unghiuri corespondente. Unghiuri interne de aceeaşi parte a secantei. Unghiuri externe de aceeaşi parte a secantei.
Mediana în triunghi. Concurența medianelor laturilor unui triunghi
Linii importante în triunghi: mediana, concurența medianelor unui triunghi. Centru de greutate al triunghiului. Mediana împarte un triunghi în două triunghiuri echivalente.
Proprietăţile triunghiului isoscel
Proprietăţile triunghiului isoscel. Un triunghi isoscel are două unghiuri congruente. Într-un triunghi isoscel, mediana, înălțimea, bisectoarea și mediatoarea corespunzătoare bazei coincid.
Proprietăţile triunghiului echilateral
Triunghiul echilateral. Un triunghi echilateral are toate unghiurile congruente. Într-un triunghi echilateral, toate liniile importante ce pornesc din același vârf coincid.
Patrulatere convexe
Patrulater convex. Patrulater concav. Suma măsurilor unghiurilor unui patrulater convex este de 360 de grade
Paralelogramul
Patrulaterul convex care are laturile opuse paralele se numește paralelogram. Proprietățile paralelogramului. Modalități de a demonstra că un patrulater este paralelogram.
Dreptunghiul
Paralelogramul care are un unghi drept se numește dreptunghi. Proprietățile dreptunghiului. Modalități de a demonstra că un patrulater este dreptunghi.
Rombul
Paralelogramul care are două laturi consecutive congruente se numește romb. Proprietățile rombului. Modalități de a demonstra că un patrulater este romb.
Pătratul
Un paralelogram care este și dreptunghi și romb se numește pătrat. Proprietățile pătratului. Modalități de a demonstra că un patrulater este pătrat.
Trapezul
Patrulaterul care are două laturi opuse paralele, iar celelalte două neparalele se numește trapez. Definiția unui trapez isoscel. Proprietățile trapezului isoscel. Modalități de a demonstra că un trapez este isoscel.
Teorema paralelelor echidistante
Teorema paralelelor echidistante.
Triunghiuri asemenea
Două triunghiuri se numesc triunghiuri asemenea dacă au toate laturile respectiv proporţionale şi toate unghiurile respectiv congruente
Criterii de asemănare a triunghiurilor
U.U., L.U.L., L.L.L; Raportul ariilor a două triunghiuri asemenea.
Teorema lui Pitagora
Într-un triunghi dreptunghic, suma pătratelor lungimilor catetelor este egală cu pătratul lungimii ipotenuzei.
Cercul- definiție, elemente
Definiția cercului. Elementele unui cerc: rază, diametru, coardă. Centrul cercului. Arc de cerc. Semicerc. Puncte diametral opuse. Definiția unui disc.
Unghi la centru
Unghi cu vârful în centrul cercului. Măsura unui unghi la centru. Măsura unui arc de cerc. Arce congruente.
Coarde şi arce in cerc
Teoreme referitoare la coarde și arce în cerc. Coarde congruente. Arce congruente. Diametru perpendicular pe o coardă.
Unghi înscris în cerc
Unghi cu vârful pe cerc. Măsura unui unghi înscris în cerc. Unghi înscris în semicerc. Triunghi înscris în cerc.
Patrulater înscris în cerc; patrulater inscriptibil
Un patrulater se numește patrulater înscris în cerc dacă vârfurile sale aparțin cercului. În acest caz cercul se numește cerc circumscris patrulaterului. Proprietatea unui patrulater înscris în cerc. Patrulater inscriptibil.
Pozitiile relative ale unei drepte faţă de un cerc
Dreaptă exterioară cercului. Tangenta la cerc. Punct de tangență. Dreaptă secantă față de cerc. Tangenta dintr-un punct exterior la un cerc. Triunghi circumscris unui cerc.
Poziţiile relative a două cercuri
Cercuri tangente interioare. Cercuri tangente exterioare. Cercuri exterioare. Cercuri interioare. Cercuri secante. Cercuri concentrice.
Poligoane regulate (înscrise în cerc). Calculul elementelor în poligoane regulate
Măsura unui unghi al unui poligon regulat cu n laturi. Măsura unghiului la centru al unui poligon cu n laturi. Latura și apotema unui poligon. Suma măsurilor unghiurilor unui poligon convex. Măsura unui unghi al unui poligon regulat. Formula pentru arie poligon regulat, în funcţie de raza cercului circumscris.
Introducere în geometria în spaţiu
Noțiunile de bază ale geometriei în spațiu și relațiile care se stabilesc între ele.
Reprezentarea dreptelor paralele, a unghiurilor și a lungimilor segmentelor
Precizări legate de construcția dreptelor și a unghiurilor în spațiu. "Deformarea" unghiurilor, a dreptelor și a lungimilor segmentelor în spațiu
Reprezentarea triunghiurilor, a patrulaterelor și a cercurilor
Construcția triunghiurilor, a patrulaterelor și a cercurilor în spațiu
Tetraedrul
Descrierea tetraedrului. Elementele unui tetraedru. Desfășurarea tetraedrului.Tetraedru regulat.
Paralelipipedul dreptunghic
Descrierea unui paralelipiped dreptunghic. Elementele unui paralelipiped dreptunghic. Diagonala paralelipipedului. Desfășurarea paralelipipedului.
Teoreme de paralelism
Enunțarea unor teoreme importante de paralelism în spațiu. Modalități de a demonstra că două plane sunt paralele.
Dreaptă perpendiculară pe plan
Modalități de a demonstra că o dreaptă este perpendiculară pe un plan. Definiția unei drepte perpendiculare pe un plan.
Teoreme de perpendicularitate
Enunțarea unor teoreme de perpendicularitate. Cum arătăm că o dreaptă este perpendiculară pe un plan
Secțiuni paralele cu baza în corpuri geometrice
Secțiune în corp geometric. Secțiuni paralele cu baza în prismă. Secțiuni paralele cu baza în corpuri rotunde. Secțiuni paralele cu baza în piramide.
Poziții relative a două drepte în spațiu
Stabilirea pozițiilor relative a două drepte în spațiu. Drepte paralele, drepte concurente, drepte necoplanare.
Unghiuri în spațiu (Unghiuri cu laturile respectiv paralele)
Teorema unghiurilor cu laturile respectiv paralele. Unghiul a două drepte concurente
Unghiuri în spațiu (Unghiul a două drepte în spațiu)
Unghiul format de două drepte paralele, concurente sau necoplanare. Determinarea măsurii unghiului format de două drepte necoplanare.
Poziții relative ale unei drepte față de un plan
Dreaptă inclusă în plan, dreaptă secantă unui plan, dreaptă paralelă cu un plan. Cum demonstrăm că o dreaptă este paralelă cu un plan
Poziții relative a două plane
Plane confundate, plane secante, plane paralele. Cum demonstrăm că două plane sunt confundate sau secante sau paralele
Piramida patrulateră regulată
Descrierea piramidei patrulatere regulate. Elementele unei piramide patrulatere. Înalțimea piramidei. Apotema piramidei. Apotema bazei. Desfășurarea piramidei patrulatere.
Prisma
Descrierea prismei. Elementele unei prisme. Înălțimea prismei. Prisma dreaptă. Prisma oblică. Desfășurarea prismei.
Cubul
Descrierea cubului. Elementele unui cub. Diagonala cubului. Desfășurarea cubului.
Piramida triunghiulară regulată
Descrierea piramidei triunghiulare regulate. Elementele unei piramide triunghiulare. Înalțimea piramidei. Apotema piramidei. Apotema bazei. Desfășurarea piramidei triunghiulare.
Aria triunghiului
Formula pentru arie triunghi. Aria triunghiului oarecare și aria triunghiului dreptunghic.
Alcani – nomenclatură, proprietăţi fizice, aplicaţii practice
Alcani, izoalcani. Metan, etan, propan, butan, izobutan. Izomerie de catenă. Serie omoloagă. Corelaţia dintre structura alcanilor şi proprietăţile fizice (starea de agregare, temperatura de fierbere).
Alcani – proprietăţi chimice
Reacţii care au loc cu scindarea legăturilor C – C. Reacţii care au loc cu scindarea legăturilor C – H. Arderea alcanilor. Reacţia de substituţie – halogenarea alcanilor. Reacţia de dehidrogenare – piroliza, cracarea. Izomerizarea alcanilor. Izomerizarea n-butanului. Cifra octanică a benzinelor. Solubilitatea alcanilor.
Alchene – nomenclatură, proprietăţi fizice, aplicaţii practice
Serie omoloagă. Nomenclatură. Atomi de carbon vinilici şi atomi de carbon alilici. Caracteristicile legăturii duble. Izomerie geometrică (izomeri cis-trans). Izomerie de catenă. Izomerie de funcţiune. Izomerie de poziţie. Proprietăţi fizice
Alchene – proprietăţi chimice
Reacţii specifice hidrocarburilor nesaturate – reacţii de adiţie, de oxidare şi de polimerizare. Hidrogenarea alchenelor, halogenarea alchenelor, adiţia hidracizilor la alchene, adiţia apei la alchene. Oxidare blândă şi oxidare energică. Reacţii comune cu hidrocarburile saturate – reacţii de ardere, reacţii de substituţie. Regula lui Markovnikov. Polimeri vinilici.
Alchine – nomenclatură, proprietăţi fizice
Caracteristicile legăturilor covalente triple. Nomenclatură. Izomerie de constituţie – izomerie de catenă şi izomerie de poziţie. Structura alchinelor. Proprietăţi fizice.
Alchine – proprietăţi chimice
Hidrogenarea acetilenei. Adiţia halogenilor. Adiţia apei. Tautomerizare. Adiţia hidracizilor. Dimerizarea şi trimerizarea acetilenei. Obţinerea vinilacetilenei şi a benzenului. Reacţii de substituţie.
Alcadiene – nomenclatură, proprietăţi fizice şi chimice
Nomenclatură. Clasificarea alcadienelor în funcţie de poziţia legăturilor duble în catenă. Adiţia hidrogenului. Adiţia halogenilor. Adiţia 1,2 şi adiţia 1,4. Reacţia de polimerizare. Reacţia de copolimerizare. Obţinerea butadienei şi a izoprenului.
Arene – nomenclatură, clasificare şi proprietăţi fizice
Hidrocarburi aromatice. Structuri de rezonanţă (structuri limită). Benzenul. Modelul Kékulé. Structura inelului benzenic. Caracter aromatic. Clasificarea arenelor. Nomenclatură. Poziţiile orto-, meta-, şi para-. Proprietăţi fizice.
Arene – proprietăţi chimice (substituţie la nucleul aromatic)
Reacţiile specifice hidrocarburilor aromatice. Reacţii de substituţie la nucleul benzenic. Orientarea reacţiilor de substituţie. Substituenţi de gradul I. Substituenţi de gradul II. Nitrarea toluenului. Reacţia de halogenare a benzenului şi a naftalinei. Reacţia de sulfonare a benzenului şi a naftalinei. Reacţia de alchilare Friedel – Crafts. Reacţia de acilare Friedel – Crafts.
Arene – adiţie la nucleul aromatic, reacţii la catena laterală
Reacţia de hidrogenare a benzenului, a naftalinei şi a antracenului. Reacţii caracteristice catenei laterale – halogenarea şi oxidarea. Poziţia benzilică. Oxidare blândă şi oxidare energică.
Chimia carbonului – chimia organică
Carbonul – “elementul vieţii”. Diferenţa dintre compuşii organici şi compuşii anorganici. Obiectul de studiu al chimiei organice. Elemente organogene. Hidrocarburi. Compuşi organici cu funcţiuni.
Legături covalente în compuşii organici
Tipuri de catene de atomi de carbon. Tipuri de legături covalente în compuşii organici. Orbitali moleculari de legătură. Hibridizare. Orbitali hibrizi. Hibridizare sp3. Hibridizare sp2. Hibridizare sp. Caracteristicile legăturilor covalente. Legătură σ, legătură π, geometrie tetraedrică, geometrie trigonal-planară, geometrie liniară.
Catene de atomi de carbon – clasificarea compuşilor organici
Compuşi organici saturaţi. Compuşi organici nesaturaţi. Atom de carbon primar, secundar, terţiar, cuaternar. Clasificarea compuşilor organici.
Structura compuşilor organici – formule moleculare şi formule structurale
Structură chimică. Analiza elementală. Determinarea formulei procentuale, a formulei brute şi a formulei moleculare (exemple de calcul). Formule structurale: formule de proiecţie, formule de proiecţie restrânse (plane). Izomerie. Izomeri geometrici (izomeri cis-trans).
Reacţii ale compuşilor organici
Clasificarea reacţiilor chimice ale compuşilor organici. Schema generală a unei reacţii. Substrat organic şi reactant. Reacţii de substituţie. Reacţii de adiţie. Reacţii de eliminare. Reacţii de transpoziţie.
Reacţii de halogenare
Halogenarea prin reacţii de substituţie – halogenarea alcanilor, halogenarea în poziţie alilică, halogenarea în poziţie benzilică, halogenarea nucleului aromatic. Halogenarea prin reacţii de adiţie – adiţia halogenilor la alchene, adiţia halogenilor la alchine, adiţia halogenilor la alcadiene, adiţia halogenilor la benzen, adiţia hidracizilor la alchene, adiţia hidracizilor la alchine.
Reacţii de alchilare
Agenţi de alchilare. Alchilarea Friedel-Crafts. Alchilarea arenelor cu alchene. Alchilarea aminelor. Alchilări cu oxid de etenă. Obţinerea oxidului de etenă. Alchilarea aminelor cu oxid de etenă. Alchilarea alcoolilor cu oxid de etenă.
Reacţii de polimerizare
Importanţa reacţiilor de polimerizare. Schema generală a unei reacţii de polimerizare. Proprietăţile polimerilor. Procedee de polimerizare – polimerizare radicalică, reacţia de policondensare. Radicali liberi. Polimerizarea radicalică. Polimeri vinilici. Reacţia de coplimerizare. Copolimeri.
Reacţii de esterificare
Obţinerea esterilor. Derivaţi funcţionali ai acizilor carboxilici. Aplicaţii industriale ale reacţiilor de esterificare. Obţinerea aspirinei. Acidul acetilsalicilic.
Reacţii de hidroliză
Hidroliza compuşilor halogenaţi – hidroliza compuşilor monohalogenaţi, a compuşilor dihalogenaţi geminali şi a compuşilor trihalogenaţi geminali. Hidroliza esterilor în mediu acid. Hidroliza esterilor în mediu bazic. Hidroliza trigliceridelor.
Reacţii de condensare şi policondensare
Reacţii de condensare între compuşii carbonilici – condensarea aldolică şi crotonică. Componentă carbonilică şi componentă metilenică. Reacţii de policondensare. Obţinerea şi proprietăţile fenoplastelor – bachelita şi novolacul.
Izomerie optică – chiralitatea
Clasificarea izomerilor în izomeri de constituţie şi stereoizomeri. Clasificarea stereoizomerilor în izomeri de conformaţie şi izomeri de configuraţie. Clasificarea izomerilor de configuraţie în enantiomeri şi diastereoizomeri. Chiralitate. Obiecte chirale şi obiecte achirale. Atom de carbon asimetric. Centru de chiralitate. Molecule chirale şi molecule achirale. Enantiomeri
Configuraţia enantiomerilor. Formule de perspectivă, formule Fischer
Formule de perspectivă. Formule de proiecţie Fischer. Configuraţia enantiomerilor. Sistemul R, S. Denumirea enantiomerilor reprezentaţi prin formule de perspectivă. Denumirea enantiomerilor reprezentaţi prin formule de proiecţie Fischer.
Alcooli – metanol, etanol, glicerină.
Clasificarea compuşilor organici cu funcţiuni. Alcool. Grupa funcţională hidroxil. Nomenclatură. Clasificarea alcoolilor. Structură. Proprietăţi fizice. Metanol şi etanol – acţiune biologică. Obţinerea etanolului – fermentaţia alcoolică. Glicerina, trinitratul de glicerină. Dinamita şi Premiile Nobel.
Acizi carboxilici. Acidul acetic.
Caracteristicile şi structura grupei funcţionale carboxil. Obţinerea acidului acetic/oţetului de vin – fermentaţia acetică. Proprietăţile fizice şi chimice ale acidului acetic. Reacţia cu metale active, cu oxizi metalici, cu sărurile acidului carbonic şi cu hidroxizii alcalini. Reacţia de esterificare.
Grăsimi
Acizii graşi saturaţi. Acizi graşi nesaturaţi. Trigliceride simple şi mixte. Grăsimi saturate. Grăsimi nesaturate. Grăsimi mononesaturate. Omega 3. Grăsimi trans. Acţiunea grăsimilor asupra organismului uman.
Săpunuri şi detergenţi
Reacţia de saponificare. Agenţi activi de suprafaţă (surfactanţi). Clasificarea şi structura surfactanţilor. Modul de acţiune al săpunurilor şi detergenţilor. Clasificarea detergenţilor.
Alcooli – proprietăţi chimice
Caracteristicile grupei funcţionale hidroxil. Reacţia cu metalele alcaline. Reacţia de deshidratare (eliminarea apei). Reactivitatea alcoolilor în funţie de structură. Deshidratarea intramoleculară şi deshidratarea intermoleculară a alcoolilor. Obţinerea eterilor. Oxidarea alcoolilor – oxidarea blândă şi oxidarea energică. Reacţia de esterificare – esteri organici şi esteri anorganici.
Fenoli
Clasificarea fenolilor. Nomenclatură. Caracteristicile grupei hidroxil fenolice. Proprietăţi fizice. Proprietăţi chimice – reacţii specifice grupei hidroxil şi reacţii specifice nucleului aromatic. Reacţia cu metalele alcaline. Reacţia cu hidroxizii alcalini. Reacţii de substituţie la nucleul aromatic – reacţia de sulfonare şi reacţia de nitrare a fenolului. Aplicaţii practice.
Derivaţi halogenaţi – importanţă, proprietăţi fizice
Aplicaţii practice ale derivaţilor halogenaţi. Clasificare. Nomenclatură. Caracteristicile legăturilor C – halogen. Proprietăţi fizice. Obţinere.
Derivaţi halogenaţi – proprietăţi chimice
Derivaţi halogenaţi cu reactivitate normală, derivaţi halogenaţi cu reactivitate mărită şi derivaţi halogenaţi cu reactivitate scăzută. Reacţii de substituţie – reacţia de hidroliză, reacţia cu cianurile alcaline. Reacţia de dehidrohalogenare (de eliminare a hidracidului). Regula lui Zaiţev.
Amine
Clasificarea şi nomenclatura aminelor. Caracteristicile grupei funcţionale amino. Proprietăţi fizice. Caracterul bazic al aminelor. Amine aromatice. Reacţii de substituţie. Reacţii de alchilare. Obţinerea sărurilor de arendiazoniu. Aplicaţii practice.
Compuşi carbonilici
Grupa funcţională carbonil. Aldehide şi cetone. Nomenclatura aldehidelor. Nomenclatura cetonelor. Proprietăţi fizice. Reacţii de adiţie – adiţia hidrogenului. Reacţii de oxidare. Aplicaţii practice.
Zaharide - Glucoza
Compuşi organici cu acţiune biologică. Compuşi cu mai multe grupe funcţionale. Zaharide – polihidroxialdehide şi polihidroxicetone. Monozaharide. Zaharide de policondensare. Glucoza. Structura zaharidelor. Proiecţii Fischer – notaţii D şi L. Atom de carbon asimetric. Importanţa biologică a glucozei. Aplicaţiile practice ale glucozei.
Zaharide – produşi de policondensare ai monozaharidelor
Zaharoza – carcateristici şi aplicaţii practice. Zahăr rafinat şi zahăr nerafinat. Amidonul. Amiloza şi amilopectina. Surse de amidon. Fotosinteza. Celuloza. Surse de celuloză. Proprietăţi şi aplicaţii practice.
Proteine
Aminoacizi – structură şi nomenclatură. Peptide şi polipeptide. Reacţia de policondensare a aminoacizilor. Legătura peptidică. Clasificarea proteinelor. Funcţii. Proprietăţi fizice. Proteine simple şi proteine conjugate. Grupe prostetice. Denaturarea proteinelor. Factori denaturanţi.
Aria dreptunghiului
Formula pentru arie dreptunghi. Exercițiu cu aria unui dreptunghi.
Aria cercului (discului); Aria sectorului de cerc
Formula de calcul pentru aria cercului. Aria discului. Aria sectorului de cerc. Exemplu de calcul pentru aria cercului.
Enantiomeri - proprietăţi, importanţă. Diastereoizomeri
Interacţiunea enantiomerilor cu lumina polarizată. Activitate optică. Substanţe optic active - izomeri optici, antipozi optici. Polarimetru. Dextrogir, levogir, amestec racemic. Compuşi cu două centre de chiralitate. Diastereoizomeri. Proprietăţi fizice şi chimice ale enantiomerilor. Acţiunea fiziologică a enantiomerilor. (R) - talidomidă, (S) - talidomidă.
Aminoacizi
Proteine, peptide, aminoacizi. Legătură peptidică, rest de aminoacid. Cei 20 de aminoacizi naturali. Structura aminoacizilor. Sistemul D, L. Aminoacizii - seria sterică L. Reacţii stereospecifice. Proprietăţi chimice ale aminoacizilor. Amfion (formă dipolară). Clasificarea aminoacizilor în funcţie de polaritatea radicalului hidrocarbonat. Caracterul amfoter al aminoacizilor. Soluţii tampon.
Proteine - structura primară
Proteine - polimeri ai aminoacizilor. Policondensarea aminoacizilor. Hidroliza proteinelor. Structura proteinelor. Structura primară - secvenţa resturilor de aminoacizi. Corelaţia structură - funcţie. Conformaţie. Legătura peptidică - proprietăţi.
Proteine - structura secundară, terţiară şi cuaternară
Structura secundară - helix α, foi pliate β, structuri secundare nedefinite. Orientarea în spaţiu a proteinelor. Interacţiuni intramoleculare care stabilizează structura secundară. Structura terţiară. Interacţiuni care stabilizează structura terţiară a proteinelor. Protomeri. Structura cuaternară. Clasificarea proteinelor în funcţie de structură. Denaturarea proteinelor.
Zaharide
Fotosintesză, respiraţie. Funcţia zaharidelor în organismele vii. Monozaharide - aldoze, cetoze. D-glucoza, D-fructoza, D-riboza. Formule de proiecţie Fischer. Strucutra ciclică a D-glucozei şi D-ribozei. Adiţie intramoleculară. Semiacetali, semicetali. Anomer α, anomer β, mutarotaţie, centru anomeric. Ciclu piranozic, ciclu furanozic. Formule Haworth. Hidroxil glicozidic. Dizaharide - zaharoză. Polizaharide - amidon, celuloză.
Acizi nucleici - mononucleotide, polinucleotide
Secvenţă de nucleotide. Acid deoxiribonucleic (ADN) şi acid ribonucleic (ARN). Informaţie genetică. Structura acizilor nucleici. Mononucleotide - pentoză, acid fosforic, baze azotate. Baze purinice şi baze pirimidinice. Riboză şi deoxiriboză. Nucleozide. Policondensarea mononucleotidelor.
Mulțimea numerelor întregi. Axa numerelor
Mulțimea numerelor întregi. Numere întregi pozitive și negative. Reprezentarea pe axă a numerelor întregi.
Construcția triunghiurilor
Construcția triunghiurilor când se cunosc măsurile a trei elemente: L.U.L, U.L.U, L.L.L.
Înălțimea în triunghi. Concurența înălțimilor
Linii importante în triunghi: înălțimea, concurența înălțimilor. Ortocentru.
Simetria față de o dreaptă
Simetricul unui punct față de un punct. Simetricul unui punct față de o dreaptă. Axa de simetrie. Simetrica unei figuri față de o axă
Înmulțirea numerelor raționale
Înmulțirea numerelor raționale scrise sub formă de fracție ordinară.
Inecuații cu coeficienți reali
Inecuații de gradul I cu coeficienți reali.
Aria pătratului
Formula pentru arie pătrat. Exercițiu cu aria unui pătrat.
Punct, dreaptă, plan.
Noțiuni primare de geometrie plană. Punct, dreaptă, semidreaptă, segment. Plan, semiplan.
Segmentul. Lungimea unui segment.
Segmentul, lungimea unui segment, segmente congruente.
Patrulatere
Pătrat, dreptunghi, romb, paralelogram, trapez. Prezentare prin descriere și desen.
Cercul
Linii curbe. Cercul. Elmentele unui cerc. Centrul cercului. Raza cercului. Diametrul cercului.
Construcții geometrice. Simetria și translația.
Construcția unui segment congruent cu un segment dat. Construcția perpendicularei dintr-un punct pe o dreaptă. Construcția dreptelor paralele. Simetria și translația.
Corpuri geometrice
Cubul, paralelipipedul dreptunghic, piramida, cilindrul, conul, sfera. Recunoașterea elementelor: muchii, fețe, vârfuri.
Unități de măsură pentru lungimi. Transformări.
Unități de masură pentru lungime. Metrul. Multiplii și submultiplii metrului.
Lungimea cercului. Lungimea unui arc de cerc
Lungimea cercului și lungimea unui arc de cerc.
Noţiuni de termochimie, partea I
Tipuri de energie. Termodinamică – definiţie. Energie potenţială. Energie gravitaţională. Lucru mecanic. Căldură. Energie internă. Variaţia energiei interne într-un sistem termodinamic.
Noţiuni de termochimie, partea II
Reacţii endoterme. Reacţii exoterme. Efecte termice: degajare de căldură, absorbţie de căldură. Căldura de reacţie. Condiţii standard de determinare a căldurii de reacţie.
Entalpia
Energie cinetică. Energie potenţială. Energie internă. Funcţii de stare şi funcţii de proces. Variabile de stare. Mărimi de stare extensive şi intensive. Transfer de energie internă. Entalpia. Semnificaţia relaţiei de definire a entalpiei. Variaţia entalpiei. Calorimetrie.
Legea lui Hess. Entalpia de formare standard.
Termochimie. Variaţia entalpiei în reacţiile endoterme. Variaţia entalpiei în reacţiile exoterme. Legea aditivităţii căldurilor de reacţie – Legea lui Hess. Condiţii standard de reacţie. Entalpia molară de formare standard.
Căldura de combustie
Combustie. Tipuri de combustibili. Entalpia de combustie standard. Ardere completă şi ardere incompletă. Căldura de combustie. Puterea calorică. Condiţii normale pentru măsurarea puterii calorice. Putere calorică inferioară şi putere calorică superioară.
Aplicaţii
Căldura specifică, c. Căldura specifică molară. Exemple de calcul pentru capitolul termochimie.
Viteza de reacţie
Cinetica chimică – definiţie. Viteza medie de reacţie. Variaţia concentraţiei reactanţilor şi a produşilor de reacţie în timp. Exemplu de calcul pentru viteza medie de reacţie. Clasificarea reacţiilor chimice în funcţie de viteza de reacţie. Reacţii rapide. Reacţii cu viteză moderată. Reacţii lente. Măsurarea vitezei de reacţie.
Energia de activare. Teoria complexului activat.
Redistribuirea legăturilor chimice în timpul unei reacţii. Ciocniri eficace. Ciocniri ineficace. Energie de activare. Stare de tranziţie sau complex activat. Energia potenţială a complexului activat. Reprezentarea grafică a energiei de activare pentru o reacţie endotermă şi pentru o reacţie exotermă. Energia de activare a reacţiei directe şi energia de activare a reacţiei inverse. Teoria complexului activat. Condiţia geometrică şi condiţia energetică pentru ciocniri eficace.
Legea vitezei de reacţie
Viteza de reacţie. Variaţia vitezei de reacţie în funcţie de concentraţia reactanţilor şi în funcţie de concentraţia produşilor. Legea vitezei de reacţie. Expresia matematică a vitezei de reacţie. Constanta vitezei de reacţie. Ordine parţiale de reacţie. Ordin total de reacţie. Ordine parţiale de reacţie vs coeficienţi stoechiometrici.
Influenţa suprafeţei de contact şi a temperaturii asupra vitezei de reacţie
Factorii care influenţează viteza de reacţie. Influenţa suprafeţei de contact asupra vitezei de reacţie. Influenţa temperaturii asupra vitezei de reacţie. Dependenţa constantei de viteză de temperatură. Relaţia lui Arrhenius. Semnificaţia matematică a elementelor din relaţia lui Arrhenius. Determinarea energiei de activare. Metoda grafică de determinare a energiei de activare.
Influenţa catalizatorilor asupra vitezei de reacţie
Catalizatori – definiţie şi mod de funcţionare. Reprezentarea grafică a energiei de activare pentru o reacţie necatalizată şi o reacţie catalizată. Etapa determinantă de viteză. Reacţii catalitice. Proprietăţile catalizatorilor - activitatea catalitică, selectivitatea. Promotorii şi otrăvurile. Tipuri de reacţii catalitice –reacţii omogene, eterogene şi enzimatice. Suport catalitic. Inhibitori.
Aplicaţii
Timp de înjumătăţire. Unităţi de măsură pentru constanta de viteză. Exemple de calcul.
Numere naturale scrise în formă arabă și romană
Scrierea unui număr cu cifre arabe sau cifre romane. Reguli de scriere folosind cifrele romane
Înmulțirea numerelor naturale. Factor comun
Definiția factorului comun. Scoaterea factorului comun
Ecuații în mulțimea numerelor naturale
Exprimarea ecuațiilor cu ajutorul balanțelor. Rezolvarea principalelor tipuri de ecuații date în mulțimea numerelor naturale
Logaritmi
Noțiunea de logaritm, exemple de logaritmi. Condițiile de existență a logaritmilor.
Compararea radicalilor
Aducerea radicalilor la același ordin. Compararea radicalilor de ordin n. Exerciții de ordonare a radicalilor de ordin superior.
Ecuații de gradul I
Forma generală e ecuațiilor de gradul I. Modalitatea teoretică de rezolvare a unei ecuații de gradul întâi. Interpretarea geometrică pentru ecuația de gradul I. Ecuații cu parametru real- exerciții.
Sisteme de ecuații omogene
Ecuații omogene. Sisteme omogene, algoritmul de rezolvare.
Funcția de gradul II
Funcția de gradul al doilea: definiția funcției de gradul II. Noțiuni introductive. Probleme care conduc la funcția de gradul doi. Exemple de funcții de gradul doi. Graficul unei funcții de gradul II.
Semnul funcției de gradul II
Semnul funcției de gradul al doilea. Convexitate. Concavitate. Funcție convexă, funcție concavă. Graficul funcției de gradul doi (convex, concav). Poziții relative ale graficului funcției de gradul II.
Operații cu radicali. Raționalizarea numitorului
Operații cu radicali de ordin n. Înmulțirea radicalilor, împarțirea radicalilor, ridicarea la putere. Scoaterea și introducerea factorilor sub radical. Amplificarea și simplificarea radicalilor. Compunerea radicalilor. Raționalizarea numitorului. Perechi de expresii conjugate.
Inecuații de gradul al doilea
Inecuații de gradul II: forma generală, modalități de rezolvare. Exemple de inecuații de gradul doi.
Inecuații de gradul al doilea ce conțin modul
Inecuații de gradul II ce conțin modul. Explicitarea modulului unei inecuații de gradul doi.
Sisteme de inecuații de gradul al doilea
Sisteme formate din inecuații de gradul II și inecuații de gradul I, sau sisteme ce conțin doar inecuații de gradul II.
Rezolvarea ecuațiilor de gradul II în mulțimea numerelor complexe
Ecuații de gradul al doilea cu soluții complexe. Formarea ecuației de gradul doi când se cunosc soluțiile complexe. Descompunerea trinomului de gradul doi în factori liniari.
Numere complexe scrise sub formă algebrică
Forma algebrică a numerelor complexe. Partea reală a unui număr complex. Partea imaginară a unui număr complex. Definirea operațiilor algebrice cu numere complexe. Puterile numărului complex i. Numere complexe conjugate. Determinarea raportului dintre două numere complexe. Modulul unui număr complex. Conjugatul unui număr complex.
Forma trigonometrică a numerelor complexe
Numere complexe exprimate trigonometric. Coordonate polare în plan. Raza polară. Argumentul unui număr complex. Pentru a determina argumentul redus al unui număr complex vom ține cont de cadranul în care se află imaginea geometrică a numărului complex.
Ecuații iraționale
Ecuații iraționale- ecuații ce conțin necunoscuta sub radical; metode de rezolvare a ecuațiilor iraționale
Împărțirea fracțiilor zecimale
Împărțirea unui număr natural la o fracție zecimală finită, împărțirea unei fracții zecimale finite la un număr natural, împărțirea a două fracții zecimale finite
Adunarea și scăderea numerelor reale (2)
Adunarea și scăderea numerelor reale de forma
Sisteme de ecuații- metoda reducerii
Rezolvarea unui sistem de două ecuații cu două necunoscute prin metoda reducerii.
Piramida triunghiulară regulată
Aria piramidei și volumul piramidei. Deducerea formulelor de calcul pentru arie piramidă triunghiulară regulată și volum piramidă triunghiulară regulată. Aria laterală a piramidei triunghiulare regulate. Aria totală a piramidei triunghiulare regulate. Volumul unei piramide triunghiulare regulate.
Cilindrul circular drept
Descrierea cilindrului circular drept. Elementele unui cilindru circular drept. Înălțimea cilindrului. Generatoarea unui cilindru. Secțiunea axială a cilindrului. Desfășurarea unui cilindru circular drept. Aria cilindrului și volumul cilindrului. Deducerea formulelor de calcul pentru arie cilindru circular și volum cilindru circular. Aria laterală a cilindrului circular drept. Aria totală a cilindrului circular drept. Volumul cilindrului circular drept.
Conul circular drept
Descrierea conului circular drept. Elementele unui con circular drept. Înălțimea conului. Generatoarea conului. Secțiunea axială a conului. Desfășurarea unui con circular drept. Aria conului și volumul conului. Deducerea formulelor de calcul pentru arie con circular și volum con circular. Aria laterală a conului circular drept. Aria totală a conului circular drept. Volumul conului circular drept.
Trunchiul de con circular drept
Descrierea trunchiului de con circular drept. Elementele unui trunchi de con circular drept. Înălțimea trunchiului de con. Generatoarea trunchiului de con. Secțiunea axială a trunchiului de con. Desfășurarea unui trunchi de con circular drept. Aria trunchiului de con și volumul trunchiului de con. Deducerea formulelor de calcul pentru arie trunchi de con și volum trunchi de con. Aria laterală a trunchiului de con circular drept. Aria totală a trunchiului de con circular drept. Volumul trunchiului de con circular drept.
Reprezentarea geometrică a numerelor complexe
Imaginea geometrică a unui număr complex. Interpretarea geometrică a modulului unui număr complex. Interpretarea geometrică a sumei și a diferenței a două numere complexe. Interpretarea geometrică a numerelor complexe opuse și a numerelor complexe conjugate.
Determinarea dreptei și a planului
Modalități de a determina o dreaptă și un plan cu ajutorul unor axiome și a unor teoreme
Plane perpendiculare
Plane perpendiculare. Demonstrarea perpendicularității a două plane.
Noțiuni introductive de logică matematică
Noțiuni generale de logică matematică: propoziții, predicate, cuantificatori. Cuantificatorul existențial, cuantificatorul universal.Propoziție existențială, propoziție universală. Valoarea de adevăr a unei propoziții, mulțimea de adevăr a unui predicat. Propoziții adevărate, propoziții false. Principiile logicii matematice. Exerciții de stabilire a valorii de adevăr a unor propoziții.
Operații logice: negația
Negația propozițiilor, negația predicatelor. Complementara unei mulțimi. Negația propozițiilor care conțin cuantificatori. Valoarea de adevăr a negației unei propoziții. Mulțimea de adevăr a negației unui predicat.
Operații logice: conjuncția
Conjuncția propozițiilor, conjuncția predicatelor. Intersecția mulțimilor. Valoarea de adevăr a conjuncției a două propoziții. Mulțimea de adevăr a conjuncției predicatelor.
Operații logice: disjuncția
Disjuncția propozițiilor, disjuncția predicatelor. Reuniunea mulțimilor. Valoarea de adevăr a disjuncției a două propoziții. Mulțimea de adevăr a disjuncției predicatelor.
Operații logice: implicația
Implicația propozițiilor. Ipoteză, concluzie. Implicația predicatelor. Incluziunea mulțimilor. Valoarea de adevăr a implicației.
Formule de calcul propozițional. Legile lui De Morgan
Formulă de calcul propozițional. Formule echivalente. Legile lui De Morgan. Valoarea de adevăr a unei formule propoziționale. Noțiunea de tautologie.
Metoda inducției matematice
Inducție matematică. Etapele principiului inducției matematice (etapa de verificare, etapa de demonstrație). Demonstrația unei propoziții matematice folosind principiul inducției matematice.
Metoda inducției matematice în demonstrarea unor inegalități
Demonstrarea unor inegalități prin inducție matematică.
Șiruri mărginite
Șir mărginit superior, șir mărginit inferior. Mărginirea șirurilor. Definiția șirurilor mărginite, exemple de șiruri mărginite.
Șiruri monotone
Șir crescător, șir descrescător, șir monoton. Definiția șirurilor monotone. Metode prin care se poate studia monotonia șirurilor. Exemple de șiruri monotone.
Progresii geometrice- noțiuni introductive
Noțiunea de progresie geometrică. Proprietățile progresiei geometrice. Exemple de progresii geometrice.
Proprietățile progresiei geometrice
Termenul general al unei progresii geometrice în funcție de primul termen și de rația progresiei. Condiția ca n numere să fie în progresie geometrică. Suma primilor n termeni ai unei progresii geometrice.
Funcții numerice- noțiuni introductive
Noțiunea de funcție numerică, modalități de definire a unei funcții numerice și exemple de funcții. Graficul unei funcții. Reprezentarea grafică a unei funcții numerice.
Semnul funcției de gradul I
Semnul funcției de gradul I. Exerciții de stabilire a semnului funcției de gradul I. Semnul unor expresii algebrice. Rezolvarea unor ecuații cu modul și inecuații cu modul, folosind semnul funcției de gradul I.
Relațiile lui Viete. Natura și semnele rădăcinilor ecuației de gradul II
Legătura dintre rădăcinile reale ale ecuației de gradul al doilea și coeficienții acesteia. Formarea ecuației de gradul al doilea când se cunosc rădăcinile. Natura rădăcinilor și semnele rădăcinilor ecuației de gradul al doilea.
Adunarea vectorilor
Adunarea vectorilor: regula paralelogramului, regula triunghiului, regula poligonului. Proprietățile operației de adunare a vectorilor.
Înmulțirea vectorilor cu scalari
Înmulțirea unui vector cu un scalar. Proprietăți ale înmulțirii vectorilor cu scalari.
Descompunerea unui vector într-un reper cartezian
Noțiunea de versor. Descompunerea unui vector după doi vectori dați. Coordonatele unui vector. Înmulțirea unui vector cu un scalar. Suma vectorilor. Coliniaritatea vectorilor. Vectori egali. Formula de calcul pentru lungimea unui vector exprimat cu ajutorul versorilor. Modulul unui vector. Expresia analitică a unui vector.
Vectori coliniari
Vectori coliniari, condiția de coliniaritate a doi vectori.
Echilibre acido-bazice. Tăria acizilor. Exponentul de aciditate.
Protonul și ionul de hidrogen. Ionul hidroniu și ionul hidroxil. Teoria protolitică Brønsted-Lowry. Cuplu acid-bază conjugată. Echilibru acido-bazic. Constanta de aciditate. Disocierea în apă a acizilor tari. Disocierea în apă a acizilor slabi. Exemple de acizi tari. Exemple de acizi slabi.
Tăria bazelor. Constanta de bazicitate și exponentul de bazicitate.
Disocierea bazelor tari în apă. Disocierea bazelor slabe în apă. Exemple de baze tari și baze slabe. Constanta de bazicitate. Exponentul de bazicitate. Apa - substanță amfoteră (amfolit acido-bazic). Produsul ionic al apei.
pH-ul soluțiilor apoase de acizi
Definiție pH. Produsul ionic al apei. pH și pOH. Calculul concentrației ionilor hidroniu pentru soluțiile de acizi tari și pentru soluțiile de acizi slabi. Calculul pH-ului pentru soluțiile de acizi tari și pentru soluțiile de acizi slabi. Exemplu de calcul pH pentru o soluție de acid tare. Exemplu de calcul pH pentru o soluție de acid slab.
pH-ul soluțiilor apoase de baze
Calculul concentrației ionilor hidroxil din soluțiile de baze tari și din soluțiile de baze slabe. Calculul concentrației ionilor hidroniu din soluțiile de baze tari și din soluțiile de baze slabe. Calculul pH-ului soluțiilor de baze tari și al soluțiilor de baze slabe. Exemplu de calcul pH pentru o soluție de bază tare. Exemplu de calcul pH pentru o soluție de bază slabă (o soluție de amoniac).
Titrări acido-bazice
Reacția de neutralizare. Titrare acido-bazică. Punct de echivalență. Indicatori acido-bazici. Domeniu de viraj. Exemple de indicatori acido-bazici: metiloranj, turnesol, fenolftaleină. Biuretă. Exemplu de calcul: aflarea concentrației unei soluții de acid clorhidric prin titrare acido-bazică cu o soluție de hidroxid de sodiu de concentrație cunoscută.
Hidroliza sărurilor
Sărurile - compuși ionici. Comportamentul anionilor în apă. Comportamentul cationilor în apă. Reacția de hidroliză. Săruri care formează soluții neutre (săruri provenite de la acizi tari și baze tari). Săruri care formează soluții acide (săruri provenite de la acizi tari și baze slabe). Săruri care formează soluții bazice (săruri provenite de la acizi slabi și baze tari). Săruri provenite de la acizi slabi și baze slabe. Hidroliza azotatului de sodiu (NaNO3), hidroliza clorurii de amoniu (NH4Cl), hidroliza sulfurii acide de sodiu (NaHS), hidroliza cianurii de amoniu (NH4CN). Aplicații; calculul pH-ului unei soluții de sare.
Progresii aritmetice- noțiuni introductive
Noțiunea de progresie aritmetică, rația progresiei, proprietățile progresiei aritmetice. Exemple de progresii aritmetice.
Proprietățile progresiei aritmetice
Termenul general al unei progresii aritmetice în funcție de primul termen și de rație. Proprietățile progresiei aritmetice. Condiția ca n numere sa fie în progresie aritmetică. Suma primilor n termeni ai unei progresii aritmetice.
Sisteme de inecuații de gradul I
Rezolvarea unor sisteme de inecuații de gradul întâi.
Teorema lui Menelaus
Condiția de coliniaritate a trei puncte. Teorema lui Menelaus și reciproca.
Teorema lui Ceva
Concurența unor linii într-un triunghi. Teorema lui Ceva. Reciproca teoremei lui Ceva.
Cercul trigonometric
Cerc trigonometric (cerc unitate). Exprimarea unghiurilor uzuale în grade și radiani și scrierea coordonatelor punctelor de pe cerc corespunzătoare.
Operații cu numere complexe scrise sub formă algebrică
Adunarea numerelor complexe. Scăderea numerelor complexe. Modulul unui număr complex. Conjugatul unui număr complex. Înmulțirea numerelor complexe. Raportul a două numere complexe. Egalitatea a două numere complexe.
Funcția cosinus
Funcția cosinus. Proprietăți: semnul funcției cosinus, periodicitate, paritate, monotonie. Graficul funcției cosinus.
Teorema cosinusului
Aplicații ale produsului scalar: teorema cosinusului.
Funcția sinus
Funcția sinus. Proprietăți: semnul funcției sinus, periodicitate, paritate, monotonie. Graficul funcției sinus.
Funcții inversabile
Funcții inverse. Inversa unei funcții. Condiția necesară și suficientă ca o funcție să fie inversabilă.
Ecuații logaritmice
Rezolvarea ecuațiilor logaritmice, diverse tipuri de ecuații logaritmice.
Permutări
Noțiunea de permutare. Numărul permutărilor de grad n. Simbolul n! (n factorial). Exerciții cu permutări.
Mulţimi nemărginite
Marginile unei mulţimi nemărginite. Dreapta reală încheiată. Operaţiile aritmetice în .
Vecinătăţile unui punct pe axa reală
Noţiunea de vecinătate a unui număr real. Punct de acumulare al unei mulţimi, punct izolat.
Şiruri convergente
Limita unui şir, definiţia cu vecinătăţi a limitei unui şir. Şir convergent. Şiruri care au limită. Şir divergent.
Proprietăţile limitei unui şir
Principalele proprietăţi ale şirurilor care au limită.
Criteriul de convergenţă cu epsilon
Criteriul de existenţă a limitei unui şir cu epsilon. Teorema de convergenţă cu epsilon în cazul limitei finite. Criteriul cu epsilon pentru limită infinită.
Operaţii cu şiruri convergente
Operaţii cu şiruri convergente: limita sumei a două şiruri convergente, limita produsului, limita câtului, limita unei puteri.
Criterii de existenţă a limitei unui şir: criteriul majorării
Criteriul majorării pentru şiruri convergente. Criteriul majorării pentru şiruri divergente.
Criterii de existenţă a limitei unui şir: criteriul cleştelui
Trecerea la limită în inegalitaţi. Criteriul cleştelui.
Proprietăţi ale şirurilor convergente la zero
Şiruri convergente la zero, proprietăţi. Operaţii cu şiruri convergente la zero.
Proprietatea lui Weierstrass
Proprietatea lui Weierstrass pentru studiul convergenţei şirurilor. Lema lui Cesaro.
Numărul e
Definiţia numărului real iraţional e. Şirul remarcabil
Limitele unor funcţii elementare
Limita funcţiei raţionale în caz de nedeterminare 0/0.
Funcţie continuă într-un punct
Definiţia unei funcţii continue într-un punct. Punct de continuitate. Puncte de discontinuitate.
Continuitatea laterală
Funcţie continuă la stânga într-un punct, funcţie continuă la dreapta.
Puncte de discontinuitate
Punct de discontinuitate de prima speţă, punct de discontinuitate de a doua speţă.
Continuitatea pe o mulţime
Funcţii continue pe o mulţime.
Operaţii cu funcţii continue
Suma, produsul, câtul a două funcţii continue. Puteri de funcţii continue.
Proprietăţi ale funcţiilor continue pe un interval: proprietatea lui Darboux
Funcţii cu proprietatea lui Darboux. Proprietăţi ale funcţiilor continue pe un interval. Teorema Cauchy-Weierstrass-Bolzano.
Funcţii continue pe un interval: existenţa soluţiilor unei ecuaţii
Proprietăţi ale funcţiilor continue pe un interval: existenţa soluţiilor unei ecuaţii.
Funcţii continue pe un interval: stabilirea semnului
Stabilirea semnului unei funcţii continue pe un interval.
Mărginirea funcţiilor continue pe un interval închis
Proprietăţi de mărginire ale funcţiilor continue pe un interval închis. Teorema lui Weierstrass.
Continuitatea funcţiilor derivabile
Legătura dintre funcţiile continue şi funcţiile derivabile. Condiţia necesară pentru derivabilitatea unei funcţii într-un punct.
Puncte remarcabile ale graficului unei funcţii: puncte de întoarcere
Puncte remarcabile pentru graficul unei funcţii: puncte de întoarcere.
Puncte remarcabile ale graficului unei funcţii: puncte unghiulare
Puncte remarcabile pentru graficul unei funcţii: puncte unghiulare.
Puncte remarcabile ale graficului unei funcţii: puncte de inflexiune
Puncte remarcabile pentru graficul unei funcţii: puncte de inflexiune.
Derivatele unor funcţii elementare
Derivatele unor funcţii elementare: funcţia constantă, funcţia putere, funcţia radical de ordin n, funcţia logaritmică, funcţia exponenţială.
Operaţii cu funcţii derivabile (1)
Operaţii cu funcţii derivabile. Derivata sumei, derivata produsului, derivata câtului a două funcţii.
Operaţii cu funcţii derivabile (3)
Operaţii cu funcţii derivabile. Derivarea funcţiei inverse.
Teorema lui Rolle
Teorema lui Rolle
Teorema lui Lagrange
Teorema lui Lagrange
Consecinţe ale teoremei lui Lagrange
Consecinţe ale teoremei lui Lagrange. Funcţii cu derivata nulă. Funcţii cu derivate egale.
Rolul derivatei a doua în studiul funcţiilor
Rolul derivatei a doua în studiul funcţiilor. Determinarea intervalelor de convexitate şi concavitate. Determinarea punctelor de inflexiune.
Primitive. Integrala nedefinită a unei funcţii
Noţiunea de funcţie primitivă. Primitivele unei funcţii. Integrala nedefinită a unei funcţii.
Existenţa primitivelor
Condiţii ca o funcţie să admită primitive.
Metoda integrării prin părţi
Metode de calcul ale primitivelor: formula de integrare prin părţi.
Integrala definită
Definiţia integrabilităţii unei funcţii pe un interval [a,b]. Noţiunea de funcţie integrabilă Riemann. Integrala definită.
Integrabilitatea funcţiilor continue
Integrabilitatea funcţiilor continue. Condiţii ca o funcţie să fie integrabilă.Teorema lui Lebesgue.
Proprietăţi ale integralei definite
Proprietăţi ale integralei definite: proprietatea de liniaritate, proprietatea de aditivitate la interval, pozitivitatea integralei, monotonia integralei, inegalitatea mediei, modulul integralei.
Metoda integrării prin părţi
Metode de calcul pentru integrale definite, metoda integrării prin părţi.
Integrarea prin schimbare de variabilă (1)
Metode de calcul pentru integrale definite: metoda integrării prin substituţie. Prima metodă de schimbare de variabilă.
Integrarea prin schimbare de variabilă (2)
Metode de calcul pentru integrale definite: metoda integrării prin substituţie. A doua metodă de schimbare de variabilă.
Teorema de medie
Teorema de medie, interpretare geometrică.
Aria unei suprafeţe plane
Aria unui subgrafic. Aria suprafeţelor plane cuprinse între două curbe.
Volumul corpurilor de rotaţie
Volumul corpurilor de rotaţie.
Grupuri
Definiţia grupului. Grup abelian. Exemple de grupuri. Grup finit. Ordinul unui grup.
Subgrupuri
Definiţia noţiunii de subgrup.
Condiţii de paralelism a două drepte din plan
Condiţii de paralelism a două drepte din plan.
Taxa pe valoarea adăugată
Taxa pe valoarea adăugată. TVA.
Evenimente
Evenimente. Operaţii cu evenimente.
Probabilităţi condiţionate
Probabilităţi condiţionate. Probabilitatea evenimentului A condiţionată de evenimentul B.
Evenimente dependente şi independente
Evenimente dependente şi independente.
Variabile aleatoare
Variabile aleatoare: tabelul de distribuţie, media, modulul, dispersia şi amplitudinea unei variabile aleatoare.
Introducere în HTML
HTML este limbajul marcant standard pentru crearea de pagini Web.
HTML reprezintă un început pentru realizarea site-urilor profesionale.
Declarația <! DOCTYPE html> definește acest document ca fiind HTML5.
Elementul <html> este elementul rădăcină al unei pagini HTML.
Elementul <head> conține meta informații despre document.
Elementul <titlu> specifică un titlu pentru document.
Elementul <body> conține conținutul paginii vizibile.
Elementul <h1> definește o rubrică mare.
Elementul <p> definește un alineat.
Elemente HTML
Un element HTML constă, de obicei, dintr-o etichetă de început și o etichetă finală, cu conținutul introdus între ele.
Etichetele folosite sunt: <html> și </html>,<body> și </body> <p> și </p>, <h> și </h>, <br>, <br />.
Atribute HTML
Atributele oferă informații suplimentare despre elementele HTML.
Adresa de legătură este specificată în atributul href.
Numele de fișier al sursei imaginii este specificat în atributul src.
Atributele width și height, care specifică lățimea și înălțimea imaginii.
Atributul alt specifică un text alternativ care trebuie utilizat, dacă nu poate fi afișată o imagine.
Atributul style este utilizat pentru a specifica stilul unui element.
Limbajul este declarat cu atributul lang.
Atributul title este adaugat la elementul <p>.
Titluri HTML
Titlurile (headings) sunt definite cu etichete de la <h1> la <h6>.
Fiecare titlu (heading) HTML are o dimensiune implicită. Cu toate acestea, puteți specifica dimensiunea pentru orice titlu (heading) cu atributul style, folosind proprietatea CSS font-size.
Eticheta <hr> definește o pauză tematică într-o pagină HTML.
Elementul HTML <head> este un container pentru metadate.
Metadatele HTML sunt date despre documentul HTML.
Elementul <head> este plasat între eticheta <html> și eticheta <body>.
Vizualizarea codului sursă HTML se face cu View Page Source.
Inspectarea unui element HTML se face cu Inspect Element.
Paragrafe HTML
Elementul HTML <p> definește un alineat.
Elementul HTML <br> definește o pauză de linie (Line Break).
Folosiți <br> dacă doriți o pauză de linie (o linie nouă) fără a începe un nou paragraf.
Eticheta <br> este o etichetă goală, ceea ce înseamnă că nu are o etichetă finală.
Elementul HTML <pre> definește textul preformatat.
Stiluri HTML
Setarea stilului unui element HTML, se poate face cu atributul style.
Proprietatea CSS background-color definește culoarea de fundal pentru un element
HTML.
Proprietatea CSS color definește culoarea textului pentru un element HTML.
Proprietatea CSS font-family definește fontul care va fi folosit pentru un element HTML.
Proprietatea CSS font-size definește dimensiunea textului pentru un element HTML.
Proprietatea CSS text-align definește alinierea textului orizontal pentru un element HTML.
Elemente de citare și citate în HTML
Elementele de citare folosite în HTML sunt:
<q> definește un citat scurt.
<blockquote> definește o secțiune care este citată dintr-o altă sursă.
<abbr> definește o prescurtare sau un acronim.
<address> definește informațiile de contact (autor / proprietar) ale unui document sau ale unui articol.
<cite> definește titlul unei lucrări.
<bdo> definește înlocuirea bidirecțională.
Culori în HTML
Culorile în codul HTML sunt specificate folosind nume de culori predefinite sau valorile: RGB, HEX, HSL, RGBA, HSLA.
În HTML, o culoare poate fi specificată folosind un nume de culoare.
Puteți seta culoarea de fundal (Background Color) pentru elementele HTML folosind background-color.
Puteți seta culoarea textului folosind color.
Puteți seta culoarea marginilor folosind border.
Saturația poate fi descrisă ca intensitatea unei culori.
Luminozitatea unei culori poate fi descrisă cam cât de multă lumină doriți să dați culorii.
Valorile de culoare RGBA sunt o extensie a valorilor de culoare RGB cu un canal alfa - care specifică opacitatea unei culori.
Valorile de culoare HSLA sunt o extensie a valorilor de culoare HSL cu un canal alfa - care specifică opacitatea unei culori.
Stiluri CSS în HTML
Modelarea HTML cu CSS.
CSS descrie modul în care elementele HTML trebuie să fie afișate pe ecran, pe hârtie sau în alte suporturi. Poate controla aspectul mai multor pagini web simultan.
Utilizați atributul HTML style pentru stilul CSS în linie (inline).
Utilizați elementul HTML <style> pentru a defini stilul CSS intern.
Utilizați elementul HTML <link> pentru a vă referi la un fișier CSS extern.
Utilizați elementul HTML <head> pentru a stoca elementele <style> și <link>.
Utilizați proprietatea CSS color pentru culorile de text.
Utilizați proprietatea CSS font-family pentru fonturile text.
Utilizați proprietatea CSS font-size pentru dimensiunile textului.
Utilizați proprietatea CSS border pentru margini.
Utilizați proprietatea CSS padding pentru spațiu în interiorul border.
Utilizați proprietatea CSS margin pentru spațiu în afara border.
Pentru a defini un stil specific pentru un element special, adăugați un atribut id elementului:
Pentru a defini un stil pentru tipuri speciale de elemente, adăugați un atribut de clasă elementului:
Foile de stil externe (external style sheets ) pot fi trimise cu o adresă URL completă sau cu o cale relativă la pagina web curentă.
Imagini în HTML
Imaginile pot îmbunătăți designul și aspectul unei pagini web.
Utilizați elementul HTML <img> pentru a defini o imagine.
Utilizați atributul HTML src pentru a defini adresa URL a imaginii.
Utilizați atributul HTML alt pentru a defini un text alternativ pentru o imagine, dacă nu poate fi afișat.
Utilizați atributele HTML lățime și înălțime (width and height) pentru a defini dimensiunea imaginii.
Utilizați proprietățile CSS pentru lățime și înălțime (width and height) pentru a defini dimensiunea imaginii (alternativ).
Utilizați proprietatea CSS float pentru a lăsa imaginea să plutească.
Utilizați elementul HTML <map> pentru a defini o imagine-hartă (image-map).
Utilizați elementul HTML <area> pentru a defini zonele în care se poate face click pe imaginea hartă (image-map).
Utilizați atributul usemap al elementului HTML <img> pentru a indica o hartă-imagine(image-map).
Utilizați elementul HTML <picture> pentru a afișa imagini diferite pentru diferite dispozitive.
Imagini hărți în HTML
Cu hărți de imagine (Image Maps), puteți adăuga zone pe care se poate face click pe o imagine.
Eticheta <map> definește o imagine-hartă
Imaginea este introdusă folosind eticheta <img>.Singura diferență față de alte imagini este că trebuie să adăugați un atribut usemap.
Elementul <map> este utilizat pentru a crea o hartă a imaginii și este legat de imagine prin utilizarea atributului nume.
O zonă pe care se poate face click este definită folosind un element <area>.
Element de imagine în HTML
Elementul de imagine ne permite să afișăm imagini diferite pentru diferite dispozitive sau dimensiuni de ecran.
Elementul HTML <picture>.
Elementul <picture> conține o serie de elemente <source>.
Elementul <img> este folosit de browserele care nu acceptă elementul <picture> sau dacă niciuna dintre etichetele <source> nu se potrivește.
Există două scopuri principale pentru elementul <picture>: Lățime de bandă (Bandwidth), Formatați suportul (Format Support).
Tabele HTML
Utilizați elementul HTML <table> pentru a defini un tabel.
Utilizați elementul HTML <tr> pentru a defini un rând de tabel.
Utilizați elementul HTML <td> pentru a defini datele unui tabel.
Utilizați elementul HTML <th> pentru a defini un titlu de tabel.
Utilizați elementul HTML <caption> pentru a defini o legendă de tabel.
Utilizați proprietatea CSS border pentru a defini o bordură.
Utilizați proprietatea CSS border-collapse pentru a restrânge marginile celulelor.
Utilizați proprietatea CSS padding pentru a adăuga umplutură la celule.
Utilizați proprietatea CSS text-align pentru a alinia textul celulelor.
Utilizați proprietatea CSS border-spacing pentru a seta distanța dintre celule.
Utilizați atributul colspan pentru a crea o celulă cu mai multe coloane.
Utilizați atributul linespan pentru a face ca o celulă să aibă mai multe rânduri.
Utilizați atributul id pentru a defini în mod unic o tabelă.
<colgroup> Specifică un grup de una sau mai multe coloane dintr-un tabel pentru formatare.
<col> Specifică proprietățile coloanei pentru fiecare coloană dintr-un element <colgroup>.
<thead> Grupează conținutul antetului într-un tabel.
<tbody> Grupează conținutul corpului într-un tabel.
<tfoot> Grupează conținutul subsolului într-un tabel.
Liste HTML
Elementele din listă pot conține alte elemente HTML
Utilizați elementul HTML <ul> pentru a defini o listă neordonată.
Utilizați proprietatea CSS list-style-type pentru a defini marcajul elementelor de listă.
Utilizați elementul HTML <ol> pentru a defini o listă ordonată.
Utilizați atributul HTML type pentru a defini tipul de numerotare.
Utilizați elementul HTML <li> pentru a defini un element de listă.
Utilizați elementul HTML <dl> pentru a defini o listă de descrieri.
Utilizați elementul HTML <dt> pentru a defini termenul de descriere.
Utilizați elementul HTML <dd> pentru a descrie termenul dintr-o listă de descrieri.
Listele pot fi amplasate în liste.
Elementele din listă pot conține alte elemente HTML.
Utilizați proprietatea CSS float: left sau display:inline pentru a afișa o listă pe orizontală.
Proprietatea CSS list-style-type este utilizată pentru a defini stilul marcajului articolului de listă:
disc - Setează marcajul elementului listei la un buletin (implicit).
circle - Setează marcajul elementului de listă într-un cerc.
square - Setează marcajul elementului de listă într-un pătrat.
none - Elementele din listă nu vor fi marcate.
Elementele HTML Block și Inline
Fiecare element HTML are o valoare de afișare implicită în funcție de tipul de element.Cele două valori afișate sunt: block și inlinie.
Un element la nivel de block (block-level element) pornește întotdeauna pe o linie nouă și ocupă toată lățimea disponibilă (se întinde spre stânga și spre dreapta, cât poate).
Elementul <div> este un element la nivel de block.
Un element inline nu pornește de pe o linie nouă ci ocupă doar lățimea necesară.
Acesta este un element inline <span> din interiorul unui paragraf.
Elementul <div> este adesea folosit ca și container pentru alte elemente HTML.
Elementul <div> nu are atribute necesare, dar stilul (style), clasa (class) și id-ul (id) sunt comune.
Când este utilizat împreună cu CSS, elementul <div> poate fi utilizat pentru a aplica stiluri blocurilor de conținut.
Elementul <span> este adesea folosit ca un container pentru un text.
Elementul <span> nu are atribute necesare, stilul (style), clasa (class) și id-ul (id) sunt comune.
Când este utilizat împreună cu CSS, elementul <span> poate fi utilizat pentru a aplica stiluri blocurilor de conținut.
Atributul HTML id
Atributul id specifică un id unic pentru un element HTML (valoarea trebuie să fie unică în documentul HTML).
Valoarea id poate fi folosită de CSS și JavaScript pentru a efectua anumite sarcini pentru elementul cu valoarea specifică de id.
În CSS, pentru a selecta un element cu un id specific, scrieți un caracter hash (#), urmat de id-ul elementului.
Valoarea id este sensibilă la litere mari și mici.
Atributul id poate fi utilizat pe orice element HTML.
Un element HTML poate avea un singur id unic care aparține acelui element singular, în timp ce un nume de clasă poate fi utilizat de mai multe elemente.
Marcajele (bookmarks) HTML sunt utilizate pentru a permite cititorilor să sară la anumite părți ale unei pagini Web.
Marcajele (bookmarks) pot fi utile dacă pagina dvs. web este foarte lungă.
Utilizarea atributului id în JavaScript.
JavaScript poate accesa un element cu un id specificat folosind metoda getElementById ().
HTML JavaScript
JavaScript face ca paginile HTML să fie mai dinamice și mai interactive.
Eticheta <script> este utilizată pentru a defini un script din partea clientului (client-side script) (JavaScript).
Elementul <script> fie conține instrucțiuni script, fie indică prin atributul src un fișier script extern.
Pentru a selecta un element HTML, JavaScript utilizează cel mai adesea metoda document.getElementById ().
JavaScript poate schimba conținutul HTML.
JavaScript poate schimba stilurile HTML.
JavaScript poate schimba atributele HTML.
Eticheta <noscript> este utilizată pentru a furniza un conținut alternativ pentru utilizatorii care au scripturi dezactivate în browserul lor sau au un browser care nu acceptă scripturile din partea clientului.
Căi de fișiere în HTML
O cale de fișier descrie locația unui fișier în structura folderului unui site web.
Căile de fișiere sunt utilizate la conectarea la fișiere externe, cum ar fi: Pagini web, Imagini, Foi de stil, JavaScripts.
O cale absolută a fișierului este adresa URL completă a unui fișier internet.
O cale de fișier relativă indică un fișier relativ la pagina curentă.
Elementul HTML head
Elementul <head> este un container pentru metadate (date despre date) și este plasat între eticheta <html> și eticheta <body>.
<head> Definește informații despre document.
<titlu> Defineste titlul unui document.
<base> Definește o adresă implicită sau o țintă implicită pentru toate linkurile dintr-o pagină.
<link> Definește relația dintre un document și o resursă externă.
<meta> Definește metadatele despre un document HTML.
<script> Definește un script din partea clientului.
<style> Definește informațiile despre stil pentru un document.
HTML5 a introdus o metodă pentru a permite proiectanților web să preia controlul asupra viewport-ului, prin eticheta <meta>.
Viewport este zona vizibilă a utilizatorului unei pagini web. Aceasta variază în funcție de dispozitiv și va fi mai mică pe un telefon mobil decât pe ecranul computerului.
Ar trebui să includeți următorul element viewport <meta> în toate paginile web.
Partea width=device-width stabilește lățimea paginii pentru a urma lățimea ecranului dispozitivului (care va varia în funcție de dispozitiv).
Partea initial-scale=1.0 setează nivelul inițial de zoom când prima pagină este încărcată de browser.
Elemente HTML Layout
Site-urile web deseori afișează conținut în mai multe coloane (cum ar fi o revistă sau un ziar).
<header> - definește un antet pentru un document sau o secțiune
<nav> - definește un container pentru link-uri de navigație
<section> - definește o secțiune dintr-un document
<article> - definește un articol independent de sine stătător
<aside> - definește conținutul în afară de conținut (precum o bară laterală)
<footer> - definește un subsol pentru un document sau o secțiune
<detalii> - definește detalii suplimentare
<summary> - definește un titlu pentru elementul <details>
Tehnici Layout HTML. Există cinci moduri diferite de a crea multicolumn layouts: HTML tables (not recommended), CSS float property, CSS flexbox, CSS framework, CSS grid.
Elementul <table> nu a fost proiectat pentru a fi un instrument de aspect! Scopul elementului <tabel> este afișarea datelor tabulare.
Dacă doriți să vă creați rapid un layout, puteți utiliza un framework cum ar fi Bootstrap.
Este ceva comun să faceți machete web (web layouts) întregi folosind proprietatea CSS float.
Flexbox reprezintă un nou mod de dispunere în CSS3.
Modulul CSS Grid Layout oferă un sistem de dispunere bazat pe grilă, cu rânduri și coloane, ceea ce facilitează proiectarea paginilor web fără a fi nevoie să folosiți floats și poziționare.
HTML Responsive Web Design
Responsive Web Design vizează utilizarea HTML-ului și CSS-ului pentru redimensionarea, ascunderea, micșorarea sau mărirea unui site web automat, pentru a-l arăta bine pe toate dispozitivele (desktop-uri, tablete și telefoane).
Setarea Viewport. Când creați pagini web responsive, adăugați următorul element <meta> în toate paginile dvs. web.
Imaginile responsive sunt imagini care se dimensionează frumos pentru a se potrivi cu orice dimensiune a browserului.
Utilizarea proprietății lățime (width).
Utilizarea proprietății cu lățimea maximă (max-width).
Elementul HTML <picture> vă permite să definiți imagini diferite pentru dimensiuni diferite ale ferestrei browserului.
Responsive Text Size. Mărimea textului poate fi setată cu o unitate „vw”, ceea ce înseamnă „lățimea vizualizării” (viewport width).
Pe lângă redimensionarea textului și a imaginilor, este de asemenea obișnuit să folosești interogări media în paginile responsive web.
Cu interogări media, puteți defini stiluri complet diferite pentru diferite dimensiuni de browser.
O pagină Responsive Web ar trebui să arate bine pe ecrane desktop mari și pe telefoane mobile mici.
Există multe CSS Frameworks care oferă un Responsive Design.
O modalitate excelentă de a crea un Responsive Design este de a utiliza o responsive style sheet.
Un alt framework popular este Bootstrap, folosește HTML, CSS și jQuery pentru a face pagini web responsive.
Elemente de cod HTML pentru computer
Elementele de cod HTML pentru computer sunt:
<code> Defineste codul de programare.
<kbd> Definește introducerea tastaturii.
<samp> Definește ieșirea computerului.
<var> Definește o variabilă.
<pre>Definește un text preformatat.
Entități HTML
Caracterele rezervate în HTML trebuie înlocuite cu entități de caractere.
Caracterele care nu sunt prezente pe tastatură pot fi, de asemenea, înlocuite de entități.
Simboluri HTML
Multe simboluri matematice, tehnice și simboluri valutare nu sunt prezente pe o tastatură normală.
Pentru a adăuga astfel de simboluri la o pagină HTML, puteți utiliza un nume de entitate HTML.
Simboluri matematice acceptate de HTML: forall, part, exist, empty, nabla, isin, notin, ni, prod, sum.
Câteva litere grecești acceptate de HTML:Alpha, Beta, Gamma, Delta, Epsilon, Zeta.
Câteva entități acceptate de HTML:copy, euro, trade, larr, uarr, rarr, darr, clubs, diams.
Codare HTML (seturi de caractere)
Pentru a afișa corect o pagină HTML, un browser web trebuie să știe ce set de caractere să folosească.
ASCII a fost primul standard de codare a caracterelor (numit și set de caractere).
ISO-8859-1 a fost setul de caractere implicit pentru HTML 4
ANSI (Windows-1252) a fost setul de caractere Windows original.
UTF-8 (Unicode) acoperă aproape toate caracterele și simbolurile din lume.
Setul de caractere implicit pentru HTML5 este UTF-8.
Atributul HTML charset.
Pentru a afișa corect o pagină HTML, un browser web trebuie să cunoască setul de caractere utilizat în pagină.
Acest lucru este specificat în eticheta <meta>.
HTML Uniform Resource Locators (URL)
Un URL este un alt cuvânt pentru o adresă web.
O adresă URL poate fi compusă din cuvinte (lectii-virtuale.ro) sau o adresă IP (Internet Protocol) (192.68.21.51).
Majoritatea oamenilor introduc numele când navighează, deoarece numele sunt mai ușor de reținut decât numerele.
scheme - definește tipul serviciului de internet (cel mai frecvent este http sau https)
prefix - definește un prefix de domeniu (implicit pentru http este www)
domain - definește numele domeniului Internet (cum ar fi lectii-virtuale.ro)
port - definește numărul de port la gazdă (implicit pentru http este 80)
path - definește o cale pe server (Dacă este omis: directorul rădăcină al site-ului)
filename - definește numele unui document sau resursă
Scheme URL comune: HyperText Transfer Protocol (http), Secure HyperText Transfer Protocol (https), File Transfer Protocol (ftp).
Codificare URL.
Adresele URL pot fi trimise doar pe Internet folosind setul de caractere ASCII. Dacă o adresă URL conține caractere în afara setului ASCII, adresa URL trebuie convertită.
Codarea URL transformă caracterele care nu sunt ASCII într-un format care poate fi transmis pe internet.
Codarea URL înlocuiește caracterele care nu sunt ASCII cu un „%” urmat de cifre hexadecimale.
Adresele URL nu pot conține spații. Codarea URL înlocuiește în mod normal un spațiu cu un semn plus (+) sau% 20.
Setul de caractere implicit în HTML5 este UTF-8.
HTML și XHTML
XHTML este HTML scris ca XML.
XHTML înseamnă limbaj de extindere HyperText Markup Language
XHTML este aproape identic cu HTML
XHTML este mai strict decât HTML
XHTML este HTML definit ca o aplicație XML
XHTML este acceptat de toate browserele principale
Formulare HTML
Elementul HTML <form> definește un formular care este utilizat pentru a colecta intrarea utilizatorului.
Elementele de formular sunt diferite tipuri de elemente de intrare, cum ar fi câmpurile de text, casetele de selectare, butoanele radio, butoanele de trimitere și multe altele.
Elementul <input> este cel mai important form element.
Elementul <input> poate fi afișat în mai multe moduri, în funcție de atributul type.
<input type = "text"> Definește un câmp de introducere text dintr-o linie.
<input type = "radio"> Definește un buton radio (pentru selectarea uneia dintre mai multe opțiuni).
<input type = "submit"> Definește un buton de trimitere (pentru trimiterea formularului).
Form-handler este de obicei o pagină de server cu un script pentru procesarea datelor de intrare.
Form-handler este specificat în atributul de acțiune al formularului.
Atributul action definește acțiunea care trebuie executată la trimiterea formularului.
Atributul target specifică dacă rezultatul trimis se va deschide într-o nouă pagină a browser-ului, într-un cadru sau în fereastra curentă.
Valoarea implicită este „_self”, ceea ce înseamnă că formularul va fi transmis în fereastra curentă.
Pentru a face ca rezultatul formularului să fie deschis într-o nouă pagină a browser-ului, folosiți valoarea „_blank”.
Atributul method specifică metoda HTTP (GET sau POST) care trebuie utilizată la trimiterea datelor formularului.
Trimiterea datelor formularului se face cu metoda implicită GET.
Utilizați întotdeauna POST dacă datele din formular conțin informații personale sau sensibile. Metoda POST nu afișează datele formularului trimis în câmpul adresei paginii.
Elementul <fieldset> este utilizat pentru a grupa datele înrudite într-un formular.
Elementul <legend> definește o legendă pentru elementul <fieldset>.
Elemente de formulare HTML
<form> Definește un formular HTML pentru introducerea utilizatorului.
Cel mai important element de formă este elementul <input>.
Elementul <input> poate fi afișat în mai multe moduri, în funcție de atributul type.
Dacă atributul type este omis, câmpul de intrare primește tipul implicit: "text".
Elementul <select> definește o listă derulantă (drop-down list).
Elementul <option> definește o opțiune care poate fi selectată.
Utilizați atributul size pentru a specifica numărul de valori vizibile.
Utilizați atributul multiple pentru a permite utilizatorului să selecteze mai multe valori.
Elementul <textarea> definește un câmp de introducere pe mai multe linii (o zonă de text).
Atributul rows specifică numărul vizibil de linii dintr-o zonă de text.
Atributul cols specifică lățimea vizibilă a unei zone de text.
Elementul <button> definește un buton pe care se poate face click.
Elementul <datalist> specifică o listă de opțiuni predefinite pentru un element <input>.
Utilizatorii vor vedea o listă derulantă (drop-down list) a opțiunilor predefinite pe măsură ce introduc date.
Atributul listei elementului <input>, trebuie să se refere la atributul id al elementului <datalist>.
Elementul <output> reprezintă rezultatul unui calcul (ca unul realizat de un script).
<form> Definește un formular HTML pentru introducerea utilizatorului
<input> Definește un control de intrare
<textarea> Definește un control de intrare multilin (zona text)
<label> Definește o etichetă pentru un element <input>
<fieldset> Grupează elemente conexe într-o formă
<legend> Definește o legendă pentru un element <fieldset>
<select> Definește o listă derulantă
<optgroup> Definește un grup de opțiuni conexe dintr-o listă derulantă
<option> Definește o opțiune dintr-o listă derulantă
<button> Definește un buton pe care se poate face clic
<datalist> Specifică o listă de opțiuni predefinite pentru controale de intrare
<output> Definește rezultatul unui calcul
HTML Tipuri Input
Acest capitol descrie diferitele tipuri de intrare pentru elementul <input>.
Diferite tipuri de intrare pe care le puteți utiliza în HTML:<input type="button">, <input type="checkbox">, <input type="color">,
<input type="date">, <input type="datetime-local">, <input type="email">, <input type="file">, <input type="hidden">
<input type="image">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">
<input type="range">, <input type="reset">, <input type="search">, <input type="submit">, <input type="tel">
<input type="text">, <input type="time">, <input type="url">, <input type="week">.
HTML5 a adăugat mai multe tipuri noi de intrare: color, date, datetime-local, email, month, number, range, search, tel, time, url, week.
Restricții de intrare: checked, disabled, max, maxlength, min, pattern, readonly, required, size, step, value.
<input type = ""> Specifică tipul de intrare de afișat.
HTML Atribute Input
Atributul value specifică valoarea inițială pentru un câmp de intrare.
Atributul readonly specifică faptul că un câmp de intrare este doar citit (nu poate fi modificat).
Atributul disabled specifică faptul că un câmp de intrare este dezactivat.
Atributul size specifică dimensiunea (în caractere) pentru câmpul de intrare.
Atributul maxlength specifică lungimea maximă permisă pentru câmpul de intrare.
Restricțiile de intrare nu sunt ignorate, iar JavaScript oferă multe modalități de a adăuga input-uri ilegale.
HTML5 a adăugat următoarele atribute pentru <input>: autocomplete, autofocus, form, formaction, formenctype, formmethod,
formnovalidate, formtarget, height and width, list, min and max, multiple, pattern (regexp), placeholder, required, step
și următoarele atribute pentru <form>: autocomplete, novalidate.
Atributul formaction este utilizat cu type="submit" și type="image".
Atributul formenctype este utilizat cu type = "submit" și type = "image".
Atributul formmethod poate fi utilizat cu type = "submit" și type = "image".
Atributul step funcționează cu următoarele tipuri de intrare (input types): number, range, date, datetime-local, month, time și week.
Atributul pattern funcționează cu următoarele tipuri de intrare (input types): text, search, url, tel, email, și password.
Utilizați atributul global title pentru a descrie pattern-ul care să ajute utilizatorul.
Atributul placeholder funcționează cu următoarele tipuri de intrare (input types): text, search, url, tel, email, și password.
Atributul required funcționează cu următoarele tipuri de intrare (input types): text, search, url, tel, email, password, date pickers, number, checkbox, radio, și file.
Atributul multiple funcționează cu următoarele tipuri de intrare (input types): e-mail și file.
Atributele min și max funcționează cu următoarele tipuri de intrare (input types): number, range, date, datetime-local, month, time și week.
Atributul list se referă la un element <datalist> care conține opțiuni predefinite pentru un element <input>.
Atributele înălțime și lățime (height și width) specifică înălțimea și lățimea unui element <input type = "image">.
Atributul formnovalidate poate fi utilizat cu type="submit".
Atributul formtarget înlocuiește atributul țintă (target) al elementului <form>.
Atributul formtarget poate fi utilizat cu type = "submit" și type = "image".
Atributul novalidate este un atribut <form>.
Atributul autocomplete funcționează cu <form> și următoarele tipuri <input>:text, search, url, tel, email, password, datepickers, range, și color.
Introducere în HTML5
WHATWG a dorit să dezvolte HTML ca un „standard de viață”. Un nivel de viață este mereu actualizat și îmbunătățit. Se pot adăuga noi funcții, dar funcționalitățile vechi nu pot fi eliminate.
Declarația DOCTYPE pentru HTML5.
Declarația de codare a caracterelor (charset).
Codificarea implicită a caracterelor în HTML5 este UTF-8.
Elementesemantice noi precum: <header>, <footer>, <article> și <section>.
Atribute ale elementelor de formular noi, cum ar fi: number, date, time, calendar, și range.
Elemente grafice noi: <svg> și <canvas>.
Elemente multimedia noi: <audio> și <video>.
Cele mai interesante API-uri noi în HTML5 sunt: HTML Geolocation, HTML Drag and Drop, HTML Local Storage, HTML Application Cache, HTML Web Workers, HTML SSE.
Următoarele elemente HTML4 au fost eliminate în HTML5: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>,
<noframes>, <strike>, <tt>.
Folosiți în schimb: <abbr>, <object>, CSS, <ul>, <s>, <del>.
Suport HTML5
HTML5 este acceptat în toate browserele moderne.
În plus, toate browserele, vechi și noi, gestionează automat elemente nerecunoscute ca elemente inline.
Din această cauză, puteți „învăța” browserele mai vechi să gestioneze elemente HTML „necunoscute”.
Puteți învăța browserele mai vechi să gestioneze corect HTML5.
HTML5 definește opt noi elemente semantice. Toate acestea sunt elemente la nivel de bloc (block-level elements).
Pentru a asigura un comportament corect în browserele mai vechi, puteți seta proprietatea de afișare CSS (CSS display property) pentru aceste elemente HTML pentru a le bloca.
Puteți adăuga, de asemenea, unei pagini HTML, elemente noi folosind un truc de browser.
Declarația JavaScript document.createElement ("myHero") este necesară pentru a crea un element nou în IE 9 și în versiunile anterioare.
Veți avea nevoie de HTML5Shiv pentru a oferi compatibilitate pentru browsere IE mai vechi decât IE 9.
HTML5Shiv este plasat în eticheta <head>.
HTML5Shiv este un fișier javascript la care se face referire într-o etichetă <script>.
Ar trebui să utilizați HTML5Shiv când utilizați noile elemente HTML5 precum: <article>, <section>, <aside>, <nav>, <footer>.
Elemente noi în HTML5
HTML5 oferă elemente noi pentru o structură mai bună a documentelor:
<article> - Definește un articol dintr-un document
<aside> - Definește conținutul în afară de conținutul paginii
<bdi> - Izolează o parte a textului care ar putea fi formatată într-o direcție diferită de celălalt text din afara acestuia
<detalii> - Definește detalii suplimentare pe care utilizatorul le poate vizualiza sau ascunde
<dialog> - Definește o casetă de dialog sau o fereastră
<figcaption> - Definește o legendă pentru un element <figure>
<figure> - Definește conținut autonom
<footer> - Definește un subsol pentru un document sau secțiune
<header> - Definește un antet pentru un document sau secțiune
<principal> - Definește conținutul principal al unui document
<mark> - Definește text marcat / evidențiat
<meter> - Definește o masurare scalara intr-un interval cunoscut (un ecartament)
<nav> - Definește legăturile de navigare
<progress> - Reprezintă progresul unei sarcini
<rp> - Definește ce trebuie afișat în browserele care nu acceptă adnotările ruby
<rt> - Definește o explicație / pronunție a caracterelor (pentru tipografia din Asia de Est)
<ruby> - Definește o adnotare rubin (pentru tipografia din Asia de Est)
<section> - Definește o secțiune dintr-un document
<summary> - Definește un titlu vizibil pentru un element <details>
<time> - Definește o data / ora
<wbr> - Definește o posibila pauza de linie
Elemente noi de formular (New Form Elements):
<datalist> - Specifică o listă de opțiuni predefinite pentru controale de intrare
<output> - Definește rezultatul unui calcul
Tipuri noi de intrare (New Input Types): color,date,datetime,datetime,local,email,month,number,range,search,tel,time,url,week,autocomplete,autofocus,form,formaction,formenctype,formmethod,formnovalidate,formtarget,height and width,list,min and max,multiple,pattern (regexp),placeholder,required,step.
Grafică HTML5:
<canvas> Desenați grafică din mers, prin scripturi (de obicei JavaScript)
<svg> Desenați grafică vectorială scalabilă
Elemente media noi:
<audio> - Definește conținutul sunetului
<embed> - Definește un container pentru o aplicație externă (non-HTML)
<source> - Definește mai multe resurse media pentru elemente media (<video> și <audio>)
<track> - Definește piesele text pentru elementele media (<video> și <audio>)
<video> - Defineste video sau film
Elemente semantice în HTML5
Semantica se referă la studiul sensurilor cuvintelor și frazelor dintr-o limbă.
Elemente semantice = elemente cu semnificație:
<article>, <aside>, <details>, <figcaption>, <figure>, <footer>, <header>, <main>, <mark>, <nav>, <section>, <summary>, <time>.
Exemple de elemente non-semantice: <div> și <span> - Nu spune nimic despre conținutul său.
Exemple de elemente semantice: <form>, <tabel> și <article> - definește clar conținutul său.
<article> Definește un articol
<aside> Definește conținutul în afară de conținutul paginii
<detalii> Definește detalii suplimentare pe care utilizatorul le poate vizualiza sau ascunde
<figcaption> Definește o legendă pentru un element <figure>
<figure> Specifică conținut independent, cum ar fi ilustrații, diagrame, fotografii, listări de coduri etc.
<footer> Definește un subsol pentru un document sau secțiune
<header> Specifică un antet pentru un document sau secțiune
<main> Specifică conținutul principal al unui document
<mark> Definește text marcat / evidențiat
<nav> Definește legăturile de navigare
<section> Definește o secțiune dintr-un document
<summary> Definește un titlu vizibil pentru un element <details>
<time> Definește o data / ora
Migrare în HTML5
Acest capitol se referă în întregime la modul de migrare de la HTML4 la HTML5.
Acest capitol arată cum se poate converti o pagină HTML4 într-o pagină HTML5, fără a distruge nimic din conținutul sau structura originală.
Migrarea de la HTML4 la HTML5:
<div id="header"> - <header>
<div id="menu"> - <nav>
<div id="content"> - <section>
<div class="article"> - <article>
<div id="footer"> - <footer>
Modificați doctype la doctype HTML5.
Modificați informațiile de codificare la codarea HTML5.
Adăugați HTML5Shiv.
Schimbare la elemente semantice HTML5.
CSS-ul existent conține ID-uri și clase pentru stilizarea elementelor.
Înlocuiți cu stiluri CSS egale pentru elemente semantice HTML5.
Schimbați elementele în elemente semantice HTML5.
Există o diferență confuză (lipsa) în standardul HTML5, între <article> <section> și <div>.
În standardul HTML5, elementul <secțiune> este definit ca un bloc de elemente conexe.
Elementul <article> este definit ca un bloc complet, de sine stătător, al elementelor conexe.
Elementul <div> este definit ca un bloc de elemente pentru copii.
<article> în <article>.
<div> în <article>.
<div> în <section> în <article>.
Ghid de stil în HTML5
O utilizare constantă a stilului face mai ușor pentru alții să înțeleagă HTML-ul.
În viitor, programe precum cititorii XML ar putea dori să citească HTML-ul.
Utilizarea unei sintaxe bine formate - „aproape de XHTML” poate fi inteligentă.
Vă recomandăm să folosiți numele elementelor scrise cu litere mici, deoarece:
În HTML5, nu trebuie să închideți toate elementele (de exemplu elementul <p>).
Vă recomandăm să închideți toate elementele HTML.
Închideți elementele HTML goale
În HTML5, este opțional să închideți elementele goale.
HTML5 permite amestecarea literelor mari și a literelor mici în nume de atribute.
Vă recomandăm să folosiți nume de atribute scrise culitere mici.
HTML5 permite ca valorile atributelor să fie scrise fără ghilimele.
Vă recomandăm să puneți între ghilimele valorile atributului.
Adăugați întotdeauna atributul alt la imagini. Acest atribut este important atunci când imaginea din anumite motive nu poate fi afișată. De asemenea, definiți întotdeauna lățimea și înălțimea (width și height) imaginii. Reduce pâlpâirea, deoarece browserul poate rezerva spațiu pentru imagine înainte de încărcare.
HTML5 permite spații în jurul semnelor egale. Dar fără spațiu este mai ușor de citit și grupează entitățile mai bine împreună.
Când utilizați un editor HTML, este incomod să derulați la dreapta și la stânga pentru a citi codul HTML.
Încercați să evitați liniile de cod mai lungi de 80 de caractere.
Nu adăugați linii necompletate fără un motiv.
Pentru lizibilitate, adăugați linii goale pentru a separa blocuri de coduri mari sau logice.
Pentru lizibilitate, adăugați două spații de indentare. Nu folosiți tasta tab.
Nu folosiți linii necompletate și indentate. Nu este necesar să indentizați fiecare elemen
În HTML5, eticheta <html> și eticheta <body> pot fi omise.
Nu vă recomandăm să omiteți etichetele <html> și <body>.
Elementul <html> este rădăcina documentului. Este locul recomandat pentru specificarea limbii paginii.
Omiterea <html> sau <body> poate bloca software-ul DOM și XML.
Omiterea <body> poate produce erori în browserele mai vechi (IE9).
În HTML5, eticheta <head> poate fi omisă.
În mod implicit, browserele vor adăuga toate elementele înainte de <body> la un element implicit <head>.
Puteți reduce complexitatea HTML prin omiterea etichetei <head>
Elementul <title> este necesar în HTML5. Faceți titlul cât mai semnificativ posibil
HTML5 a introdus o metodă pentru a permite proiectanților web să preia controlul asupra viewport-ului, prin eticheta <meta>.
Viewport este zona vizibilă a utilizatorului unei pagini web. Acesta variază în funcție de dispozitiv și va fi mai mic pe un telefon mobil decât pe ecranul computerului.
Lățimea (width) = partea lățimii dispozitivului (width=device-width part) - stabilește lățimea paginii pentru a urma lățimea ecranului dispozitivului (screen-width) (care va varia în funcție de dispozitiv).
Partea inițială = 1,0 setează nivelul de zoom inițial atunci când pagina este încărcată prima dată de browser
Comentariile scurte trebuie scrise pe o singură linie
Comentariile lungi sunt mai ușor de observat dacă sunt indentate în două spații.
Utilizați sintaxa simplă pentru a face legătura cu foile de stil (atributul tip nu este necesar)
Regulile scurte pot fi comprimate
Regulile lungi trebuie scrise pe mai multe rânduri
Puneți suportul de deschidere (opening bracket) pe aceeași linie cu selectorul.
Utilizați un spațiu înainte de suportul de deschidere (opening bracket).
Folosiți două spații de indentare.
Utilizați punct și virgulă după fiecare pereche proprietate-valoare, inclusiv ultima.
Utilizați ghilimele în jurul valorilor numai dacă valoarea conține spații.
Plasați suportul de închidere (opening bracket) pe o linie nouă, fără spații de conducere.
Evitați liniile de peste 80 de caractere.
Se încarcă JavaScript în HTML
Accesarea elementelor HTML cu JavaScript
Utilizați numele de fișiere scrise cu litere mici
Fișierele HTML ar trebui să aibă o extensie .html sau .htm.
Fișierele CSS ar trebui să aibă o extensie .css.
Fișierele JavaScript ar trebui să aibă o extensie .js.
Nu există nicio diferență între extensiile .htm și .html. Ambele vor fi tratate ca HTML de orice browser web sau server web.
Când o adresă URL nu specifică un nume de fișier (cum ar fi https://www.lectii-virtuale.ro/css/), serverul returnează un nume de fișier implicit. Numele de fișiere implicite obișnuite sunt index.html, index.htm, default.html și default.htm.
Dacă serverul dvs. este configurat doar cu "index.html" ca nume de fișier implicit, fișierul dvs. trebuie numit "index.html", nu "index.htm."
Grafică HTML
Pentru a desena grafică pe o pagină web este utilizat elementul HTML <canvas> .
Elementul HTML <canvas> este utilizat pentru a desena grafică, din nou, prin JavaScript.
Elementul <canvas> este doar un container pentru grafică. Pentru a desena grafică trebuie să utilizați JavaScript.
Canvas are mai multe metode pentru a desena căi, cutii, cercuri, text și adăugarea de imagini.
Specificați întotdeauna un atribut id (la care se face referire într-un script) și un atribut lățime și înălțime (width și height) pentru a defini dimensiunea pânzei (canvas). Pentru a adăuga un chenar (border), utilizați atributul stil (style).
HTML SVG
SVG înseamnă grafică vectorială scalabilă.
SVG este utilizat pentru a defini grafica pentru Web.
SVG este o recomandare W3C.
Elementul HTML <svg> este un container pentru grafică SVG.
SVG are mai multe metode pentru desenarea căilor, casetelor, cercurilor, textului și imaginilor grafice.
Diferențele dintre SVG și Canvas
SVG este un limbaj pentru descrierea graficelor 2D în XML.
Canvas desenează grafică 2D, pe fugă (cu un JavaScript).
SVG este bazat pe XML, ceea ce înseamnă că fiecare element este disponibil în DOM SVG. Puteți atașa manipulatoare de evenimente JavaScript (JavaScript event handlers) pentru un element.
În SVG, fiecare formă desenată este amintită ca obiect. Dacă se schimbă atributele unui obiect SVG, browserul poate reda automat forma.
Canvas: Rezoluție dependentă. Fără suport pentru organizatorii de evenimente.Capacități slabe de redare a textului. Puteți salva imaginea rezultată ca .png sau .jpg. Bine potrivit pentru jocuri cu intensitate grafică.
SVG: Rezoluție independentă. Suport pentru operatorii de evenimente. Cel mai potrivit pentru aplicații cu zone de redare mari (Google Maps). Redarea lentă, dacă este complexă (orice lucru care utilizează mult DOM va fi lent). Nu este potrivit pentru aplicații de joc.
HTML Media
Multimedia pe web inseamnă sunet, muzică, videoclipuri, filme și animații.
Exemple: imagini, muzică, sunet, videoclipuri, înregistrări, filme, animații și multe altele.
Paginile web conțin adesea elemente multimedia de diferite tipuri și formate.
Primele browsere web au avut suport doar pentru text, limitat la un singur font într-o singură culoare.
Mai târziu au venit browserele cu suport pentru culori și fonturi și imagini!
Formatele audio, video și animație au fost gestionate diferit de majoritatea browserelor. Diferite formate au fost acceptate, iar unele formate necesită programe auxiliare suplimentare (plug-in-uri) pentru a funcționa.
Sperăm că acest lucru va deveni istorie. Multimedia HTML5 promite un viitor mai ușor pentru multimedia.
Elementele multimedia (cum ar fi audio sau video) sunt stocate în fișiere media.
Cea mai obișnuită modalitate de a descoperi tipul de fișier este de a privi extensia de fișier.
Fișierele multimedia au formate și extensii diferite precum: .swf, .wav, .mp3, .mp4, .mpg, .wmv și .avi.
MP4 este noul și următorul format pentru video pe internet.
MP4 este recomandat de YouTube.
MP4 este acceptat de Flash Players.
MP4 este acceptat de HTML5.
Doar videoclipurile MP4, WebM și Ogg sunt acceptate de standardul HTML5.
MP3 este cel mai nou format pentru muzică înregistrată comprimat. Termenul MP3 a devenit sinonim cu muzica digitală.
Dacă site-ul dvs. web este despre muzică înregistrată, MP3 este alegerea.
Doar MP3, WAV și Ogg audio sunt acceptate de standardul HTML5.
HTML5 Video
Redarea videoclipurilor în HTML
Înainte de HTML5, un videoclip putea fi redat doar într-un browser cu un plug-in (precum flash).
Elementul HTML5 <video> specifică un mod standard de a încorpora un videoclip într-o pagină web.
Pentru a afișa un videoclip în HTML, utilizați elementul <video>.
Atributul de control (controls) adaugă controale video, cum ar fi: redare, pauză și volum.
Este o idee bună să includeți întotdeauna atributele de lățime și înălțime (width și height). Dacă nu sunt setate înălțimea și lățimea (width și height), pagina ar putea clipi în timp ce video-ul se încarcă.
Elementul <source> vă permite să specificați fișiere video alternative din care browserul poate alege. Browserul va folosi primul format recunoscut.
Textul dintre etichetele <video> și </video> va fi afișat numai în browserele care nu acceptă elementul <video>.
Pentru a începe un videoclip automat, utilizați atributul autoplay.
Atributul de redare automată (autoplay) nu funcționează pe dispozitive mobile precum iPad și iPhone.
În HTML5, există 3 formate video acceptate: MP4, WebM și Ogg.
HTML5 definește metodele, proprietățile și evenimentele DOM pentru elementul <video>.
Acest lucru vă permite să încărcați, să redați și să întrerupeți videoclipuri, precum și să setați durata și volumul.
<video> Definește un videoclip sau un film
<source> Definește mai multe resurse media pentru elemente media, cum ar fi <video> și <audio>
<track> Definește piesele text în playerele media
HTML5 Audio
Înainte de HTML5, fișierele audio puteau fi redate doar într-un browser cu un plug-in (cum ar fi flash).
Elementul HTML5 <audio> specifică un mod standard de a încorpora un audio într-o pagină web.
Pentru a reda un fișier audio în HTML, utilizați elementul <audio>:
Atributul de control (controls) adaugă controale audio, cum ar fi redare, pauză și volum.
Elementul <source> vă permite să specificați fișiere audio alternative din care browserul poate alege. Browserul va folosi primul format recunoscut.
Textul dintre etichetele <audio> și </audio> va fi afișat numai în browserele care nu acceptă elementul <audio>.
În HTML5, există 3 formate audio acceptate: MP3, WAV și OGG.
HTML5 definește metodele, proprietățile și evenimentele DOM pentru elementul <audio>.
Acest lucru vă permite să încărcați, să redați și să întrerupeți un fișier audio, precum și să setați durata și volumul.
Există, de asemenea, evenimente DOM care vă pot notifica atunci când un audio începe să se redea, este în pauză etc.
<source> - Definește multiple resurse media pentru elemente media, cum ar fi video și audio.
HTML Plug-ins
Scopul unui plug-in este extinderea funcționalității unui browser web.
Aplicațiile Helper (plug-in-uri) sunt programe de calculator care extind funcționalitatea standard a unui browser web.
Exemple de plug-in-uri cunoscute sunt applet-urile Java.
Plug-in-urile pot fi adăugate la paginile web cu eticheta <object> sau cu eticheta<embed>.
Plug-in-urile pot fi utilizate în mai multe scopuri: afișarea hărților, scanarea virușilor, verificarea codului dvs. bancar etc.
Pentru a afișa videoclipuri și audio: utilizați etichetele <video> și <audio>.
Elementul <object> este acceptat de toate browserele.
Elementul <object> definește un obiect încorporat într-un document HTML.
Este utilizat pentru a încorpora plug-in-uri (cum ar fi applet-uri Java, cititoare PDF, Flash Players) în paginile web.
Elementul <object> poate fi de asemenea utilizat pentru a include HTML în HTML sau imagini.
Elementul <embed> este acceptat în toate browserele principale.
Elementul <embed> definește, de asemenea, un obiect încorporat într-un document HTML.
Navigatoarele web au acceptat elementul <embed> de mai mult timp. Cu toate acestea, nu a făcut parte din specificația HTML înainte de HTML5.
Elementul <embed> nu are o etichetă de închidere. Nu poate conține text alternativ.
Elementul <embed> poate fi folosit și pentru a include HTML în HTML sau imagini.
HTML YouTube
Cel mai simplu mod de a reda videoclipuri în HTML, este să folosiți YouTube.
Conversia videoclipurilor în diferite formate poate fi dificilă și necesită mult timp.
O soluție mai ușoară este să permiteți YouTube-ului să redea videoclipurile din pagina dvs. web.
YouTube va afișa un id (cum ar fi tgbNymZ7vqY), atunci când salvați (sau redați) un videoclip.
Puteți utiliza acest id și faceți referire la videoclipul dvs. în codul HTML.
Pentru a reda videoclipul dvs. pe o pagină web, faceți următoarele:
Încărcați videoclipul pe YouTube Ia o notă de identificare a videoclipului.
Definiți un element <frame> în pagina dvs. web.
Lăsați atributul src să indice URL-ul videoclipului.
Utilizați atributele de lățime și înălțime (width și height) pentru a specifica dimensiunea playerului.
Adăugați alți parametri la adresa URL (vezi mai jos).
Redare automată YouTube (YouTube Autoplay)
Puteți face ca videoclipul dvs. să înceapă să se redea automat atunci când un utilizator vizitează pagina respectivă adăugând un parametru simplu la adresa URL a YouTube.
Fiți atenți când decideți redarea automată a videoclipurilor dvs. Pornirea automată a unui videoclip vă poate enerva vizitatorul și poate ajunge să provoace mai mult rău decât bine.
Listă de redare YouTube (YouTube Playlist)
O listă separată de virgule a videoclipurilor de redat (pe lângă adresa URL originală).
Buclă YouTube (YouTube Loop)
Valoarea 0 (implicit): Videoclipul va fi redat o singură dată.
Valoarea 1: Videoclipul se va bucla (pentru totdeauna).
Controale YouTube (YouTube Controls)
Valoarea 0: Player controls nu se afișează.
Valoarea 1 (implicit): Afișare player controls.
YouTube - Folosim <object> sau <embed>
YouTube <object> și <embed> sunt depășite din ianuarie 2015. Ar trebui să vă migrați videoclipurile pentru a utiliza <iframe>.
HTML APIs
API Geolocalizare HTML este utilizat pentru a localiza poziția unui utilizator.
Localizați Poziția Utilizatorului
API Geolocalizare în HTML este utilizat pentru a obține poziția geografică a unui utilizator.
Deoarece acest lucru poate compromite confidențialitatea, poziția nu este disponibilă decât dacă utilizatorul o aprobă.
Geolocalizarea este cea mai precisă pentru dispozitivele cu GPS, cum ar fi smartphone-ul.
Începând cu Chrome 5.0, API-ul de geolocalizare va funcționa numai pe contexte sigure, cum ar fi HTTPS. Dacă site-ul dvs. este găzduit pe o origine nesigură (cum ar fi HTTP), solicitările pentru a obține locația utilizatorilor nu vor mai funcționa.
Utilizarea geolocalizării în HTML
Metoda getCurrentPosition () este utilizată pentru a returna poziția utilizatorului.
Al doilea parametru al metodei getCurrentPosition () este utilizat pentru a gestiona erorile. Specifică o funcție care trebuie executată dacă nu reușește să obțină locația utilizatorului:
Pentru a afișa rezultatul într-o hartă, aveți nevoie de acces la un serviciu de hartă, cum ar fi Google Maps.
Geolocalizarea este de asemenea foarte utilă pentru informații specifice locației, cum ar fi:
Informații locale actualizate.
Afișare Puncte de interes în apropierea utilizatorului.
Navigare rotativă (GPS).
Metoda getCurrentPosition () returnează un obiect de succes. Proprietățile de latitudine, longitudine și precizie sunt întotdeauna returnate. Celelalte proprietăți sunt returnate dacă sunt disponibile:
coords.latitude - Latitudinea ca număr zecimal (întors întotdeauna)
coords.longitude - Longitudinea ca număr zecimal (întors întotdeauna)
coords.acuratetă - Precizia poziției (întoarsă întotdeauna)
coords.altitude - Altitudinea în metri peste nivelul mării medii (returnat dacă este disponibil)
coords.altitude - Accarity Precizia altitudinii de poziție (returnată dacă este disponibilă)
coords.heading - Titlul ca grade în sensul acelor de ceasornic dinspre nord (returnat dacă este disponibil)
coords.speed - Viteza în metri pe secundă (returnată dacă este disponibilă)
timestamp - Data / ora răspunsului (returnat dacă este disponibil)
Obiect de geolocalizare - Alte metode interesante
watchPosition () - returnează poziția actuală a utilizatorului și continuă să returneze poziția actualizată pe măsură ce utilizatorul se mișcă (precum GPS-ul într-o mașină).
clearWatch () - Oprește metoda watchPosition ().
Stocare Web în HTML5
Stocare web în HTML - mai bine decât cookie-urile.
Cu stocarea web, aplicațiile web pot stoca datele local în browserul utilizatorului.
Stocarea web este mai sigură și cantități mari de date pot fi stocate local, fără a afecta performanța site-ului web.
Spre deosebire de cookie-uri, limita de stocare este mult mai mare (cel puțin 5 MB) și informațiile nu sunt transferate niciodată pe server.
Stocarea web este pe origine (pe domeniu și protocol). Toate paginile, de la o origine, pot stoca și accesa aceleași date.
Obiecte de stocare Web în HTML
Stocarea web în HTML furnizează două obiecte pentru stocarea datelor pe client:
window.localStorage - stochează date fără dată de expirare.
window.sessionStorage - stochează datele pentru o sesiune (datele se pierd la închiderea filei browserului).
Înainte de a utiliza stocarea web, verificați asistența browserului pentru localStorage și sessionStorage.
Obiectul localStorage stochează datele fără data de expirare. Datele nu vor fi șterse atunci când browserul este închis și vor fi disponibile a doua zi, săptămână sau an.
Perechile nume / valoare sunt întotdeauna stocate ca șiruri. Nu uitați să le convertiți în alt format atunci când este nevoie!
Obiectul sessionStorage este egal cu obiectul localStorage, cu excepția faptului că stochează datele pentru o singură sesiune. Datele sunt șterse atunci când utilizatorul închide fila browserului specific.
HTML5 Web Workers
Un lucrător web este un JavaScript care rulează în fundal, fără a afecta performanța paginii.
Când executați scripturi într-o pagină HTML, pagina nu răspunde până la finalizarea scriptului.
Un lucrător web (web worker) este un JavaScript care rulează în fundal, independent de alte scripturi, fără a afecta performanța paginii. Puteți continua să faceți orice doriți: făcând click, selectând lucruri etc., în timp ce lucrătorul web (web worker) rulează în fundal.
Înainte de a crea un lucrător web (web worker), verificați dacă browserul utilizatorului îl acceptă.
Creați un fișier Web Worker.
Creăm lucrătorul nostru web (web worker) într-un JavaScript extern.
Creem un script care contează. Scriptul este stocat în fișierul "demo_workers.js".
Apoi putem trimite și primi mesaje de la lucrătorul web (web worker).
Adăugați un ascultător de eveniment „onmessage” la lucrătorul web (web worker).
Când lucrătorul web (web worker) postează un mesaj, codul din ascultătorul evenimentului este executat. Datele de la lucrătorul web (web worker) sunt stocate în event.data.
Încheiați un lucrător web (web worker).
Când se creează un obiect de lucru web(web worker), acesta va continua să asculte mesajele (chiar și după terminarea scriptului extern) până la încheierea acestuia.
Pentru a încheia un lucrător web (web worker) și a resurselor gratuite pentru browser / computer, utilizați metoda terminare ().
Reutilizați Web Worker.
Dacă setați variabila lucrător (worker) pe nedeterminată, după terminarea acesteia, puteți refolosi codul.
Întrucât lucrătorii web (web workers) se află în fișiere externe, aceștia nu au acces la următoarele obiecte JavaScript:
Obiectul ferestrei.
Obiectul documentului.
Obiectul părinte.
Evenimente trimise de server în HTML5
Evenimentele trimise de server permit unei pagini web să primească actualizări de la un server.
Evenimente trimise de server - mesagerie unidirecțională.
Un eveniment trimis de server este atunci când o pagină web primește automat actualizări de la un server.
Acest lucru era posibil și înainte, dar pagina web ar trebui să întrebe dacă există actualizări disponibile. Cu evenimente trimise de server, actualizările vin automat.
Obiectul EventSource este utilizat pentru a primi notificări de evenimente trimise de server.
Creați un nou obiect EventSource și specificați adresa URL a paginii care trimite actualizările (în acest exemplu "demo_sse.php").
De fiecare dată când se primește o actualizare, apare evenimentul onmessage.
Când are loc un eveniment onmessage, introduceți datele primite în elementul cu id = "result".
Verificați asistența pentru evenimente trimise de server
Aveți nevoie de un server capabil să trimită actualizări de date (cum ar fi PHP sau ASP).
Sintaxa fluxului de evenimente din partea serverului este simplă. Setați antetul „Content-Type” la „text / stream-event”. Acum puteți începe să trimiteți fluxuri de evenimente.
Setați antetul „Content-Type” la „text / stream-event”.
Specificați că pagina nu ar trebui să fie în cache.
Afișați datele care trebuie trimise (începeți întotdeauna cu „date:”).
Curățați datele de ieșire înapoi pe pagina web.
Evenimentul onmessage pentru a primi mesaje.
Alte evenimente:
onopen - Când se deschide o conexiune la server.
onmessage - Când un mesaj este primit.
onerror - Când apare o eroare.
CSS Introducere
CSS este un limbaj care descrie stilul unui document HTML.
CSS descrie modul în care trebuie afișate elementele HTML.
CSS reprezintă Cascading Style Sheets.
CSS descrie modul în care elementele HTML trebuie să fie afișate pe ecran, pe hârtie sau în alte suporturi.
CSS economisește multă muncă. Poate controla aspectul mai multor pagini web simultan.
Fișele de stil externe (external stylesheets) sunt stocate în fișiere CSS.
CSS este utilizat pentru a defini stiluri pentru paginile dvs. web, inclusiv designul, aspectul și variațiile de afișare pentru diferite dispozitive și dimensiuni de ecran.
HTML nu a fost niciodată destinat să conțină etichete pentru formatarea unei pagini web!
HTML a fost creat pentru a descrie conținutul unei pagini web.
Când etichete ca <font> și atribute de culoare au fost adăugate la specificația HTML 3.2, a început un coșmar pentru dezvoltatorii web. Dezvoltarea de site-uri web mari, unde fonturile și informațiile despre culoare erau adăugate la fiecare pagină, a devenit un proces lung și scump.
Pentru a rezolva această problemă, World Wide Web Consortium (W3C) a creat CSS.
Definițiile de stil sunt salvate în mod normal în fișiere .css externe.
Cu un fișier de foi de stil externe (external stylesheet file), puteți schimba aspectul unui întreg site web schimbând doar un singur fișier!
CSS Sintaxă
Un set de reguli CSS constă dintr-un selector și un bloc de declarații.
Selectorul indică elementul HTML pe care doriți să-l creeze în stil.
Blocul de declarație conține una sau mai multe declarații separate prin punct și virgulă.
Fiecare declarație include un nume de proprietate CSS și o valoare, separate de două puncte.
O declarație CSS se încheie întotdeauna cu punct și virgulă, iar blocurile de declarație sunt înconjurate de acolade.
Comentariile sunt utilizate pentru a explica codul și pot fi utile atunci când editați codul sursă la o dată ulterioară.
Comentariile sunt ignorate de browsere.
Un comentariu CSS începe cu / * și se termină cu * /. De asemenea, comentariile pot cuprinde mai multe linii.
Cum să adăugați CSS
Când un browser citește o foaie de stil, acesta va format documentul HTML în conformitate cu informațiile din foaia de stil.
Trei modalități de a insera CSS.
Există trei moduri de inserare a unei foi de stil:
CSS extern
CSS intern
CSS inline
CSS extern
Cu o foaie de stil extern, puteți schimba aspectul unui întreg site web schimbând doar un singur fișier!
Fiecare pagină HTML trebuie să includă o trimitere la fișierul de stil extern din interiorul elementului <link>, în secțiunea head.
Stilurile externe sunt definite în elementul <link>, în secțiunea <head> a unei pagini HTML.
O foaie de stil extern poate fi scrisă în orice editor de text și trebuie salvată cu o extensie .css.
Fișierul .css extern nu trebuie să conțină nicio etichetă HTML.
Nu adăugați un spațiu între valoarea proprietății și unitate (cum ar fi margin-left: 20 px;). Modul corect este: margin-left: 20px;
CSS intern
Poate fi utilizată o foaie de stil internă (internal style sheet) dacă o singură pagină HTML are un stil unic.
Stilul intern este definit în elementul <style>, în interiorul secțiunii head.
CSS inline
Se poate folosi un stil inline pentru a aplica un stil unic pentru un singur element.
Pentru a utiliza stiluri în linie, adăugați atributul stylela elementul relevant. Atributul de stil poate conține orice proprietate CSS.
Stilurile în linie sunt definite în atributul „style ” al elementului relevant.
Fișe de stil multiple (Multiple Style Sheets)
Dacă unele proprietăți au fost definite pentru același selector (element) în foi de stil diferite, se va utiliza valoarea din ultima foaie de stil citită.
Comandă în cascadă
Toate stilurile dintr-o pagină se vor „încadra” într-o nouă foaie de stil „virtuală” după următoarele reguli, unde numărul unu are cea mai mare prioritate:
Stil în linie (în interiorul unui element HTML).
Fișe de stil externe și interne (în secțiunea cap).
Setare implicită a browserului.
Deci, un stil inline are cea mai mare prioritate și va înlocui stilurile externe și interne și valorile implicite ale browserului.
Culori CSS
Culorile sunt specificate folosind nume de culori predefinite sau valori RGB, HEX, HSL, RGBA, HSLA.
Nume de culoare CSS.
În CSS, o culoare poate fi specificată folosind un nume de culoare.
CSS / HTML acceptă 140 de nume standard de culori.
Culoare de fundal CSS (CSS Background Color).
Puteți seta culoarea de fundal pentru elementele HTML.
Culoare text CSS (CSS Text Color).
Puteți seta culoarea textului.
Culoarea marginilor în CSS (CSS Border Color).
Puteți seta culoarea marginilor.
Valori de culoare CSS (CSS Color Values).
În CSS, culorile pot fi de asemenea specificate folosind valori RGB, valori HEX, valori HSL, valori RGBA și valori HSLA.
Valoarea CSS RGB
În CSS, o culoare poate fi specificată ca valoare RGB, folosind această formulă:
rgb (roșu, verde, albastru) / rgb(red, green, blue)
Fiecare parametru (roșu, verde și albastru)/rgb(red, green, blue) definește intensitatea culorii între 0 și 255.
De exemplu, rgb (255, 0, 0) este afișat ca roșu, deoarece roșul este setat la valoarea cea mai mare (255), iar celelalte sunt setate pe 0.
Pentru a afișa culoarea neagră, toți parametrii de culoare trebuie să fie setați la 0, astfel: rgb (0, 0, 0).
Pentru a afișa culoarea albă, toți parametrii de culoare trebuie să fie setați la 255, astfel: rgb (255, 255, 255).
Valoarea CSS HEX
În CSS, o culoare poate fi specificată folosind o valoare hexadecimală sub forma:
#rrggbb
În cazul în care rr (roșu), gg (verde) și bb (albastru) sunt valori hexadecimale între 00 și ff (la fel ca zecimale 0-255).
De exemplu, # ff0000 este afișat ca roșu, deoarece roșul este setat la cea mai mare valoare (ff), iar celelalte sunt setate la cea mai mică valoare (00).
Valoare HSL.
În CSS, o culoare poate fi specificată folosind nuanță, saturație și ușurință (HSL) sub forma:
hsl (nuanță, saturație, ușurință)/ hsl (hue, saturation, lightness).
Hue este un grad pe roata de culoare de la 0 la 360. 0 este roșu, 120 este verde și 240 albastru.
Saturația este o valoare procentuală, 0% înseamnă o nuanță de gri, iar 100% este culoarea completă.
De asemenea, lumina este procentuală, 0% este negru, 50% nu este nici lumină, nici întunecată, 100% alb.
Saturația (saturation).
Saturația poate fi descrisă ca intensitatea unei culori.
100% este de culoare pură, fără nuanțe de gri
50% este 50% gri, dar puteți vedea în continuare culoarea.
0% este complet gri, nu mai puteți vedea culoarea.
Luminozitate (Lightness).
Luminozitatea unei culori poate fi descrisă cât de multă lumină doriți să dați culorii, unde 0% nu înseamnă lumină (negru), 50% înseamnă 50% lumină (nici întuneric, nici lumină) 100% înseamnă lumină completă (alb).
Nuanțele de gri sunt adesea definite prin setarea nuanței și a saturației la 0 și reglați luminozitatea de la 0% la 100% pentru a obține nuanțe mai închise / mai deschise.
Valoarea RGBA.
Valorile de culoare RGBA sunt o extensie a valorilor de culoare RGB cu un canal alfa - care specifică opacitatea unei culori.
O valoare de culoare RGBA este specificată cu:
rgba (roșu, verde, albastru, alfa) / rgba(red, green, blue, alpha)
Parametrul alfa este un număr între 0.0 (complet transparent) și 1.0 (deloc transparent).
Valoarea HSLA.
Valorile de culoare HSLA sunt o extensie a valorilor de culoare HSL cu un canal alfa - care specifică opacitatea unei culori.
O valoare de culoare HSLA este specificată cu:
hsla (nuanță, saturație, luminozitate, alfa) / hsla (hue, saturation, lightness, alpha)
Parametrul alfa este un număr între 0.0 (complet transparent) și 1.0 (deloc transparent).
CSS Fundaluri
Proprietățile de fundal CSS sunt utilizate pentru a defini efectele de fundal pentru elemente.
Proprietăți de fundal CSS: culoare de fundal, imagine de fundal, fundal repetare, background-attachment, background-position.
Culoare de fundal CSS ( CSS background-color).
Proprietatea de culoare de fundal specifică culoarea de fundal a unui element.
Cu CSS, o culoare este cel mai des specificată de: un nume de culoare valid - precum „roșu”, o valoare HEX - ca „# ff0000”, o valoare RGB - ca „rgb (255,0,0)”.
Imagine de fundal CSS (CSS background-image)
Proprietatea de fundal imagine specifică o imagine pe care să o folosească ca fundal al unui element.
În mod implicit, imaginea este repetată, astfel încât acoperă întregul element.
Când utilizați o imagine de fundal, utilizați o imagine care nu perturba textul.
Repetare de fundal CSS (CSS background-repeat)
În mod implicit, proprietatea imaginii de fundal repetă o imagine atât pe orizontală cât și pe verticală.
Unele imagini trebuie repetate doar pe orizontală sau vertical sau vor arăta ciudat, astfel:
Pentru a repeta o imagine pe verticală, setați background-repeat: repeat-y;
Fundal CSS-repetare: nu se repetă (CSS background-repeat: no-repeat)
Afișarea imaginii de fundal o singură dată este, de asemenea, specificată de proprietatea background-repeat.
În exemplul de mai sus, imaginea de fundal este plasată în același loc cu textul. Vrem să schimbăm poziția imaginii, astfel încât să nu deranjeze prea mult textul.
Poziția de fundal CSS (CSS background-position).
Proprietatea poziție fundal este utilizată pentru a specifica poziția imaginii de fundal.
Atasament de fundal CSS (CSS background-attachment).
Proprietatea de atașare de fundal specifică dacă imaginea de fundal trebuie să se deruleze sau să fie fixată (nu va defila cu restul paginii).
Fundal CSS - proprietatea shorthand
Pentru a scurta codul, este de asemenea posibil să specificați toate proprietățile de fundal într-o singură proprietate. Aceasta se numește o proprietate shorthand.
Proprietatea shorthand pentru fundal este fundal.
Când folosiți proprietatea shorthand ordinea valorilor proprietății este:
background-color
background-image
background-repeat
background-attachment
background-position
Nu contează dacă lipsește una din valorile proprietății, atât timp cât celelalte sunt în această ordine.
background - Setează toate proprietățile fundalului într-o singură declarație
background-attachment - Setează dacă o imagine de fundal este fixă sau defilează cu restul paginii
background-clip - Specifică zona de pictură a fundalului
background-color - Setează culoarea de fundal a unui element
background-image - Setează imaginea de fundal pentru un element
background-origin - Specifică unde este / sunt poziționate imaginile de fundal
background-position - Setează poziția de pornire a unei imagini de fundal
background-repeat - Setează modul în care se va repeta o imagine de fundal
background-size - Specifică dimensiunea imaginii de fundal
CSS Borders
Proprietăți CSS Borders.
Proprietățiile CSS Borders vă permit să specificați stilul, lățimea și culoarea chenarului unui element.
CSS Border Style.
Proprietatea CSS Border Style specifică ce fel de chenar trebuie afișat.
Sunt permise următoarele valori:
dotted (punctat) - Definește un chenar (border) punctat.
dashed - Definește o bordură (border) punctată.
solid - Definește o bordură (border) solidă.
double (dublu) - Definește o bordură (border) dublă.
groove - Definește un chenar cu caneluri 3D. Efectul depinde de valoarea culorii bordurii (border-color).
ridge - Definește un chenar (border) ridicat 3D. Efectul depinde de valoarea culorii bordurii (border-color).
inset - Definește un chenar (border) de inserție 3D. Efectul depinde de valoarea culorii bordurii (border-color).
outset - Definește un chenar (border) de declanșare 3D. Efectul depinde de valoarea culorii bordurii (border-color).
none - Nu definește nici o frontieră (border).
hidden (ascuns) - definește un chenar (border) ascuns.
Proprietatea border-style poate avea de la una până la patru valori (pentru top border, right border, bottom border, left border).
Niciuna dintre celelalte proprietăți CSS border descrise mai jos nu va avea NICIUN efect, decât dacă este setată proprietatea border-style!
Lățimea marginilor CSS (CSS Border Width)
Proprietatea border-width specifică lățimea celor patru chenare.
Lățimea poate fi setată ca o dimensiune specifică (în px, pt, cm, em, etc.) sau folosind una dintre cele trei valori predefinite: subțire, medie sau groasă (thin, medium, thick.).
Proprietatea border-width poate avea de la una până la patru valori (pentru marginea superioară, granița dreaptă, limita de jos și marginea din stânga/ top border, right border, bottom border, left border).
CSS Border Color
Proprietatea border-color este utilizată pentru a seta culoarea celor patru chenare.
Culoarea poate fi setată de:
name - Specificați un nume de culoare, cum ar fi „red”.
Hex - Specificați o valoare hexagonală, cum ar fi „# ff0000”.
RGB - Specificați o valoare RGB, cum ar fi „rgb (255,0,0)”.
transparent.
Proprietatea border-color poate avea de la una până la patru valori (pentru marginea de sus, marginea dreaptă, limita de jos și marginea din stânga/top border, right border, bottom border, left border).Dacă border-color nu este setată, moștenește culoarea elementului.
CSS Border - Individual Sides
Din exemplele de mai sus, ați văzut că este posibil să specificați o frontieră diferită pentru fiecare parte.
În CSS, există, de asemenea, proprietăți pentru specificarea fiecărui chenar (sus, dreapta, jos și stânga/top, right, bottom, left).
Dacă proprietatea border-style are patru valori:
border-style: punctat dublu punctat solid.
top border este punctat.
right border este solid.
bottom border este dublu.
left border este punctat.
Dacă proprietatea border-style are trei valori:border-style: dublu solid punctat.
top border este punctat.
right și left borders sunt solide.
bottom border este dublu.
Dacă proprietatea border-style are două valori:
border-style: solid punctat.
top și bottom borders sunt punctate.
right și left borders sunt solide.
Dacă proprietatea border-style are o valoare:
border-style: punctat.
toate cele patru granițe sunt punctate.
Proprietatea border-style este folosită în exemplul de mai sus. Cu toate acestea, funcționează, de asemenea, cu border-width și border-color.
CSS Border - Proprietatea Shorthand
După cum puteți vedea din exemplele de mai sus, există multe proprietăți de luat în considerare atunci când aveți de-a face cu frontierele.
Pentru a scurta codul, este de asemenea posibil să se specifice toate proprietățile de frontieră individuale într-o singură proprietate.
Proprietatea de frontieră (border) este o proprietate shorthand pentru următoarele proprietăți individuale de frontieră:
border-width
border-style (required)
border-color
Frontierele rotunjite CSS (CSS Rounded Borders).
Proprietatea border-radius este utilizată pentru a adăuga borduri rotunjite la un element.
Toate proprietățile top border într-o singură declarație.
Acest exemplu demonstrează o proprietate shorthand pentru setarea tuturor proprietăților pentru top border într-o singură declarație.
Setați stilul marginii de jos (bottom border).
Acest exemplu demonstrează cum să setați stilul marginii de jos (bottom border).
Setați lățimea marginii din stânga (left border).
Acest exemplu demonstrează modul de setare a lățimii marginii din stânga (left border).
Setați culoarea celor patru chenare (borders).
Acest exemplu demonstrează cum să setați culoarea celor patru chenare. Poate avea de la una la patru culori.
Setați culoarea marginii drepte (right border).
Acest exemplu demonstrează cum să setați culoarea marginii drepte (right border).
border Setează toate proprietățile de frontieră într-o singură declarație
border-bottom Setează toate proprietățile frontierei de jos într-o singură declarație
border-bottom-color Setează culoarea marginii de jos
border-bottom-style Setează stilul marginii de jos
border-bottom-width Setează lățimea marginii de jos
border-color Setează culoarea celor patru chenare
border-left Stabilește toate proprietățile frontierei din stânga într-o singură declarație
border-left-color Setează culoarea marginii din stânga
border-left-style Setează stilul chenarului din stânga
border-left-width Setează lățimea marginii din stânga
border-radius Setează toate cele patru chenare - * - proprietăți ale razei pentru colțurile rotunjite
border-right Setează toate proprietățile de frontieră dreaptă într-o singură declarație
border-right-color Setează culoarea marginii drepte
border-right-style Setează stilul chenarului drept
border-right-width Setează lățimea marginii drepte
border-style Setează stilul celor patru chenare
border-top Setează toate proprietățile de frontieră de sus într-o singură declarație
border-top-color Setează culoarea marginii superioare
border-top-style Setează stilul chenarului superior
border-top-width Setează lățimea marginii superioare
border-width Setează lățimea celor patru chenare
CSS Margini
Proprietățiile CSS margin sunt utilizate pentru a crea spațiu în jurul elementelor, în afara oricărui chenar definit.
Cu CSS, aveți control complet asupra marginilor. Există proprietăți pentru setarea marginii pentru fiecare parte a unui element (sus, dreapta, jos și stânga/top, right, bottom, left).
Margin - Individual Sides
CSS are proprietăți pentru specificarea marginii pentru fiecare parte a unui element: margin-top, margin-right, margin-bottom, margin-left.
Toate proprietățile marginii pot avea următoarele valori:
auto - browserul calculează marginea.
length - specifică o margine în px, pt, cm etc.
% - specifică o margine în% din lățimea elementului care conține.
inherit- specifică faptul că marginea ar trebui să fie moștenită de la elementul părinte. Valorile negative sunt permise.
Setați margini diferite pentru toate cele patru laturi ale unui element <p>.
Pentru a scurta codul, este posibil să specificați toate proprietățile marginii într-o singură proprietate.
Proprietatea margin este o proprietate shorthand pentru următoarele proprietăți margin individuale: margin-top, margin-right, margin-bottom, margin-left.
Dacă proprietatea marjei are patru valori:
margin: 25px 50px 75px 100px;
top margin este 25px
right margin este 50px
bottom margin este 75px
left margin este 100px
Dacă proprietatea margin are trei valori:
margin: 25px 50px 75px;
top margin este de 25px.
right și left margins sunt de 50px.
bottom margin este de 75px.
Dacă proprietatea margin are două valori:
margin: 25px 50px;
top și bottom margins sunt de 25px
right și left margins sunt de 50px
Dacă proprietatea margin are o valoare:
margin: 25px;
toate cele patru margini sunt de 25px
Valoarea auto (The auto Value)
Puteți seta proprietatea marginii ca automat (auto) să centreze orizontal elementul din containerul său.
Elementul va prelua apoi lățimea specificată, iar spațiul rămas va fi împărțit în mod egal între marginile din stânga și cea din dreapta.
Folosiți margin: auto.
Valoarea inherit (The inherit Value).
Acest exemplu permite ca marginea stângă a elementului <p class = "ex1"> să fie moștenită de la elementul părinte (<div>).
Margin Collapse
Marginile superioare și inferioare ale elementelor sunt uneori prăbușite într-o singură margine care este egală cu cea mai mare dintre cele două margini.
Acest lucru nu se întâmplă pe marginile din stânga și din dreapta! Doar marginile de sus și de jos!
Elementul <h1> are marginea de jos de 50px iar elementul <h2> are marginea de sus setată la 20px.
Simțul comun pare să sugereze că marginea verticală dintre <h1> și <h2> ar fi în total 70px (50px + 20px). Dar din cauza colapsului marginii, marginea reală ajunge să fie de 50px.
margin - Proprietate shorthand pentru setarea proprietăților marginii într-o singură declarație.
margin-bottom - Setează marginea de jos a unui element.
margin-left - Setează marginea stângă a unui element.
margin-right - Setează marginea dreaptă a unui element.
margin-top - Setează marginea superioară a unui element.
CSS Padding
Proprietățiile CSS padding sunt utilizate pentru a genera spațiu în jurul conținutului unui element, în interiorul oricărui chenar definit.
Cu CSS, aveți un control complet asupra padding- ului. Există proprietăți pentru setarea padding-ului pentru fiecare parte a unui element (sus, dreapta, jos și stânga/top, right, bottom, left).
Padding - Individual Sides
CSS are proprietăți pentru specificarea padding- ului pentru fiecare parte a unui element: padding-top, padding-right, padding-bottom, padding-left .
Toate proprietățile padding pot avea următoarele valori:
length - Specifică o căptușire în px, pt, cm etc.
% - Specifică un padding în % din lățimea elementului care îl conține.
inherit - Specifică faptul că padding-ul ar trebui să fie moștenit de la elementul părinte.
Valorile negative nu sunt permise.
Padding - Proprietatea Shorthand
Pentru a scurta codul, este posibil să specificați toate proprietățiile padding într-o singură proprietate.
Proprietatea padding este o proprietate shorthand pentru următoarele proprietăți individuale padding: padding-top, padding-right, padding-bottom, padding-left
Dacă proprietatea padding are patru valori:
padding: 25px 50px 75px 100px;
top padding este de 25px
right padding este de 50px
bottom padding este de 75px
left padding este de 100px
Dacă proprietatea padding are trei valori:
padding: 25px 50px 75px;
top padding este de 25px
right și left paddings sunt de 50px
bottom padding este de 75px
Dacă proprietatea padding are două valori:
padding: 25px 50px;
top și bottom paddings sunt de 25px
right și left paddings sunt de 50px
Dacă proprietatea padding are o valoare:
padding: 25px;
toate cele patru garnituri sunt de 25px
Padding și elementul width
Proprietatea CSS width specifică lățimea zonei de conținut a elementului. Zona de conținut este porțiunea din interiorul padding-ului, border și marginea unui element (modelul box).
Deci, dacă un element are o lățime specificată, padding-ul adăugat la acel element va fi adăugat la lățimea totală a elementului. Acesta este adesea un rezultat nedorit.
Pentru a menține lățimea la 300px, indiferent de cantitatea de padding, puteți utiliza proprietatea box-sizing. Acest lucru face ca elementul să-și mențină lățimea; dacă măriți padding-ul, spațiul de conținut disponibil va scădea.
Utilizați proprietatea box-sizing pentru a păstra lățimea la 300px, indiferent de cantitatea de padding.
Setați left padding
Acest exemplu demonstrează modul de setare a left padding-ului unui element <p>.
Setați right padding
Acest exemplu demonstrează cum să setați right padding-ul unui element <p>.
Setați top padding
Acest exemplu demonstrează modul de setare a top padding-ului unui element <p>.
Setați bottom padding
Acest exemplu demonstrează modul de setare a bottom padding-ului unui element <p>.
padding - O proprietate shorthand pentru setarea tuturor proprietăților de umplere într-o singură declarație.
padding-bottom - Setează bottom padding-ul unui element.
padding-left - Stabilește left padding-ul unui element.
padding-right - Setează right padding-ul unui element.
padding-top - Setează top padding-ul unui element.
CSS Height și Width
Proprietățiile height și width sunt utilizate pentru a seta înălțimea și lățimea unui element.
Proprietățiile height și width nu includ padding, borders sau margins. Stabilește înălțimea / lățimea (height/width) zonei din interiorul padding-ului, border-ului și marginii elementului.
Valori CSS înălțime / lățime (height/width)
Proprietățiile de înălțime și lățime (height/width) pot avea următoarele valori:
auto - Aceasta este implicită. Browserul calculează înălțimea și lățimea (height/width).
lenght - Definește înălțimea / lățimea (height/width) în px, cm etc.
% - Definește înălțimea / lățimea (height/width) în procente din blocul conținut.
inițial - Setează înălțimea / lățimea (height/width) la valoarea implicită.
inherit - Înălțimea / lățimea (height/width) vor fi moștenite de la valoarea sa parentală.
Nu uitați că proprietățiile de înălțime și lățime nu includ padding, borders sau margins! Ei setează înălțimea / lățimea zonei din interiorul paddingu-ului, border-ului și marginii elementului!
Setarea lățimii maxime (max-width).
Proprietatea max-width este utilizată pentru a seta lățimea maximă a unui element.
Lățimea maximă (max-width) poate fi specificată în valori de lungime, cum ar fi px, cm, etc., sau în procente (%) din blocul conținut sau setat pe niciunul (acesta este implicit. Înseamnă că nu există o lățime maximă).
Problema cu <div> de mai sus apare atunci când fereastra browserului este mai mică decât lățimea elementului (500px). Browserul apoi adaugă o pagină de defilare orizontală la pagină.
Folosind în schimb această lățime maximă (max-width), în această situație, veți îmbunătăți gestionarea browserului de la ferestrele mici.
Trageți fereastra browserului la o lățime mai mică de 500px, pentru a vedea diferența dintre cele două div-uri!
height - Setează înălțimea unui element.
max-height - Setează înălțimea maximă a unui element.
max-width - Setează lățimea maximă a unui element.
min-height - Setează înălțimea minimă a unui element.
min-width - Setează lățimea minimă a unui element.
width - Setează lățimea unui element.
CSS Box Model
Toate elementele HTML pot fi considerate casete (boxes). În CSS, termenul „model de cutie”(box model) este utilizat atunci când vorbim despre design și aspect.
Modelul CSS box este în esență o cutie care se înfășoară în jurul fiecărui element HTML. Este format din: margini, borders, padding și conținutul real.
Content - Conținutul căsuței, unde apar text și imagini.
Padding - Șterge o zonă din jurul conținutului. Padding este transparent.
Border - O graniță care se întinde pe padding și content.
Margin - Șterge o zonă în afara graniței. Marginea este transparentă
.Modelul casetei (box model) ne permite să adăugăm un chenar în jurul elementelor și să definim spațiul dintre elemente.
Lățimea și înălțimea unui element (Width and Height of an Element).
Pentru a seta corect lățimea și înălțimea (width și height) unui element în toate browserele, trebuie să știți cum funcționează modelul casetei (box model).
CSS Outline
Un outline este o linie care este desenată în jurul elementelor, în afara granițelor (borders), pentru a face ca elementul să „iasă în evidență”.
CSS are următoarele proprietăți outline (contur): outline-style, outline-color, outline-width, outline-offset, outline.
Conturul (outline) diferă de granițe (borders)! Spre deosebire de graniță (border), conturul (outline) este tras în afara graniței elementului și poate suprapune alt conținut. De asemenea, conturul (outline) NU este o parte din dimensiunile elementului; lățimea și înălțimea (height și weight) totală a elementului nu este afectată de lățimea conturului.
CSS Outline Style.
Proprietatea outlyne style specifică stilul conturului și poate avea una dintre următoarele valori:
dotted (punctat) - Definește un contur punctat.
dashed (marcat) - Definește un contur discret.
solid - Definește un contur solid.
double (dublu) - Definește un contur dublu.
groove (canelură) - Definește un contur în canelură 3D.
ridge - Definește un contur 3D ridged.
inset - Definește un contur de inserție 3D.
outset - Definește un contur de declanșare 3D.
none - Nu definește contur.
hidden (ascuns) - Definește un contur ascuns.
Niciuna dintre celelalte proprietăți outline nu va avea niciun efect, cu excepția cazului în care proprietatea în stil outline este setată!
CSS Outline Color.
Proprietatea CSS outline-color este utilizată pentru a seta culoarea conturului.
Culoarea poate fi setată de:
name - Specificați un nume de culoare, cum ar fi „red”.
RGB - Specificați o valoare RGB, cum ar fi „rgb (255,0,0)”.
Hex - Specificați o valoare hexagonală, cum ar fi „# ff0000”.
invert - Realizează o inversare a culorii (care asigură că conturul este vizibil, indiferent de fundalul culorii).
CSS Outline Width.
Proprietatea outline-width specifică lățimea conturului și poate avea una dintre următoarele valori:
thin (subțire) - de obicei 1px.
medium (mediu) - de obicei 3px.
thick (gros) - de obicei 5px.
O dimensiune specifică (în px, pt, cm, em, etc).
CSS Outline - Proprietatea Shorthand
Proprietatea outline este o proprietate shorthand pentru setarea următoarelor proprietăți outline individuale: outline-width, outline-style (required), outline-color.
CSS Outline Offset
Proprietatea outline-offset adaugă spațiu între un outline și edge/ border unui element. Spațiul dintre un element și conturul său este transparent.
Proprietățiile CSS Outline: outline, outline-color, outline-offset, outline-style, outline-width.
outline - O proprietate shorthand pentru setarea contur-lățime, stil contur și contur-culoare într-o singură declarație.
outline-color - Setează culoarea unui contur.
outline-offset - Specifică spațiul dintre un contur și marginea sau marginea unui element.
outline-style - Setează stilul unui contur.
outline-width - Setează lățimea unui contur.
CSS Text
Proprietatea de culoare este utilizată pentru a seta culoarea textului. Culoarea este specificată de:
un nume de culoare - ca „roșu”
o valoare HEX - ca „# ff0000”
o valoare RGB - ca „rgb (255,0,0)”
Consultați CSS Color Values pentru o listă completă a valorilor de culoare posibile.
Culoarea implicită a textului pentru o pagină este definită în selectorul body.
Aliniere text (Text Alignment).
Proprietatea text-align este utilizată pentru a seta alinierea orizontală a unui text.
Un text poate fi aliniat la stânga sau la dreapta, centrat sau justificat (left sau right, centered sau justified).
Când proprietatea de aliniere a textului este „justify”, fiecare linie este întinsă astfel încât fiec