Se întâmplă să ne confruntăm cu diverse situaţii şi probleme pe care nu ştim să le rezolvăm. Unele pot părea foarte grave, altele mai puţin, dar sunt situatii ca: electrocutare, inec, accident rutier, sufocare, hemoragii, plagi, entorse, luxatii, fracturi, arsuri, insolatie, intoxicatii, convulsii care necesită primul ajutor şi care apar în anumite condiţii în care ne aflăm. Ele pot afecta orice persoană, indiferent de vârstă sau sex.
Se întâmplă să ne confruntăm cu diverse situaţii şi probleme pe care nu ştim să le rezolvăm. Unele pot părea foarte grave, altele mai puţin, dar sunt situatii ca: electrocutare, inec, accident rutier, sufocare, hemoragii, plagi, entorse, luxatii, fracturi, arsuri, insolatie, intoxicatii, convulsii care necesită primul ajutor şi care apar în anumite condiţii în care ne aflăm. Ele pot afecta orice persoană, indiferent de vârstă sau sex.
Sabin Buraga: Open Web Application Development, Mozilla, and YouSabin Buraga
A presentation regarding Web application development for the Mozilla Firefox 18 launch event. Other details are available at https://busaco.wordpress.com/2013/01/15/eveniment-lansare-mozilla-firefox-iasi-uaic-facultate-informatica/ (in Romanian)
Several considerations regarding colours in the context of (Web) design. A presentation delivered at Summer Web 2013 workshop on Web technologies: http://swapps.wordpress.com/
Dezvoltarea aplicaţiilor Web la nivel de client (cursul #5): Data Visualizati...Sabin Buraga
Prezentare realizată de Alecsandru Grigoriu (Grapefruit). Dezvoltarea aplicaţiilor Web la nivel de client — detalii la http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.html
O prezentare (pentru ediția 2015 a Școlii de vară "Informatica la Castel" de la Macea, Arad – www.informaticalacastel.ro) descriind o serie de instrumente Web disponibile liber și bazate pe diversele tehnologii aliniate curentului "cloud computing" pentru editarea, testarea, rularea și partajarea de cod-sursă scris în mai multe limbaje de programare.
Pentru alte detalii, a se vizita siturile aferente materiilor predate de Sabin Buraga: http://profs.info.uaic.ro/~busaco/teach/
A lecture – prepared to be delivered during "Computer Science at the Castle" Summer School (Macea, Arad, Romania, 2016): www.informaticalacastel.ro – regarding the most important aspects on Web development and current perspectives (2016 updated edition).
For other resources of interest, visit http://profs.info.uaic.ro/~busaco/teach/
O prelegere reunind cele mai importante aspecte privind dezvoltarea Web și perspectivele actuale (ediția actualizată pentru 2016).
Pentru alte resurse de interes, a se consulta http://profs.info.uaic.ro/~busaco/teach/
Aspecte esențiale privitoare la limbajul de marcare HTML5 (o prezentare pentru un hackathon Web destinat elevilor de liceu).
Essential aspects about the HTML5 markup language (a Web hackathon presentation for high-school students).
Olga Gaidet, Copilul intra în Internet...despre ce trebuie să vorbească părinții cu copilul, care începe lucrul în rețea.
Lucrare finala elaborată în cadrul cursului „Tehnologii Informaționale Securizate” pe platforma de colaborare internaționala www.civicportal.org
Elaborată și difuzată în cadrul campaniei „Hai pe NET 2012!” în Republica Moldova (26-30.03.2012) - http://haipenet.wordpress.com
Foi de stiluri CSS – concepte esențiale (...și puțin mai mult)Sabin Buraga
A practical presentation regarding the most useful concepts of CSS (Cascading Style Sheets) specifications in the Web design context. These slides were prepared for delivery at the "Computer Science at the Castle" Summer School (Macea, Arad, Romania, 2016). Various resources are available at http://profs.info.uaic.ro/~busaco/teach/labs/css/
O prezentare practică vizând cele mai utile concepte ale specificațiilor CSS (Cascading Style Sheets) în contextul designului Web. Aceste informații au fost expuse în cadrul Școlii de vară "Informatica la Castel" (Macea, Arad, România, 2016). Diverse resurse de interes sunt oferite la http://profs.info.uaic.ro/~busaco/teach/labs/css/
Analiza SWOT - fisa de lucru aplicabila pentru liceu
Structura unei pagini web
1.
2. 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
Cu ajutorul limbajului HTML se pot construi
pagini web nu foarte pretentioase insa
reprezinta un inceput pentru realizarea site-urilor
profesionale.
3. Tag-urile nu sunt altceva decat niste marcaje sau
etichete pe care limbajul HTML le foloseste
alaturi de texte pentru a ajuta browser-ul de
internet sa afiseze corect continutul paginii web.
Aceste tag-uri (etichete) pot fi de doua feluri:
taguri pereche (un tag de inceput si unul de
incheiere). Exemple: <HTML> si </HTML>;
<TITLE> si </TITLE>; <HEAD> si </HEAD>
taguri singulare (nu au un tag de incheiere)
Exemple: <HR>, <BR>
4. <HTML> - cu acest tag incepe orice document HTML. Prin folosirea acestui tag ii
spunem browser-ului ca este vorba de un fisier HTML pentru a il putea afisa.
<HEAD> - intre aceste tag-uri sunt trecute, pe langa titlul paginii, diverse informatii
folositoare pentru browser-ul de internet
</HEAD> - acesta este tag-ul de incheiere al tag-ului <HEAD>
<TITLE> - cu ajutorul acestei perechi de tag-uri vei putea da un titlu documentului tau.
Astfel, textul pe care il vei scrie intre aceste tag-uri va fi afisat in bara de titlu a
documentului.
</TITLE> - este tag-ul de incheiere al tag-ului <TITLE>. Arata sfarsitul titlului
documentului.
<BODY> - odata cu acest tag incepe continutul paginii web. Tot ce vei scrie intre tag-urile
<BODY> si </BODY> va fi afisat, de catre browser, pe ecranul monitorului.
</BODY> - ii spui browser-ului ca ai terminat de scris continutul paginii. Tot ceea ce
vei scrie dupa acest tag nu va mai fi afisat.
</HTML> - este tag-ul de incheiere al tag-ului <HTML>. Codul oricarui document se
termina cu acest tag.
5. <HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY>
Bine ai venit!<BR>
Vom invata impreuna limbajul HTML. Aceasta este prima mea pagina
web!
</BODY>
</HTML>
Dupa ce am scris codul intr-un editor Notepad, salvam documentul cu
extensia .html sau .htm
6. Atributele pot fi definite ca niste proprietati ale tag-urilor.
Atributele se pun numai in tag-ul de inceput. Daca un tag
nu are nici un atribut, atunci browser-ul va lua in
considerare valorile implicite ale tag-ului respectiv.
De exemplu, atributul BGCOLOR care se foloseste cu tag-ul
<BODY> indica ce culoare va avea fundalul viitoarei
pagini web. Fundalul unei pagini web are in mod implicit
culoarea alba, dar sa spunem ca vrem ca fondul paginii
noastre sa fie portocaliu.
In acest caz vom folosi pentru atributul BGCOLOR codul
culorii orange: #FF9900
<BODY BGCOLOR=" #FF9900">
Pentru bleu, folosim
<BODY BGCOLOR="#00FFFF">
7. Culoarea textului in cadrul unei pagini html se
poate schimba folosind atributul COLOR (culoare)
al tag-ului <FONT>.
Mesajul "Bine ai venit!" sa spunem, de exemplu,
ca am vrea sa fie scris cu albastru in loc de
negru, care este valoarea implicita si sa fie scris
cu litere mai mari decat restul textului. Pentru a
scrie astfel textul, vom folosi tag-ul FONT insotit
de unele atribute astfel:
<FONT COLOR="#0000FF" SIZE="6">
Bine ai venit!
</FONT><BR>
8. Pentru alegerea caracteristicilor unui text,
putem folosi tag-ul <FONT>. Acest tag
accepta mai multe atribute (color, face, size)
care ne vor ajuta in formatarea textelor.
Atributul COLOR se refera la culoarea textului
ce va fi incadrat de tag-urile <FONT> si
</FONT>, atributul FACE arata tipul fontului,
iar atributul SIZE arata marimea fontului.
9.
10. <FONT COLOR="#FF0000">Imi place aceasta
lectie</FONT>
Exemplu 4
<FONT COLOR="#000000" FACE="Arial >Voi
lucra mai mult in HTML</FONT>
Exemplu5
<FONT COLOR="#FFA500" FACE="Arial"
SIZE="7">Stiu sa modific dimensiunea,
culoarea si tipul fontului</FONT>
11. Stabilirea elementelor de stil se face cu
ajutorul tag-urilor <I>…</I>, <B>…</B>,
<U>…</U>, <S>…</S>, având ca efect
înclinarea, îngroşarea, sublinierea şi tăierea
textului cu o linie