Leaderboard
Popular Content
Showing content with the highest reputation on 04/04/2020 in all areas
-
Salut, Astăzi o să încep o serie de tutoriale (documentație + exemple) care ne vor ajuta să devenim web developeri. Pentru inceput am să vă prezint un mic plan de introducere în HTML și CSS, cu modulele aferente: Modulul I: Introducere în limbajele HTML și CSS Crearea primei pagini HTML Tag-urile de bază ale paginii HTML: Paginile HTML nu se scriu la întâmplare, ci respectă o structură definită cu precizie. Trei tag-uri sunt obligatorii, <html>, <body> şi <head>. Tag-ul HTML se află la începutul documentului, în timp ce tag-ul HTML de final se află întotdeauna la sfârșitul documentului. Practic, acest lucru înseamnă că întregul conținut al documentului HTML complet se află în cadrul acestui tag. Tot ceea ce se găseşte în cadrul tag-ului (între începutul şi sfârşitul tag-ului html) reprezintă partea paginii HTML. Nu mai putem scrie nimic înainte sau după el, în afară de o excepţie, despre care vom vorbi într-una din lecţiile viitoare. De asemenea, acest element apare doar o singură dată pe pagină. Tag-ul head trebuie scris imediat după deschiderea tag-ului <html> menţionat mai devreme. În tag-ul head, se află elemente care nu sunt vizibile în mod direct pe pagină. De exemplu, în partea head inserăm meta tag-urile folosite de motoarele de căutare când indexăm paginile. De asemenea, aici plasăm şi linkuri către fișiere CSS externe și către alte fișiere etc. Fiecare tag in parte are un început și un sfârșit <html> ... </html> - Slash-ul ( / ) - reprezintă închidere tag-ului. Prima noastră pagină HTML Deoarece deja am asimilat câteva cunoștințe, haideţi să creăm prima noastră pagină HTML. CSS-ul îl lăsăm pentru mai târziu. După ce aţi pornit editorul de text (NotPad++), de preferat un editor de text special (eu folosesc Atom) introduceţi următorul cod: 1 2 3 4 5 6 7 8 9 <html> <head> <title>My first HTML page</title> </head> <body> <h1>Hello!</h1> <p>I am HTML document.</p> </body> </html> Doctype - Document Type Declaration Fiecare document trebuie să posede o declaraţie (în care se găsesc datele despre document şi caracteristicile limbajului) Declaraţia se numeşte Document Type Declaration şi se găseşte la începutul fiecărei paginii HTML în „tag”-ul DOCTYPE. Motivul pentru care am introdus cuvântul tag între ghilimele este că acest DOCTYPE, de fapt, nu este un tag HTML adevărat, ci este o instrucţiune dată browser-ului, pentru a recunoaște ce tip de fișier este. <!DOCTYPE html> Meta pentru utf8 Un detaliu foarte important, care, deseori, se poate anticipa, este setarea lui encoding, respectiv inserarea lui meta tag, care va determina modul în care browser-ul trebuie să citească pagina noastră şi cum să afişeze caracterele/literele specifice unei limbi. Se recomandă ca encoding-ul să fie setat întotdeauna la utf-8. În caz contrar, caracterele specifice limbii române/diacriticele (ă, î, ş, ţ, â şi altele) s-ar fi pierdut în totalitate. De aceea, în partea <head> inserăm întotdeauna: <meta charset="utf-8"> Structura paginilor HTML Culoarea roşie indică existența codului HTML, în timp ce textul de pe pagină este negru. Concluzia la care probabil ați ajuns şi singuri este că în documentele HTML există părţi vizibile utilizatorului și părţi care nu îi sunt vizibile. Acele părţi care nu sunt vizibile determină și fac diferența între elementele paginii. Să analizăm mai bine exemplul. Există câteva elemente. Fiecare are propriul tag de început şi de sfârşit: Observăm următoarele elemente: <html> … </html> La început şi la sfârşit este un tag <html>, respectiv tag-ul de început şi cel de final. Ele înconjoară toate elementele şi indică faptul că tot ce se află între ele este cod html. <body> ... </body> Imediat după tag-ul <html> de început, respectiv după cel de final, se află tag-urile <body>. Tot ce se află între ele, va fi afișat în fereastra browser-ului web. <h1> ... </h1> <p>...</p> <h2>...</h2> Acum, vom explica ce este un tag HTML şi cum se inserează acesta. Reguli de bază pentru scrierea limbajului HTML Când scriem tag-uri, trebuie să respectăm două reguli de bază: 1. Prima regulă: Un tag (element) poate cuprinde un număr nelimitat de alte tag-uri. Să vedem un exemplu. Exemplu corect: <p>HTML este acronimul de la <strong> HyperText Markup Language </strong></p> Exemplu incorect: <p>HTML este acronimul de la <strong> HyperText Markup Language </p></strong> 2. A doua regulă: Fiecare tag de început trebuie să aibă şi un tag de final. Respectiv, dacă vom începe un anumit element (tag), trebuie să-l şi încheiem undeva. Tag-urile cu autoînchidere Tag-urile cu autoînchidere sunt cele care încep și se termină în același timp. De exemplu: semnul pentru întreruperea/separarea unui rând în cadrul unui paragraf este <br> (br de la comanda break). Acest tag nu are conţinut și, dacă am respecta regulile de mai sus, ar trebui să-l scriem ca <br> </ br>. Deoarece acest lucru nu este necesar (şi incorect pe deasupra), tag-urile vor fi scrise doar ca <br> sau <br />. <p>HTML este acronimul de la <br>HyperText Markup Language </p> Atributele tag-urilor HTML Atributele sunt formate din două părți: din numele atributului și din valoarea atributului. Acestea se scriu pe tag-ul de început al elementului și sunt separate de caracterul tipului de tag printr-un spațiu. Numele atributului se scrie cu minuscule, apoi se pune semnul egal, după care, între ghilimele se inserează valoarea atributului. Spațiile sunt interzise în interiorul structurii atributului. Iată un exemplu - paragrafului i-a fost adăugată o clasă folosind numele atributului class. <p class="xyz">HTML este acronimul de la HyperText Markup Language</p> Aceasta a fost prima lectie de inceput, vor mai urma si altele, Have a nice day !2 points
-
Salutare, <html> <head> <script type="text/javascript" src="script.js"></script> <title>Magicianul Valentino - Iti voi ghici la orice numar te gandesti</title> <script> alert("M-am gandit ca o sa accesezi acest site de curiozitate."); var kj = 0; function Direction(Choice){ // The choice of the first buttons if(Choice == "okay"){ document.getElementById("result").innerHTML = "<center>~~~~~~~~~~~~~~~~<br><br>Va vedeti numarul mai jos? <br><pre>17 25 30 22<br><br>23 31 16 29<br><br>19 27 20 24<br><br>26 21 28 18</pre>"; document.getElementById('okay').style.display = 'none'; document.getElementById("result").style.display = 'inline'; document.getElementById('yes').style.display = 'inline'; document.getElementById("no").style.display = 'inline'; } } function Direction2(Choice){ if(Choice == 'yes'){ kj+=16;} document.getElementById("result2").innerHTML = "<center>~~~~~~~~~~~~~~~~<br><br>Ce zici aici? <br><pre> 7 2 10 15<br><br>23 18 31 26<br><br> 3 27 11 19<br><br> 6 30 14 22</pre>"; document.getElementById('yes').style.display = 'none'; document.getElementById("no").style.display = 'none'; document.getElementById("result2").style.display = 'inline'; document.getElementById('yes2').style.display = 'inline'; document.getElementById('no2').style.display = 'inline'; } function Direction3(Choice){ if(Choice == 'yes2'){ kj+=2;} document.getElementById("result3").innerHTML = "<center>~~~~~~~~~~~~~~~~<br><br>Trebuie sa fii sigur. Vezi numarul asta aici? <br><pre>24 12 8 28<br><br> 9 30 10 29<br><br>25 15 13 27<br><br>31 26 11 14</pre>"; document.getElementById('yes2').style.display = 'none'; document.getElementById("no2").style.display = 'none'; document.getElementById("result3").style.display = 'inline'; document.getElementById('yes3').style.display = 'inline'; document.getElementById('no3').style.display = 'inline'; } function Direction4(Choice){ if(Choice == 'yes3'){ kj+=8;} document.getElementById("result4").innerHTML = "<center>~~~~~~~~~~~~~~~~<br><br>Aproape am terminat, prietene. Numarul dvs. este aici? <br><pre>31 1 7 25<br><br>23 9 15 17<br><br>29 3 11 27<br><br>21 5 13 19</pre>"; document.getElementById('yes3').style.display = 'none'; document.getElementById("no3").style.display = 'none'; document.getElementById("result4").style.display = 'inline'; document.getElementById('yes4').style.display = 'inline'; document.getElementById('no4').style.display = 'inline'; } function Direction5(Choice){ if(Choice == 'yes4'){ kj+=1;} document.getElementById("result5").innerHTML = "<center>~~~~~~~~~~~~~~~~<br><br> In cele din urma, vedeti numarul dvs. de mai jos? <br><pre>20 28 12 4<br><br> 5 31 21 29<br><br>13 6 22 30<br><br> 7 14 23 15</pre>"; document.getElementById('yes4').style.display = 'none'; document.getElementById("no4").style.display = 'none'; document.getElementById("result5").style.display = 'inline'; document.getElementById('yes5').style.display = 'inline'; document.getElementById('no5').style.display = 'inline'; } function Direction6(Choice){ if(Choice == 'yes5'){ kj+=4;} document.getElementById("result6").innerHTML = "<center>~~~~~~~~~~~~~~~~<br><br><h4>Numarul tau este "+kj+"</h4><br>Sunt un maestru mai mare ca DEXTER!!!"; document.getElementById('yes5').style.display = 'none'; document.getElementById("no5").style.display = 'none'; document.getElementById("result6").style.display = 'inline'; } </script> </head> <body> <h1 align="center">Valentino Magic Abracadabra</h1> <h1 align="center"> GameLife Romania</h1> <style> h1{ font-family: Roboto; text-align: center; font-size: 100px; } div{ font-family: roboto; text-align: center; font-size: 30px; } button { border-radius: 30px; font-family: Roboto; color: #ffffff; font-size: 20px; background: mediumvioletred; padding: 10px 20px 10px 20px; } body { background-color: papayawhip; } </style> <div> <p>Inainte de a incepe, alegeti un numar intre 0 si 31.</p> </div> <div id="result"></div> <div id="result2"></div> <div id="result3"></div> <div id="result4"></div> <div id="result5"></div> <div id="result6"></div> <hr width="340px" /> <br> <div> <button id="okay" onclick="Direction('okay')">Bine frate!</button> </div> <!-- the first buttons run the function Direction() when clicked --> <div> <button id="yes" style="display: none" onclick="Direction2('yes')">DA</button> <button id="no" style="display: none" onclick="Direction2('no')">NO</button> </div> <div> <button id="yes2" style="display: none" onclick="Direction3('yes2')">DA</button> <button id="no2" style="display: none" onclick="Direction3('no2')">NO</button> </div> <div> <button id="yes3" style="display: none" onclick="Direction4('yes3')">DA</button> <button id="no3" style="display: none" onclick="Direction4('no3')">NO</button> </div> <div> <button id="yes4" style="display: none" onclick="Direction5('yes4')">DA</button> <button id="no4" style="display: none" onclick="Direction5('no4')">NO</button> </div> <div> <button id="yes5" style="display: none" onclick="Direction6('yes5')">DA</button> <button id="no5" style="display: none" onclick="Direction6('no5')">NO</button> </div> </body> </html>2 points
-
Astept o porecla1 point
-
Username: Creator (sau editor): knights Poze/Video în care prezinți index-ul: https://bootstrapmade.com/demo/Knight/ Link Virustotal: - Link download (cu hide): https://bootstrapmade.com/demo/Knight/ Alte precizări: se downloadeaza direct de pe site !1 point
-
Numele Filmului : Miami Bici Actori : Matei Dima, Codin Maticiuc, Florin Piersic Jr. Regia : Jesús del Cerro Link imdb si nota imbd : Link imdb, nota 7,1 Genul Filmului : Comedie Durata : 1 oră și 38 minute Data lansarii : 21.02.2020 Incasari : 7.663.883 milioane lei, adică peste 1,5 milioane de euro (pentru un film apărut cu 2 luni în urmă e ok) Descriere : Miami Bici este povestea lui Ion și Ilie, doi tineri dintr-un mic oraș obscur din România care merg la Miami în toiul iernii, pentru a trăi atât „Visul american” cât și visul românesc de a „îmbogăți rapid”. Odată ajunși acolo, ei se regăsesc în mijlocul planului machiavelc al lui Mișu, un român de cea mai joasă speță, stabilit în Florida. Implicându-se involuntar în afacerile dubioase ale lui Mișu, dar fiind în secret sfătuiți de Gelu, mentorul lor auto-proclamat, de acasă, cei doi se luptă pentru a supraviețui în America. În același timp, se dezvoltă o poveste de dragoste între Ion și Ioana, o fată de moravuri ușoare, dar cu inima curată, care le dă o mână de ajutor. Trailer :1 point
-
Tip creatie: AvatarDimensiuni: (avatar 150x250)Text principal (Secundar obligatoriu: GameLife.Ro/ www.gamelife.ro) : chiube Imagine/tematica: https://imgur.com/UCg6YpL / https://imgur.com/Ywyuq5M Alte precizari: Alegeti voi poza pe care puteti sa o lucrati okLink ultima cerere depusa: este prima1 point
-
Username / Nickname : EL-zero Varsta : 17 Ocupatia : - Hobby-uri : is mensaje ahora Unde locuiesti: New York - Ecuador Ce jocuri frecventezi cel mai mult : - Cum ai auzit de www.gamelife.ro : pe facebook grupo me like!! Ce te-a determinat sa iti faci cont : - Ai vreun sfat pentru noi : Nice ... working...1 point
-
Chiar nu am avut idei pe stock-ul care l-ai pus. dar am incercat ceva https://postimg.cc/Sn7JWdNC/36d883461 point
-
1 point
-
1 point
-
Salut, De acestă dată o să vă prezint cel de-al 2-lea modul din micul plan, și anume, "Tag-urile textuale" ! Vom incepe cu Textul Titlurile (headings) Exemplu de titluri în limbajul HTML: <h1>Lorem ipsum dolor sit amet</h1> <h2>Lorem ipsum dolor sit amet</h2> <h3>Lorem ipsum dolor sit amet</h3> <h4>Lorem ipsum dolor sit amet</h4> <h5>Lorem ipsum dolor sit amet</h5> <h6>Lorem ipsum dolor sit amet</h6> Si afişarea acestora în browser: Paragrafele (Paragraphs) Paragrafele reprezintă ceea ce, de obicei, numim text obişnuit. Exemplu de paragraf în limbajul HTML: <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</p> Bold Efectul bold (îngroșarea caracterelor), putem posta una dintre aceste două variante, mai exact tag-ul <b> sau <strong> și vom obține același efect. Italic Putem folosi fie tag-urile <i>, fie tag-urile <em>. Em este prescurtarea de la cuvântul englezesc Emphasize, care înseamnă a sublinia, a accentua. Sup şi sub Uneori, în texte avem nevoie de caractere pe care trebuie să le poziționăm deasupra, respectiv sub rândul principal/linia de bază (base line), în special în formule. Pentru astfel de detalii, folosim tag-urile <sup>, respectiv <sub>. Sup este prescurtarea de la superscript, iar sub de la subscript. <br> – break Am menționat deja că la sfârșitul și începutul unui paragraf nou se adaugă un rând nou. Însă, uneori vrem să întrerupem rândul în mijlocul paragrafului, fără să creăm un paragraf nou. Putem face acest lucru prin simpla adăugare a unui tag, care are marcajul <br>. <hr> - horizontal rule Hr este un tag care funcționează similar cu tag-ul <br> sus-menționat, în sensul că se scrie doar o singură dată ca <hr> în varianta limbajului HTML, însă are o funcție cu totul diferită. Acest tag adaugă o linie orizontală în text. Hr este prescurtarea de la englezescul horizontal rule (linie orizontală). Caracterele speciale Pentru afişarea caracterelor speciale, folosim instrucţiuni HTML corespunzătoare. Acestea încep întotdeauna cu semnul & şi se termină cu semnul ; <p>CopyRight © Beny</p> - CopyRight Beny Listele Tipurile de liste - Există trei tipuri de liste: Ordered (liste ordonate) sunt liste ale căror elemente sunt marcate cu un tip de element ordonat. De obicei, numerele, cifrele romane, literele alfabetului etc. Unordered (liste neordonate) sunt liste ale căror elemente sunt marcate cu diferite elemente - pătrate, cercuri, liniuțe etc. Spre deosebire de listele ordonate, aici ordinea elementelor nu este importantă. Definition (liste de definiţie) sunt liste ale căror elemente sunt alcătuite din două părţi, text şi definiţie. Sunt utile pentru a crea întrebări şi răspunsuri, deoarece sunt întotdeauna formate din perechi. Listele ordonate Pentru a indica listele ordonate, folosim tag-ul <ol>. Ca și în cazul tag-urilor menţionate mai devreme, scriem un tag <ol> de început şi un tag </ol> de final, după care, în interiorul acestuia, scriem noi tag-uri <li>, fiecare reprezentând un nou element al listei. De exemplu: <ol> <li>Acasa</li> <li>Servicii</li> <li>Despre noi</li> <li>Contact</li> </ol> Listele neordonate Listele neordonate au o structură foarte asemănătoare cu cea a listelor ordonate menţionate mai devreme. Diferenţa constă în tag-ul folosit. În cazul listelor neordonate, tag-ul folosit este <ul> Având în vedere acest lucru, priviți următorul exemplu: <ul> <li> Acasa </li> <li> Servicii </li> <li> Despre noi</li> <li> Contact </li> </ul> Mai există și așa-numitele liste incluse (embedded), care, spre deosebire de exemplele anterioare, au mai multe niveluri de elemente. Iată un exemplu: <ul> <li>Audi <ul> <li>Audi rs5</li> <li>Audi rs6</li> </ul> </li> <li>Bmw</li> <li>Ford</li> <li>Volkswagen</li> </ul> Iată cum arată acest cod în browser: Atributul type pentru listele <ul> şi <ol> Simbolul afișat în fața elementelor care alcătuiesc lista poate fi definit cu ajutorul regulilor CSS, după cum vom vedea mai târziu în acest curs, sau prin atributul HTML type aplicat pe listă în cadrul codului HTML. Se recomandă exclusiv folosirea regulilor CSS pentru stilizare, atât pentru stilizarea listelor, cât şi pentru stilizarea altor elemente. Atributul type pentru liste neordonate (ul) poate avea următoarele valori: circle - cerc; disc - disc; square - pătrat. Pentru listele ordonate (ol), valorile pot fi: A - majuscule; a - minuscule; I - cifre romane majuscule; i - cifre romane minuscule. Listele de definiţie Listele de definiție se utilizează mai rar, dar pot fi foarte utile. Cea mai frecventă utilizare este pentru paginile de întrebări frecvente (FAQ - Frequently Asked Questions), deoarece acestea sunt aproape întotdeauna sub formă de întrebări și răspunsuri, respectiv în perechi. Rețineți că elementele sunt alcătuite întodeauna din două părți, reprezentate de tag-urile <dt> și <dd>, iar lista în sine este marcată cu tag-ul <dl> (definition list). Iată un exemplu în HTML: <dl> <dt>HTML</dt> <dd>Hyper Text Markup Language</dd> <dt>CSS</dt> <dd>Cascading Style Sheets</dd> <dt>JS</dt> <dd>JavaScript</dd> <dt>PHP</dt> <dd>Hypertext Preprocesor</dd> </dl> Iată cum arată acest cod în browser: Aceasta a doua lecție, vor mai urma si altele, Have a nice day !1 point
-
Welcome1 point
-
Bun venit P.S: Frumos avatar1 point
-
Welcome !1 point
-
Welcome.1 point
-
Numele Filmului : Star Wars: The Rise of Skywalker Actori : Carrie Fisher, Mark Hamill, Adam Driver Regia : J.J. Abrams Link imdb si nota imbd : 6,7/10 Genul Filmului : Action, Adventure, Fantasy Durata : 2h 22min Data lansarii : 19 Decembrie 2019 Incasari : $1,074,144,248 Descriere : Membrii supraviețuitori ai rezistenței se confruntă încă o dată cu Prima Ordine, iar legendarul conflict dintre Jedi și Sith atinge apogeul, ducând saga Skywalker la sfârșit. Trailer :1 point
-
Numele Filmului : 6 Underground Actori : Ryan Reynolds , Mélanie Laurent , Dave Franco , Adria Arjona , Lior Raz Regia : Michael Bay Link imdb si nota imbd : Link IMDB - 6.1 Genul Filmului : ACŢIUNE, THRILLER Durata : 129 minute Data lansarii : December 10, 2019 Incasari : - Descriere : Care este avantajul de a fi mort pentru toată lumea? Nu pentru că vrei să fugi de șef, de fost sau chiar pentru a șterge un cazier. Avantajul este… libertatea. Libertatea de a lupta împotriva nedreptății și răului care bântuie în lumea noastră fără să te oprească sau să te refuze cineva. 6 Underground prezintă un nou tip de erou de acțiune. Șase indivizi din toate colțurile lumii, experți în domeniile lor de activitate, au fost aleși nu numai pentru abilitățile lor, dar și pentru dorința unică de a-și șterge trecutul pentru că își doresc să schimbe viitorul. Echipa este creată de un lider enigmatic (Ryan Reynolds), a cărui unică misiune este de a se asigura că, deși nimeni nu își va aminti de el și de coechipierii săi, acțiunile lor vor intra în istorie. Trailer :1 point
-
Numele Filmului : The Call of The Wild Actori : Karen Gillan, Harrison Ford, Dan Stevens Regia : Chris Sanders Link imdb si nota imbd : Link IMDB - 6.8 Genul Filmului : Aventuri , Drama , Familie Durata : 105 minute Data lansarii : 28.02.2020 (Romania) Incasari : 951.987,00 (RON) Descriere : Adaptat după romanul îndrăgitului autor Jack London, Chemarea străbunilor transpune pe ecran povestea lui Buck, un câine iubitor, a cărui viață domestică este dată peste cap atunci când este îndepărtat de casa sa din California și ajunge în sălbăticia din Alaska, în timpul goanei după aur din anii 1890. În calitate de cel mai nou membru al unei echipe de câini de sanie, al cărei lider devine ulterior, Buck are parte de o aventură spectaculoasă, găsindu-și în cele din urmă adevăratul loc în lume și devenind propriul său stăpân. Chemarea străbunilor este un film revoluționar, care îmbină live-action-ul cu animația si reușește prin efectele vizuale spectaculoase să redea trăsăturile și emoțiile animalelor cât mai realist. Chris Sanders este regizorul filmului, scenariul este realizat de Michael Green, adaptat după romanul lui Jack London. Filmul a fost produs de Erwin Stoff, Diana Pokorny fiind producător executiv, iar Ryan Stafford coordonatorul efectelor vizuale. Distribuția filmului este formată din Harrison Ford, Dan Stevens, Omar Sy, Karen Gillan, Bradley Whitford și Colin Woodell. Trailer :1 point
-
125 , stiai ca un război nuclear dintre India si Pakistan ar putea ucide peste 125 de milioane de oameni?1 point
