All Activity

This stream auto-updates     

  1. Yesterday
  2. Last week
  3. SS (Cascading Style Sheets) este codul pe care îl utilizezi pentru a personaliza pagina ta web. Noțiuni de bază CSS îți oferă tot ceea ce ai nevoie pentru a începe. Voi răspunde la întrebări precum: Cum pot face ca textul meu să fie negru sau roșu? Cum să fac conținutul meu să apară în diferite locuri pe ecran? Cum pot decora pagina mea web cu imagini de fundal și culori? ## Ce este CSS? La fel ca HTML, CSS nu este chiar un limbaj de programare. Nu este nici limbaj de marcare — este un limbaj de stilizare. Asta înseamnă că îți permite să aplici selectiv stiluri elementelor din documentele HTML. De exemplu, pentru a selecta toate elementele paragraf dintr-o pagină HTML și a transforma textul din interiorul acestora în roșu, vei scrie acest cod CSS: p { color: red; } Să încercăm: inserează aceste trei linii de CSS într-un fișier nou în editorul tău de text, și apoi salvează fișierul ca style.css în directorul tăustyles. Dar mai trebuie să aplici codul CSS în documentul tău HTML. În caz contrar, stilul CSS nu va modifica modul în care browserul tău afișează documentul HTML (Dacă nu ai urmărit până acum proiectul nostru, citește Gestionarea fișierelor și Noțiuni de bază HTML pentru a afla ce trebuie să faci mai întâi). Deschide fișierul index.html și inserează următoarea linie undeva în elementul head (adică între tagurile <head> și </head>): <link href="styles/style.css" rel="stylesheet" type="text/css"> Salvează fișierulindex.html și încarcă-l în browserul tău. Ar trebui să vezi ceva asemănător: Felicitări dacă textul paragrafului tău este roșu! Tocmai ai scris prima ta linie de cod CSS. ## Anatomia unui set de reguli CSS Să ne uităm în detaliu la linia CSS de mai sus: Întreaga structură este numită set de reguli (dar adesea este prescurtată „regulă”). Reține și numele părților individuale: Selector Numele elementului HTML la începutul setului de reguli. Acesta selectează elementul (elementele) care trebuie stilizate (în acest caz, elementele p). Pentru a stiliza un element diferit, doar schimbă selectorul. Declarația O singură regulă precum color: red; care precizează care dintre proprietățile elementului vor fi stilizate. Proprietăți Moduri în care poți stiliza un element HTML dat. (În acest caz, coloreste o proprietate a elementelor <p>.) În CSS, alegi proprietățile care vrei să le modifici folosindu-te de regula ta. Valoarea proprietății La dreapta proprietății după două puncte, ai valoarea proprietății, care alege una dintre numeroasele posibilități pentru o anumită proprietate (există mai multe valori ale proprietății color în afară de red). Reține celelalte părți importante ale sintaxei: Fiecare set de reguli (în afară de selector) trebuie să fie în interiorul acoladelor ({}). În cadrul fiecărei declarații, trebuie să folosești două puncte (:) pentru a separa proprietatea de valorile sale. În cadrul fiecărui set de reguli, trebuie să folosești punct și virgulă (;) pentru a separa fiecare declarație de următoarea. Pentru a modifica simultan mai multe valori ale proprietății, trebuie doar să le separi folosind punct și virgulă, astfel: p { color: red; width: 500px; border: 1px solid black; } ## Selectarea mai multor elemente De asemenea, poți selecta mai multe tipuri de elemente și poți să le aplici un singur set de reguli. Include mai mulți selectori separați prin virgule. De exemplu: p,li,h1 { color: red; } ## Diferite tipuri de selectori Există mai multe tipuri diferite de selectori. Mai sus, te-ai uitat numai la selectori de element, care selectează toate elementele de un anumit tip în documentele HTML date. Dar poți face selecții mai specifice de atât. Iată câteva dintre cele mai comune tipuri de selectori: ## Fonturi și text Acum că am exporat câteva noțiuni de bază CSS, să începem să adăugăm mai multe reguli și informații în fișierul nostru style.css pentru a face ca exemplul nostru să arate mai bine. Să începem prin a face textul să arate mai bine. În primul rând, găsește fontul de la Google Fonts pe care l-ai salvat într-un loc sigur. Adaugă elementul <link> undeva în interiorul elementului head din fișierulindex.html(din nou, oriunde între tagurile <head> și </head>). O să arăte ceva de genul: <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> După, șterge regula existentă pe care o ai în fișierul style.css. A fost un test bun, dar textul de culoare roșie nu arată chiar atât de bine. Adaugă următoarele linii în locul lui, înlocuind linia substituentă cu linia font-family reală pe care ai luat-o de la Google Fonts. (font-family înseamnă doar fonturile pe care vrei să le utilizezi pentru textul tău). Această regulă stabilește mai întâi un font de bază global și dimensiunea fontului pentru întreaga pagină (întrucât <html> este elementul părinte al întregii pagini, și toate elementele din interior acestuia moștenesc același font-size și font-family): html { font-size: 10px; /* px înseamnă 'pixeli': dimensiunea fontul de bază este acum de 10 pixeli înălțime */ font-family: placeholder: acesta ar trebui să fie rezultatul luat de la Google fonts } Acum vei seta dimensiunea fontului pentru elementele care conțin text în interiorul HTML body (<h1>, <li>, și <p>). De asemenea, vom centraliza textul titlului și vom stabili înălțimea liniei și spațiul între litere pentru conținutul body pentru a-l face mai ușor de citit: h1 { font-size: 60px; text-align: center; } p, li { font-size: 16px; line-height: 2; letter-spacing: 1px; } Poți modifica aceste valori px în funcție de cum vrei ca designul tău să arate, dar în general designul tău trebuie să arate astfel: ## Cutii, cutii, este vorba de cutii Un lucru pe care îl vei observa atunci când scrii CSS este că o mare parte din acesta se referă la cutii — stabilirea dimensiunii, culoarea, poziția, etc. Majoritatea elementelor HTML din pagina ta pot fi gândite ca niște cutii așezate una peste alta. Nu este surprinzător că apectul CSS se bazează în principal pe model box. Fiecare dintre blocurile care ocupă spațiu pe pagina ta au proprietăți ca: padding, spațiul din jurul conținutului (de exemplu în jurul textului paragrafului) border, linia solidă care se află chiar în afara padding margin, spațiul din exteriorul elementului În această secțiune, de asemenea, utilizăm: width (a unui element) background-color, culoarea din spatele conținutului unui element și a padding color, culoarea conținutului unui element (de obicei textul) text-shadow: stabilește o umbră a textului din interiorul unui element display: setează modul de afișare al unui element (nu-ți face griji pentru acest lucru încă) Să începem să adăugăm mai mult proprietăți CSS paginii noastre! Continuă să adaugi aceste noi reguli la sfârşitul paginii, și să nu-ți fie teamă să experimentezi cu schimbarea valorilor ca să vezi cum apare. ## Schimbarea culorii paginii html { background-color: #00539F; } Această regulă stabilește o culoare de fundal pentru întreaga pagină. Schimbă codul de culoare de mai sus în orice culoare pe care o alegi atunci când planifici siteul tău. ## Sortarea body body { width: 600px; margin: 0 auto; background-color: #FF9500; padding: 0 20px 20px 20px; border: 5px solid black; } Acum pentru elementul <body>. Există destul de multe declarații aici, așa că hai să parcurgem pe rând: width: 600px; — acesta obligă ca body să aibă întotdeauna o lățime de 600px. margin: 0 auto; — Atunci când setezi două valori unei proprietăți ca margin saupadding, prima valoare afectează partea de sus și de jos a elementului (făcându-l 0 în acest caz), iar a doua valoare partea din stânga și dreapta (aici, auto este o valoarea specială care împarte spațiul orizontal disponibil în mod egal între stânga și dreapta). Poți folosi una, trei sau patru valori, așa cum este documentat aici. background-color: #FF9500; — ca mai înainte, aceasta stabilește culoarea de fundal a elementului. Am folosit un fel de portocaliu roșiatic pentru body spre deosebire de albastrul închis pentru elementul <html>, dar poți experimenta cu acesta. padding: 0 20px 20px 20px; — avem patru valori stabilite pentru padding, pentru a face mai mult spațiu în jurul conținutului nostru. De data aceasta nu vom seta padding deasupra la body, dar vom seta 20 pixeli în stânga, jos și dreapta. Valorile setate sunt sus, dreapta, jos și stânga în această ordine. border: 5px solid black; — acesta stabilește un chenar negru solid de 5 pixeli pentru toate laturile elementului body. ## Poziționarea și stilizarea titlului paginii noastre h1 { margin: 0; padding: 20px 0; color: #00539F; text-shadow: 3px 3px 1px black; } Probabil că ai observat că este un spațiu în partea de sus a elementului. Acest lucru se întâmplă deoarece browserele aplică un anumit stil implicit elementului <h1> (printre altele), chiar dacă nu ai aplicat deloc CSS! Asta ar putea părea o idee nereușită, dar dorim chiar și o pagină web nestilizată să aibă o lizibilitate de bază. Pentru a scăpa de spațiu suprascriem stilul implicit prin setarea margin: 0;. În continuare, am setat padding sus și jos pentru titlu la 20 pixeli, și am făcut titlul textului să aibă acceași culoare precum culoarea de fundal a elementului html. O proprietate destul de interesantă pe care am utilizat-o aici este text-shadow, care aplică o umbră de text la conținutul textului elementului. Cele patru valori sunt următoarele: Prima valoare în pixeli setează offesetul orizontal al umbrei din text — cât de departe se mișcă: o valoare negativă trebuie să o mute la stânga. A doua valoare în pixeli setează offsetul vertical al umbrei din text — cât de departe se îndepărtează, în acest exemplu; o valoare negativă ar trebui să o deplaseze în sus. A treia valoare în pixeli setează blur radius a umbrei — o valoare mai mare va însemna o umbră mai neclară. A patra valoare setează culoarea de bază a umbrei. Din nou, încearcă să experimentezi diferite valori pentru a vedea ce poți face! ## Centrarea imaginii img { display: block; margin: 0 auto; } În cele din urmă, vom centra imaginea pentru a face să arate mai bine. Am putea folosi din nou trucul margin: 0 auto așa cum am făcut mai devreme pentru body, dar trebuie să mai facem și altceva. Elementul <body> este de nivel de bloc, ceea ce însemnă că ocupă spațiu pe pagină și poate avea margin și alte valori de spațiere aplicate. Imaginile, pe de altă parte, sunt elemente inline, ceea ce înseamnă că acestea nu pot. Și deci pentru a aplica margini imaginii, trebuie să-i dăm imaginii un comportament de nivel bloc folosind display: block;. ## Concluzie Dacă ai urmat toate instrucțiunile din acest articol, ar trebui să ai o pagină care arată astfel
  4. HTML (Hypertext Markup Language) este codul utilizat pentru a structura și a afișa o pagină web și conținutul acesteia. De exemplu, conținutul poate fi structurat într-un set de paragrafe, o listă cu puncte, sau folosind imagini și tabele de date. După cum sugerează și titlul, acest articol îți va oferi o înțelegere de bază a limbajului HTML și a funcțiilor sale. ## Ce este HTML, de fapt? HTML nu este un limbaj de programare; este un limbaj de marcare care definește structura conținutului tău. HTML este alcătuit dintr-o serie de elements, pe care le închizi sau în care încadrezi diferite părți ale conținutului pentru a face să apară într-un anumit mod sau pentru a se comporta într-un anumit fel. tags de închidere pot face dintr-un un cuvânt sau o imagine un link către un alt loc, pot italiza cuvinte, și pot face ca dimensiunea fontului să fie mai mare sau mai mică, etc. De exemplu, ia în considerare următoarea linie de conținut: My cat is very grumpy Dacă vrei ca linia să iasă în evidență, ai putea specifica că este un paragraf prin includerea acestuia în taguri de paragraf: <p>My cat is very grumpy</p> ## Anatomia unui element HTML În continuare vei explora acest element paragraf un pic mai mult. Principalele părți ale elementului nostru sunt: Tagul de deschidere: Acesta constă din numele elementului (în acest caz, p), înconjurat de paranteze unghiulare de deschidere și închidere. Acestea indică locul în care elementul începe, sau începe să aibă efect — în acest caz unde începe paragraful. Tagul de închide: Acesta este aceeași cu tagul de deschidere, cu excepția faptului că include un slash înainte de numele elementului. Acesta indică locul în care elementul se termină — în acest caz unde se termină paragraful. Absența includerii unui tag de închidere este una dintre erorile comune de începător și poate duce la rezultate ciudate. Conținutul: Acesta este conținutul elementului, care în acest caz este doar text. Elementul: Tagul de deschidere, tagul de închidere și conținutul împreună cuprind elementul. Elementele pot avea, de asemenea, atribute care arată astfel: Atributele conțin informații suplimentare despre elementul care nu vrei să apară în conținutul real. Aici, class este numele atributului și editor-note este valoarea atributului. Atributul class îți permite să dai elementului un identificator care poate fi folosit ulterior pentru a adăuga elementului informații despre stil precum și alte lucruri. Un atribut ar trebui să aibă întotdeauna: Un spațiu între el și numele elementului (sau atributul anterior, dacă elementul are deja unul sau mai multe atribute). Numele atributului, urmat de un semn egal. Ghilimele de deschidere și închidere înconjurând valoarea atributului. ## Imbricarea elementelor Poți pune elemente în interiorul altor elemente — acesta se numește imbricat. Dacă dorești să afirmi că pisica este foarte morocănoasă, poți include cuvântul „foarte” într-un element <strong>, care înseamnă că cuvântul este puternic accentuat: <p>My cat is <strong>very</strong> grumpy.</p> Cu toate acestea, trebuie să te asiguri că elementele tale sunt imbricate corespunzător: în exemplul de mai sus am deschis mai întâi elementul <p>, apoi elementul <strong>, prin urmare trebuie să închizi mai întâi elementul <strong>, iar după elementul <p>. Ceea ce urmează nu este corect. <p>My cat is <strong>very grumpy.</p></strong> Elementele trebuie deschise și închise corect, astfel încât acestea să fie clar în interiorul sau exteriorul celuilalt. Dacă se suprapun ca mai sus, atunci browserul tău web va încerca să ghicească ceea ce încerci să spui, care poate duce la rezultate neașteptate. Așadar, să nu faci asta! ## Elemente goale Unele elemente nu au conținut, și sunt numite elemente goale. Ia elementul <img> pe care îl ai deja în HTML: <img src="images/firefox-icon.png" alt="My test image"> Acesta conține două atribute, dar nu există un tag </img> de închidere, și nici un conținut intern. Acest lucru se datorează faptului că un element imagine nu include conținut pentru a avea un efect asupra acestuia. Scopul său este de a încorpora o imagine în pagina HTML în locul în care apare. ## Anatomia unui document HTML Acest lucru încheie elementele de bază HTML, dar acestea nu sunt utile singure. În continuare vei analiza modul în care elementele individuale sunt combinate pentru a forma o întreagă pagină HTML. Să revedem codul pe care l-am pus în exemplul index.html (pe care l-ai întâlnit pentru prima dată în articolul Gestionarea fișierelor): <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My test page</title> </head> <body> <img src="images/firefox-icon.png" alt="My test image"> </body> </html> Aici avem: <!DOCTYPE html> — doctype. În negura timpului, când HTML era la început (aproximativ 1991/2), elementele doctype au fost menite să acționeze ca linkuri către un set de reguli pe care pagina HTML trebuia să le urmeze pentru a fi considerat codul HTML bun ceea ce ar putea înseamna verificarea automată a erorilor și alte lucruri utile. În orice caz, în zilele noastre nimănui nu-i mai pasă de ele, acestea fiind doar un artefact istoric care trebuie să fie inclus pentru ca totul să funcționeze corect. Pentru moment, asta este tot ce trebuie să știi. <html></html> — elementul <html>. Acest element include tot conținutul pe întreaga pagină, și este uneori cunoscut ca elementul root. <head></head> — elementul <head>. Acest element se comportă ca un container pentru toate lucrurile pe care dorești să le incluzi în pagina HTML, care nu este conținutul pe care îl afișezi vizitatorilor paginii tale. Acesta include lucruri precum keywords și o descriere a paginii care vrei să apară în rezultatele de căutare, CSS pentru a stiliza conținutul tău, declarațiile setului de caracter, și altele. <body></body> — elementul <body>. Acesta conține tot conținutul care vrei să-l afișezi utilizatorilor web atunci când vizitează pagina ta, indiferent dacă acesta este text, imagini, videoclipuri, jocuri, înregistrări audio sau orice altceva. <meta charset="utf-8"> — acest element stabilește setul de caractere pe care documentul tău ar trebui să-l folosească UTF-8, care include majoritatea caracterelor din marea majoritate a limbilor scrise de om. În esență, acesta poate manipula orice conținut text pe care l-ai putea introduce. Nu există niciun motiv pentru a nu seta acest lucru, și poate ajuta la evitarea unor probleme mai târziu. <title></title> — elementul <title>. Acesta setează titlul paginii tale, care este titlul care apare în fila browserului în care este încărcată pagina. Este, de asemenea, folosit pentru a descrie pagina atunci când o marchezi cu stea Bookmark, sau o adaugi la favorite. ## Imagini Să ne îndreptăm atenția la elementul <img> din nou: <img src="images/firefox-icon.png" alt="My test image"> Așa cum am spus înainte, acesta încadrează o imagine în pagina noastră în poziția în care apare. Acest lucru este realizat prin intermediul atributului src (sursă), care conține calea către fișierul nostru imagine. Am inclus, de asemenea, un atribut alt (alternativ). În acest atribut, se specifică un text descriptiv pentru utilizatorii care nu pot vedea imaginea, posibil datorită faptului că: Au deficiențe de vedere. Utilizatorii cu deficiențe de vedere semnificative folosesc adesea instrumente numite screen readers pentru a le citi textul alt. Ceva a cauzat ca imaginea să nu fie afișată. De exemplu, încearcă să schimbi în mod deliberat calea din interiorul atributului src pentru a fi incorectă. Dacă salvezi și reîncarci pagina, în locul imaginii ar trebui să vezi ceva de genul acesta: Cuvintele cheie despre textul alt sunt „text descriptiv”. Textul alt pe care îl scrii ar trebui să ofere cititorului suficiente informații importante pentru a avea o idee bună despre ceea ce imaginea transmite. În acest exemplu, textul nostru „My test image” nu este deloc bun. O alternativă mai bună pentru logoul Firefox ar trebui să fie: „The Firefox logo: a flaming fox surrounding the Earth”. Încearcă să găsești un text mai bun pentru imaginea ta. ## Marcarea textului Acestă secțiune va acoperi câteva dintre elementele HTML de bază pe care le vei folosi pentru marcarea textului. ## Titluri Elementele de titlu îți permit să specifici că anumite părți din conținutul tău sunt titluri — sau subtitluri — ale conținutului tău. În același fel în care o carte are un titlu principal, titluri pentru capitole și subtitluri, la fel și un document HTML le poate avea. HTML conține șase niveluri de titluri <h1>–<h6> deși în mod obișnuit vei folosi cel mult 3-4: <h1>My main title</h1> <h2>My top level heading</h2> <h3>My subheading</h3> <h4>My sub-subheading</h4> Acum, încearcă să adaugi un titlu adecvat pentru pagina ta HTML chiar deasupra elementului <img>. ## Paragrafe Așa cum am explicat mai sus, elementele <p> sunt folosite pentru a conține paragrafe de text; le vei folosi frecvent atunci când marchezi conținutul de text: <p>This is a single paragraph</p> Adaugă textul tău de probă (ar trebui să-l ai de la Cum va arăta siteul tău?) într-unul sau câteva paragrafe, sub elementul tău <img>. ## Liste O mare parte din conținutul web este format din liste, iar HTML are elemente speciale pentru acestea. Listele de marcare sunt întotdeauna compuse din cel puțin două elemente. Cele mai comune tipuri de liste sunt listele ordonate și neordonate: Listele neordonate sunt pentru listele în care ordinea elementelor nu contează, cum ar fi o listă de cumpărături. Acestea sunt înconjurate de un element <ul>. Listele ordonate sunt pentru listele în care ordinea elementelor contează, ca o rețetă. Acestea sunt înconjurate de un element <ol>. Fiecare element din interiorul listelor este pus în interiorul unui element <li> (element de listă). De exemplu, dacă vrei să transformi o parte din paragraful următor într-o listă: <p>At Mozilla, we’re a global community of technologists, thinkers, and builders working together ... </p> Poți modifica marcajul pentru a face acest lucru: <p>At Mozilla, we’re a global community of</p> <ul> <li>technologists</li> <li>thinkers</li> <li>builders</li> </ul> <p>working together ... </p> Încearcă să adaugi o listă ordonată sau neordonată în pagina ta de exemplu. ## Linkuri Linkurile sunt foarte importante — sunt ceea ce fac ca webul să fie web! Pentru a adăuga un link, trebuie să folosești un element simplu — <a> — „a” fiind prescurtarea de la „ancoră”. Pentru a face textul din paragraful tău un link, urmează acești pași: Alege un text. Eu am ales textul „Mozilla Manifesto”. Înconjoară textul într-un element <a>, după cum urmează: <a>Mozilla Manifesto</a> Adaugă elementului <a> un atribut href, astfel: <a href="">Mozilla Manifesto</a> Completează valoarea acestui atribut cu adresa web la care vrei să ducă linkul: <a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla Manifesto</a> S-ar putea să obții rezultate neașteptate dacă omiți partea de început a adresei web https:// sau http:// numit protocol. După ce faci un link, fă clic pe acesta pentru a te asigura că te trimite unde dorești. Adaugă un link în pagina ta, dacă nu ai făcut deja acest lucru. ## Concluzie Dacă ai urmat toate instrucțiunile din acest articol, ar trebui să ai o pagină care arată ca cea de mai jos
  5. nuţu.

    HTML INFO

    Cu ajutorul limbajului HTML (Hyper Text Markup Language) poti construi pagini web nu foarte pretentioase insa reprezinta un inceput pentru realizarea site-urilor profesionale. Sigur ca va trebui sa mai treaca ceva timp pana vei putea realiza pagini web complexe ca cele ale marilor firme, insa asa cum spuneam, invatarea limbajului HTML reprezinta un inceput. Scopul cursului HTML pe intelesul tuturor este de a explica, intr-un mod cat mai util si in acelasi timp placut, notiunile de baza ale limbajului HTML si odata cu acestea sa initieze viitorii cursanti in tehnica realizarii unei pagini web. Pe parcursul acestui curs, vei gasi foarte multe exemple, iar in ultima lectie, folosind notiunile invatate, vom realiza impreuna site-ul unei gradinite particulare. Ce este limbajul HTML? HTML este prescurtarea de la Hypertext Markup Language, ceea ce reprezinta de fapt limbajul pe care browserele de internet il inteleg si cu ajutorul lui pot fi afisate paginile web. Limbajul HTML nu este greu de invatat, asa cum te vei putea convinge din acest curs. Este de ajuns sa cunosti tag-urile de baza ale acestui limbaj (vom vedea mai incolo ce inseamna aceste tag-uri) pentru a putea crea o pagina web. Pentru aceasta trebuie sa exersezi cat mai mult, incepand cu exemplele din cadrul cursului HTML pe intelesul tuturor, sa scrii tu codul pentru fiecare exemplu. In felul acesta vei dobandi foarte repede cunostintele de baza, care te vor ajuta sa creezi pagini web din ce in ce mai performante. De ce trebuie sa invat HTML? Exista multe programe cu ajutorul carora scrierea codului HTML nu mai este necesara, aceste programe scriindu-l in locul tau. Insa aceste programe nu fac subiectul acestui curs, iar pentru a putea construi o pagina web este nevoie cel putin de niste cunostinte elementare de HTML pe care am incercat sa le explicam in cadrul cursului. Cursul de fata se adreseaza, in primul rand, celor care vor sa invete limbajul HTML, si astfel, prin scrierea codului, sa detina controlul absolut asupra viitoarei pagini web. Aceste programe se numesc editoare HTML si pot fi de doua tipuri: editoare clasice si editoare de tipul WYSIWYG (What You See Is What You Get, care se traduce prin ceea ce vezi este ceea ce obtii). In cazul celei de-a doua categorii de editoare HTML, utilizatorii nu trebuie decat sa se ocupe de partea grafica, de asezarea in pagina etc., scrierea codului HTML ramanand in seama acestor programe. O observatie demna de luat in seama este si aceea ca cele mai bune editoare HTML nu sunt gratuite. Sfatul meu este ca pentru realizarea paginilor web sa folosesti un editor HTML, care iti este cel mai de folos, dar numai atunci cand te vei familiariza cu limbajul HTML. In concluzie, invatarea limbajului HTML are trei mari avantaje: este foarte simpla si nu necesita mult timp ofera controlul absolut asupra realizarii paginii web poti folosi in cadrul paginilor pe care le vei realiza secvente de cod HTML "imprumutate" de la alte pagini web Ce trebuie sa stiu pentru a ma apuca sa invat HTML? Invatarea limbajului HTML este foarte usoara, nu ai nevoie decat de urmatoarele: sa stii sa utilizezi un editor de text (ex: Notepad etc.) sa ai cel putin un browser de internet (ex: Microsoft Internet Explorer, Mozilla Firefox, Google Chrome etc.) sa-ti faci un pic de timp liber (de exemplu o jumatate de ora pe zi), pentru a urma cursul de fata si pentru a scrie tu fiecare exemplu pe care-l vei intalni aici Acum, inainte de a incepe, este cazul sa-ti pui cel putin urmatoarele doua intrebari: Vreau sa invat limbajul HTML? Ma va ajuta cu ceva daca o sa stiu sa fac pagini web folosind HTML? Daca ai raspuns afirmativ la aceste intrebari, sa trecem la fapte, adica la realizarea primului document HTML. Sa incepem, deci, prima lectie, in care vom afla care este structura unui document HTML. In partea dreapta a siteului (atat in pagina cursului, cat si in paginile lectiilor) ai cuprinsul cursului si poti merge in orice moment la oricare dintre lectiile cursului (trebuie doar sa dai un click pe numele lectiei care te intereseaza). Scopul este ca atunci cand ai uitat o notiune invatata intr-o alta lectie sau pur si simplu vrei sa treci de la o lectie la alta, sa o poti face cu usurinta, doar cu un simplu click.
  6. Windows XP and Windows Vista Support Starting on January 1 2019, Steam will officially stop supporting the Windows XP and Windows Vista operating systems. This means that after that date the Steam Client will no longer run on those versions of Windows. In order to continue running Steam and any games or other products purchased through Steam, users will need to update to a more recent version of Windows. The newest features in Steam rely on an embedded version of Google Chrome, which no longer functions on older versions of Windows. In addition, future versions of Steam will require Windows feature and security updates only present in Windows 7 and above. For the remainder of 2018 Steam will continue to run and to launch games on Windows XP and Windows Vista, but other functionality in Steam will be somewhat limited. For example, new features such as the new Steam Chat will not be available. We encourage all users on these operating systems to upgrade to newer versions of Windows in order to have ongoing access to the latest features of Steam, and to ensure future access to all games and other Steam content.
  7. DEX-ul Incepatorului 10 sfaturi pentru a devenii mai bun Fixare Connection to server timed out Codur culori chat si tinta Accesele flagurilor Tinta foarte mica Diferenta foarte repede intre CT si TT
  8. Daca intalnesti eroarea connection to server timed out o poti rezolva. Scrie in consola cl_timeout 300 si cl_updaterate 101 Daca nu se rezolva incercarea dezinstalarea si instalarea din nou a cs-ului
  9. În acest tutorial am să vă arăt cum puteți shimba culoarea chatului si a a țintei. Urmăriți tutorialul mai jos: Alb - 300 300 300 Negru - 0 0 0 Albastru - 0 19 193 Rosu - 240 0 0 Verde - 50 250 50 Galben - 240 234 0 Mov - 206 0 230 Roz - 255 128 192 Portocaliu - 255 128 0 Gri - 192 192 192 Albastru Deschis - 0 255 255 - Codurile se pun cu spatiu (space) intre " si ". con_color "192 192 192" ,cl_crosshair_color "192 192 192" Culoare Chat : *Tastati in consola comanda con_color "cod culoare" * In loc de cod culoare alegeti codul unei culori placute, de mai sus (numere cu blod sunt codurile culorilor). Culoare tinta : *Tastati in consola comanda cl_crosshair_color "cod culoare" * Ca si la culoare chat, in loc de cod culoare alegeti codul unei culori placute, de mai sus (numere cu blod sunt codurile culorilor)
  10. Access Levels Access Flag Purpose a immunity (can't be kicked/baned/slayed/slaped and affected by other commmands) b reservation (can join on reserved slots) c amx_kick command d amx_ban and amx_unban commands e amx_slay and amx_slap commands f amx_map command g amx_cvar command (not all cvars will be available) h amx_cfg command i amx_chat and other chat commands j amx_vote and other vote commands k access to sv_password cvar (by amx_cvar command) l access to amx_rcon command and rcon_password cvar (by amx_cvar command) m custom level A (for additional plugins) n custom level B o custom level C p custom level D q custom level E r custom level F s custom level G t custom level H u menu access z user (no admin) Connection Flags Connection Flag Purpose a disconnect player on invalid password b clan tag c this is steamid/wonid d this is ip e password not checked (only name/ip/steamid needed)
  11. Model de postare: • Titlul topicului: [Vand/Cumpar/Schimb] Titlu sugestiv • Continut: Produs: Pret: Detalii: Imagini(obligatoriu): Contact: Regulament: 1. Comunitatea Old-Zone.Ro nu isi asuma raspunderea pentru eventuale fraude sau evaziuni ale vanzatorului/cumparatorului. 2. Comunitatea Old-Zone.Ro are dreptul de a semnala vanzatorii de incredere pentru care isi pot asuma raspunderea si pot oferi siguranta celui care cumpara. 3. Comunitatea Old-Zone.Ro are dreptul de a inlatura/bana membrii fraudulosi numai daca se aduc dovezi solide in legatura cu cazul prezentat. 4. In cazul in care a-ti fost inselati puteti sa va adresati Staff-ului Old-Zone.Ro pentru a preveni frauda impotriva altor membrii ai comunitatii. 5. Pentru a nu transforma orice topic in chat cu ocazia de a face si voi cateva posturi inutile daca nu participati la vanzare/cumparare sa va abtineti de la orice altfel de comentariu asupra topicului ... !!!!
  12. Model Cadou: Nume: Persoana care primeste cadoul (sau Comunitatea) : Cadou: Orice membru poate face cadouri nu exista restrictii. Numele topicului trebuie sa fie [Cadou] "Numele persoanei careia ii faceti cadoul", ex: [Cadou] shasta, [Cadou] Comunitate
  13. Model postare Portofoliu Denumirea topicului [Portofoliu] Nume Modelul postului in topic: Toate creatiile, indiferent de natura lor (avatar, semnatura, etc) trebuie sa contina Old-Zone sau numele creatorului Atentie! Designeri si membri care nu respecta modelul de postare vor primi Advertisment apoi Warn ! Note: 1. Topicurile sau posturile care nu respecta modelul de postare vor fii mutate in arhiva comunitati ! 2. Oricine nu respecta regulamentul general al forumului, va primi warn sau spam dupa caz !
  14. Model Cerere Tip lucrare : (avatar,semantura,banner,etc) Dimensiuni : Culori : (culoare principala & secundara): Text : +(coloare text) Tematica: (Cu ce sa fie ? CS / Natura / Iarna etc.) [Obligatoriu specificati tematica]: Alte informatii :
  15. Aici puteti discuta despre orice legat de telefoane,tablete, aplicatii, jocuri.
  16. Aici puteti discuta despre calculatoare
  17. Fiecare postare trebuie sa continta numele anumitei erroare/probleme, + detalii Inainte de a posta, va rugam sa da-ti un search pe google
  18. Aici puteti cere link-uri de descarcare a unor jocuri/programe/filme etc, pe care dvs. nu le gasitii. Linkurile se dau in PM pentru a nu afecta forumul nostru.
  19. Counter Strike Global Offensive INFO S-a lansat Counter-Strike: Global Offensive! Au trecut 13 ani de la apariţia primei versiuni a jocului Counter-Strike, pe atunci doar un mod de Half-Life, iar popularitatea acestei serii este încă la nivel de top. Chiar în momentul scrierii acestui paragraf, sistemul de distribuţie de jocuri Steam raportează că aproximativ 100.000 de oameni se joacă titluri din seria Counter-Strike, în timp ce un număr de 40.000 de utilizatori se află în jocuri din seria Call of Duty. Pentru cei ce nu sunt familiarizaţi cu seria, până la momentul apariţiei lui CS: GO existau două versiuni importante de Counter-Strike: versiunea 1.6 (lansată în 2003) şi versiunea Source (2004). Principala diferenţă dintre ele este motorul grafic, cel din Counter-Strike: Source fiind superior. Counter-Strike: Global Offensive este însă cel de-al treilea mare pas al seriei. El este rezultatul unei evoluţii atipice a unui proiect pe care producătorii de la Valve şi Hidden Path au dorit să-l realizeze: o simplă portare a lui CS: Source pe console. Proiectul CS: GO a luat în final forma unui nou joc din serie şi a fost lansat la finalul lui August pe PC, Mac, PS3 şi Xbox 360. Impresiile pe care vi le voi împărtăşi în continuare se bazează strict pe varianta de PC a jocului. Încă de la prima accesare a jocului Counter-Strike: Global Offensive, design-ul, conţinutul şi structura interfeţei-meniu oferă impresia unui joc matur, rafinat, conceput pentru a-i dărui jucătorului o experienţă cât mai satisfăcătoare. Ştiu, este destul de greu de conceput faptul că un titlu din seria Counter-Strike poate fi alăturat unor concepte precum "matur" sau "rafinat", însă nu îţi trebuie mai mult de trei minute de acces la joc pentru a înţelege noul ton prin care bătrânul "Cantăr" doreşte să capteze atenţia. Încă de la început jocul permite accesul la absolut tot conţinutul său, însă are grijă să ne plaseze sub nas mai multe posibilităţi de antrenament şi de înţelegere a mecanicilor de joc. Avem la dispoziţie un scurt dar foarte reuşit tutorial pentru acomodare, dar şi un ghid scris care ne învaţă toate conceptele de care avem nevoie pentru a avea o performanţă optimă. Pentru a ne exersa tacticile sau a ne acomoda cu diverse arme fără să ne facem de râs pe servere online, jocul pune la dispoziţie şi posibilitatea creării de meciuri offline, populate de boţi cu o inteligenţă mai mică sau mai mare în funcţie de alegerea noastră. Există şase nivele de dificultate, aşa că fie că eşti un hardcore gamer, fie că abia ţi-ai cumpărat primul calculator, modul de antrenament offline te poate ajuta enorm. Noul Counter-Strike: GO vine cu o propunere interesantă: dacă până la acest moment Counter-Strike era echivalent cu modurile Bomb Defusal şi Hostage Rescue, în acest moment Counter-Strike vine cu încă două moduri de joc oficiale: Arms Race şi Demolition. Bomb Defusal şi Hostage Rescue au rămas neschimbate - în primul mod de joc echipa teroriştilor încearcă să plaseze o bombă cu ceas în timp ce echipa adversă - antiteroristă - luptă pentru dezamorsarea bombei sau evitarea plasării ei. În celălalt mod, echipa de terorişti păzeşte un număr de ostatici în timp ce trupele speciale trebuie să salveze ostaticii prin conducerea lor într-un anumit punct al hărţii de joc. În ambele moduri de joc, armele şi echipamentul sunt cumpărate la fiecare început de rundă cu banii câştigaţi de jucător de pe urma performanţelor sale sau ale echipei sale în rundele precedente. În Counter-Strike: Global Offensive există şase hărţi de Bomb Defusal şi două de Hostage Rescue, toate fiind variante noi ale unor hărţi cunoscute din vechile titluri Counter-Strike (Aztec, Dust, Dust2, Inferno, Train, Italy, Office şi Nuke). Arms Race este un mod de joc care există de multă vreme în seria Counter-Strike, însă abia acum a fost adoptat oficial de către producătorii jocului. În jocurile anterioare a fost implementat de administratorii a sute de servere private şi a fost denumit Gun Game. Ideea este simplă, distractivă şi dă dependenţă, lucru dovedit şi de faptul că a fost implementată de mai multe jocuri de apariţie recentă. Toţi jucătorii pornesc cu o armă, iar pe măsură ce doboară inamici aceasta le va fi înlocuită, trecând astfel prin toate gamele de arme. Acest lucru determină o necesitate de schimbare a tacticii de joc după fiecare inamic ucis. Echipa câştigătoare este determinată de prima persoană care a ajuns la ultima armă, cuţitul, şi a ucis un inamic cu el. Merită adăugat că acesta este primul mod de joc oficial din istoria Counter-Strike în care respawn-ul se face aproape instantaneu după moartea personajului. Din păcate însă, pentru acest mod de joc sunt disponibile doar două hărţi. Demolition este un fel de combinaţie între Bomb Defusal şi Arms Race, în sensul în care nu poate fi aleasă arma dorită, ci se trece printr-o progresie de arme asemănătoare cu cea din Arms Race, însă restul regulilor de joc sunt cele din Bomb Defusal. Pentru acest mod de joc sunt disponibile şase hărţi concepute special. Alegerea serverului pe care dorim să intrăm se face acum diferit, căci de acastă dată există două secţiuni pentru această operaţiune: servere oficiale şi servere ale comunităţii (private). Partea de servere oficiale îţi oferă un sistem de matchmaking bazat pe skill, aşa încât să fii introdus întotdeauna într-un server cu jucători de nivelul tău. În zona de servere ale comunităţii regăsim vechiul browser de servere care îşi dovedeşte din nou funcţionalitatea. Pot spune însă că am îngrijorări în ceea ce priveşte popularitatea serverelor private în CS: GO întrucât jocul nu încurajează folosirea lor, ba chiar ne prezintă opţiunea accesării lor undeva în plan secund. Mai mult, jocul ne avertizează că intrarea pe acestea poate să ofere o experienţă de joc diferită decât cea normală, ca şi cum ar trebui să ne gândim de două ori înainte să alegem o asemenea invenţie a diavolului. Ca experienţă de joc, CS: GO nu diferă foarte mult de jocurile precedente. Vorbind despre arsenal, principalele schimbări sunt reprezentate de cele opt arme noi, dintre care unele înlocuiesc variante mai vechi ale aceleiaşi arme (de exemplu MP7 înlocuieşte MP5) şi de lipsa completă a silencer-ului. Senzaţia de tras cu arma a rămas aceeaşi, aşa că orice fan vechi se va simţi ca acasă în Global Offensive. În schimb, poate cea mai binevenită schimbare este introducerea Cocktail-ului Molotov, a grenadei incendiare şi a grenadei Decoy (ce emite zgomote de foc de armă). Cocktail-ul Molotov şi grenada incendiară acoperă cu flăcări zona din apropierea declanşării sale, aşa că reprezintă metode excelente de a te proteja de inamicii care ar putea pătrunde în zona ta printr-un coridor îngust, spre exemplu. Nici sunetul nu vine cu diferenţe mari faţă de Counter-Strike: Source, ceea ce nu este în niciun caz dăunător. Grafic însă, jocul arată foarte diferit de Counter-Strike: Source, chiar dacă se vede că rulează pe acelaşi engine. Hărţile sunt acum mult mai detaliate, anumite obiecte (precum uşile) pot fi distruse parţial sau complet, iar per ansamblu stilul grafic al jocului a devenit mult mai serios şi matur. Diferenţa dintre cele opt hărţi clasice actualizate şi variantele lor din 2004 este una uriaşă din punct de vedere vizual. Cu foarte mici excepţii, acest lucru nu afectează arhitectura căilor de acces pe care le cunoaştem de peste un deceniu, aşa că vechile tactici încă funcţionează perfect. Modelele personajelor sunt acum mult mai detaliate şi mai credibile. În plus, jocul a simplificat procesul de alegere a modelului jucătorului printr-o soluţie înţeleaptă: nu îl mai alegem deloc, ci este predefinit de harta pe care jucăm. Asta nu înseamnă că nu mai există o varietate a modelelor, ba din contră: există 14 modele de echipă diferite, adică şapte pentru fiecare dintre cele două facţiuni. Trebuie să adaug totuşi că în anumite cazuri am confundat teroriştii cu trupe antitero, mai ales pe distanţe medii sau lungi. Acest lucru se întâmplă şi datorită gamei de culori mai sărăcăcioase, mai şterse, care ajută la senzaţia de seriozitate despre care vorbeam atunci când am analizat grafica. Jocul nu se abate de la reţeta clasică şi evită să implementeze elemente ce l-ar putea complica, aşa că nu veţi regăsi aici perk-uri , kill-streak-uri, arme deblocabile sau alte asemenea lucruri. Counter-Strike a fost încă de la începutul istoriei sale un shooter cu mecanici simple, în care nu poţi domina meciurile dacă nu ai pur antrenament şi tactică. Counter-Strike: Global Offensive nu doreşte să revoluţioneze seria Counter-Strike. În termeni de gameplay şi de senzaţii oferite jocul a rămas acelaşi, însă el a primit o meritată înfrumuseţare ce aduce jocul la standardele din 2012. La un preţ de aproximativ 50 de lei, Global Offensive este o alegere excelentă pentru orice persoană ce doreşte să se distreze într-un shooter multiplayer adorat pretutindeni, ce are în spate o comunitate uriaşă de jucători.
  1. Load more activity