nuţu.

FONDATOR
  • Content count

    229
  • Joined

  • Last visited

Community Reputation

101 Legenda

2 Followers

About nuţu.

  • Birthday February 16

Personal Information

  • Gender
    Male
  • City
    Timisoara
  • Hobby
    Jocuri Video

Recent Profile Visitors

62 profile views
  1. 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
  2. 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
  3. 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.
  4. 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.
  5. 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
  6. 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
  7. Î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)
  8. 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)
  9. 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 ... !!!!
  10. 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
  11. 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 !
  12. 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 :