{"id":272,"date":"2015-03-09T14:10:35","date_gmt":"2015-03-09T12:10:35","guid":{"rendered":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/?page_id=272"},"modified":"2026-03-08T22:29:26","modified_gmt":"2026-03-08T20:29:26","slug":"laborator-html","status":"publish","type":"page","link":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/programare-web\/laborator-html\/","title":{"rendered":"Programare Web: Laborator HTML"},"content":{"rendered":"<h2>Lectur\u0103 obligatorie<\/h2>\n<p>Lectur\u0103 obligatorie pentru primele dou\u0103 s\u0103pt\u0103m\u00e2ni de \u0219coal\u0103: <a href=\"https:\/\/www.w3schools.com\/html\/default.asp\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https:\/\/www.w3schools.com\/html\/default.asp<\/a>, sectiunile: HTML Tutorial, HTML Forms, HTML Examples, HTML References. In saptamana 3 de scoala este posibila primirea unui test in cadrul orelor de laborator cu intrebari din tutoriale de la link-urile anterioare.<\/p>\n<h2>Cerin\u021be pentru laboratorul 1 (HTML)<\/h2>\n<p>Pe parcursul semestrului, studen\u021bii vor dezvolta gradual o aplica\u021bie web, pornind de la o func\u021bionalitate simpl\u0103, pe care o vor extinde \u0219i complica progresiv.<\/p>\n<p>La final, aplica\u021bia va integra toate conceptele \u0219i tehnologiile studiate, av\u00e2nd func\u021bionalit\u0103\u021bi complexe pe front-end, back-end, autentificare, baze de date etc.<\/p>\n<h3>1. Propunerea aplica\u021biei<\/h3>\n<p>Studentul trebuie s\u0103 propun\u0103 o idee de aplica\u021bie pe care o va dezvolta pe parcursul semestrului.<\/p>\n<p>Aplica\u021bia trebuie s\u0103 fie suficient de complex\u0103 pentru a permite:<\/p>\n<ul>\n<li>func\u021bionalitate variat\u0103;<\/li>\n<li>view-uri \u0219i pagini web multiple;<\/li>\n<li>autentificare;<\/li>\n<li>roluri diferite \u00een cadrul aplica\u021biei;<\/li>\n<li>utilizarea unei baze de date.<\/li>\n<\/ul>\n<p>Exemple orientative:<\/p>\n<ul>\n<li>AcademicInfo \u2013 aplica\u021bie web pentru gestionarea notelor \u00eentr-o universitate;<\/li>\n<li>Aplica\u021bie web pentru gestionarea locurilor \u00een c\u0103mine;<\/li>\n<li>Aplica\u021bie web pentru gestionarea parc\u0103rilor la prim\u0103rie;<\/li>\n<li>etc.<\/li>\n<\/ul>\n<h3>2. Implementarea \u00een HTML<\/h3>\n<p>Pentru problema propus\u0103, studentul va dezvolta minimum 2 pagini web \u00een limbaj HTML, care vor descrie interfe\u021be (view-uri) ale aplica\u021biei.<\/p>\n<p>Se vor utiliza (obligatoriu, toate) urm\u0103toarele tag-uri:<br \/>\n<code>a<\/code>, <code>table<\/code> (<code>tr<\/code>, <code>th<\/code>, <code>td<\/code>), <code>div<\/code>, <code>strong<\/code>, <code>ul<\/code>, <code>ol<\/code>, <code>li<\/code>, <code>form<\/code>, <code>input<\/code>, <code>select<\/code>, <code>option<\/code>, <code>b<\/code>, <code>textarea<\/code>, <code>h1<\/code> &#8230; <code>h6<\/code>, <code>img<\/code>, <code>center<\/code>, <code>fieldset<\/code>, <code>legend<\/code>, <code>p<\/code>, <code>br<\/code>, <code>span<\/code>.<\/p>\n<p>Se vor utiliza (obligatoriu, toate) urm\u0103toarele atribute:<br \/>\n<code>href<\/code>, <code>name<\/code>, <code>target<\/code>, <code>border<\/code>, <code>colspan<\/code>, <code>align<\/code>, <code>valign<\/code>, <code>width<\/code>, <code>height<\/code>, <code>bgcolor<\/code>, <code>type<\/code>, <code>start<\/code>, <code>checked<\/code>, <code>disabled<\/code>, <code>maxlength<\/code>, <code>readonly<\/code>, <code>size<\/code>, <code>value<\/code>, <code>multiple<\/code>, <code>selected<\/code>, <code>cols<\/code>, <code>rows<\/code>, <code>max<\/code>, <code>alt<\/code>, <code>step<\/code>, <code>src<\/code>, <code>title<\/code>.<\/p>\n<p>Nu se va utiliza CSS.<\/p>\n<p>Pentru fiecare dintre cele 2 pagini web se vor realiza dou\u0103 variante:<\/p>\n<ul>\n<li>una \u00een HTML 4.01 Transitional<\/li>\n<li>una \u00een HTML5<\/li>\n<\/ul>\n<h2>Condi\u021bii de complexitate \u0219i evaluare<\/h2>\n<ul>\n<li>minimum 15 controale de tip <code>input<\/code>, <code>textarea<\/code>, <code>select<\/code>;<\/li>\n<li>utilizarea controalelor <code>input<\/code> de tip: <code>text<\/code>, <code>checkbox<\/code>, <code>radio<\/code>;<\/li>\n<li>minimum 3 tabele, dintre care dou\u0103 imbricate (un tabel \u00een interiorul unei celule a altui tabel);<\/li>\n<li>utilizarea frecvent\u0103 a atributelor <code>rowspan<\/code> \u0219i <code>colspan<\/code>;<\/li>\n<li>minimum 4 liste (<code>ul<\/code> sau <code>ol<\/code>), dintre care cel pu\u021bin 2 imbricate;<\/li>\n<li>listele trebuie diferen\u021biate (de exemplu: o list\u0103 ordonat\u0103 numerotat\u0103 A, B, C; alta I, II, III etc.);<\/li>\n<li>\u00een cadrul formularului se vor utiliza toate diacriticele limbii rom\u00e2ne;<\/li>\n<li>varianta HTML 4.01 Transitional trebuie validat\u0103 la <a href=\"http:\/\/validator.w3.org\/\">http:\/\/validator.w3.org\/<\/a> (f\u0103r\u0103 erori \u0219i f\u0103r\u0103 warning-uri);<\/li>\n<li>varianta HTML5 trebuie validat\u0103 la acela\u0219i link (f\u0103r\u0103 erori \u0219i f\u0103r\u0103 warning-uri).<\/li>\n<\/ul>\n<h3>\u00cenc\u0103rcarea temei<\/h3>\n<p>Rezolv\u0103rile trebuie \u00eenc\u0103rcate pe serverul <a href=\"http:\/\/www.scs.ubbcluj.ro\">www.scs.ubbcluj.ro<\/a> la adrese de forma:<br \/>\n<a href=\"http:\/\/www.scs.ubbcluj.ro\/~user\/pw\/lab1\/html4\/\">http:\/\/www.scs.ubbcluj.ro\/~user\/pw\/lab1\/html4\/<\/a><br \/>\n<a href=\"http:\/\/www.scs.ubbcluj.ro\/~user\/pw\/lab1\/html5\/\">http:\/\/www.scs.ubbcluj.ro\/~user\/pw\/lab1\/html5\/<\/a><\/p>\n<p>(\u00eenlocui\u021bi user cu numele vostru de utilizator)<\/p>\n<p>\u00cenc\u0103rcarea temei la URL-urile de mai sus, precum \u0219i configurarea directorului personal pentru g\u0103zduirea temelor de laborator fac parte din cerin\u021bele temei de laborator.<\/p>\n<p>La predarea laboratorului, studentul trebuie s\u0103 \u0219tie:<\/p>\n<ul>\n<li>rolul \u0219i func\u021bionalitatea fiec\u0103rui tag \u0219i atribut folosit;<\/li>\n<li>care atribute din lista de mai sus sunt acceptate de un anumit tag;<\/li>\n<li>ce valori specifice poate lua un anumit atribut;<\/li>\n<li>care dintre tag-urile\/atributele de mai sus sunt deprecated \u00een HTML5;<\/li>\n<li>care dintre tag-urile\/atributele de mai sus nu sunt suportate \u00een HTML 4.01 Transitional.<\/li>\n<\/ul>\n<p>Studentul trebuie s\u0103 fie capabil s\u0103 explice rolul \u0219i func\u021bionalitatea fiec\u0103rui tag \u0219i atribut HTML utilizat.<\/p>\n<p>Pentru fiecare \u00eentrebare adresat\u0103 de cadrul didactic referitoare la codul surs\u0103 al rezolv\u0103rii la care studentul nu \u0219tie s\u0103 r\u0103spund\u0103, se vor sc\u0103dea 2 puncte din nota laboratorului.<\/p>\n<h2>Bibliografie:<\/h2>\n<p><a href=\"http:\/\/www.w3schools.com\/tags\/\">http:\/\/www.w3schools.com\/tags\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lectur\u0103 obligatorie Lectur\u0103 obligatorie pentru primele dou\u0103 s\u0103pt\u0103m\u00e2ni de \u0219coal\u0103: https:\/\/www.w3schools.com\/html\/default.asp, sectiunile: HTML Tutorial, HTML Forms, HTML Examples, HTML References. In saptamana 3 de scoala este posibila primirea unui test in cadrul orelor de laborator cu intrebari din tutoriale de&hellip; <a href=\"https:\/\/www.cs.ubbcluj.ro\/~bufny\/programare-web\/laborator-html\/\" class=\"more-link\">Continue Reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":267,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/pages\/272"}],"collection":[{"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":19,"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/pages\/272\/revisions"}],"predecessor-version":[{"id":2594,"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/pages\/272\/revisions\/2594"}],"up":[{"embeddable":true,"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/pages\/267"}],"wp:attachment":[{"href":"https:\/\/www.cs.ubbcluj.ro\/~bufny\/wp-json\/wp\/v2\/media?parent=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}