1 / 22

Tehnologii asistate de calculator

Tehnologii asistate de calculator. Autor : prof . CERCEL Ana Maria. Cuprins. Programe pentru codul HTML Invatarea HTML presupune : Despre tag- uri Tipuri de tag- uri Structura unui document HTML Exemple TAG- uri utile.

selia
Télécharger la présentation

Tehnologii asistate de calculator

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tehnologiiasistate de calculator Autor: prof. CERCEL Ana Maria

  2. Cuprins • ProgramepentrucodulHTML • Invatarea HTML presupune: • Despretag-uri • Tipuri de tag-uri • Structuraunui document HTML • Exemple • TAG-uri utile

  3. Prescurtarea de la Hypertext Markup Language, ceeacereprezinta de faptlimbajulpe care browserele de internet ilintelegsi cu ajutorullui pot fiafisatepaginile web

  4. Programepentrucodul HTML Acesteprograme se numesceditoare HTML si pot fi de douatipuri: editoareclasicesieditoare de tipul WYSIWYG (What You See Is What You Get) Obs: cele mai bune editoare HTML nu sunt gratuite

  5. Invatarea HTML presupune: • sa stii sa utilizezi un editor de text (ex: Notepad etc.) • sa ai cel putin un browser de internet (ex: Microsoft Internet Explorer, Netscape Comunicator etc.) • sa-ti faci un pic de timp liber (de exemplu o jumatate de ora pe zi)

  6. Despre tag-uri Tag-urile nu suntaltcevadecatnistemarcajesauetichetepe care limbajul HTML le folosestealaturi de textepentru a ajuta browser-ul de internet saafisezecorectcontinutulpaginii web.

  7. Tipuri de tag-uri - tag-uripereche (un tag de inceputsiunul de incheiere). Exemple: <HTML> si </HTML>; <TITLE> si </TITLE>; <HEAD> si </HEAD>; - tag-urisingulare (nu au un tag de incheiere) Exemple: <HR>, <BR>.

  8. Structuraunui document HTML <html> <title> </title> <head> </head> <body> </body> </html>

  9. Explicatii • <html> </html>Prinfolosireaacestui tag ii spunem browser-ului ca estevorba de un fisier HTML pentru a ilputeadeschidesiinchide • <title></title> titluldocumentului, al paginii • <head> </head> titlulpaginii • <body></body> corpulpaginiicecontine tot cevafiafisatpeecran.

  10. Exemplu <html> <title> NUMELE SI PRENUMELE</title> <head>PRIMA MEA PAGINA</head> </html> Artrebuisaarateasa:link

  11. Exemplul 1

  12. Alt exemplu <HTML><HEAD><TITLE>Prima mea pagina web</TITLE></HEAD><BODY>Bineaivenit!<BR>Vominvataimpreunalimbajul HTML. Aceastaeste prima mea pagina web!<BR></BODY></HTML> Obs. Am folosit <br> pentru a-I spune browser-ului ca ceea ce este scris dupa br trebuie scris pe randul urmator. <br> nu are tag de inchidere.

  13. Exemplul 2

  14. Taguri utile <body bgcolor=“red”></body> aplicaculoarefundalului <font color=“green” size=“6” face=“comics sans ms”></font> stabilesteculoarea, marimeasistilulcaracterelor din text <center></center> afiseaza in centrupaginii <left></left> afiseaza la stanga <right></right> afiseaza la dreapta

  15. Exemplul3 <html> <title> Numelesiprenumele </title> <head> <center> PRIMA MEA PAGINA</center> </head> <body bgcolor=“red”><left> <font size=“6” color=“green” face=“comic sans ms”>Bineaivenit!<BR>Vominvataimpreunalimbajul HTML. Aceastaeste prima mea pagina web!<BR></font></left> </body> </html>

  16. Exemplul 3

  17. Introducereauneiimaginisau a uneilegaturi • Se pot introduce imagini jpg, jpeg, gif, etc. Tag-ulutilizateste: <imgsrc=“numelepozei.extensia”/> • Pentruintroducereaunui link folosim: • <a href="http://www.google.com"></a>

  18. Exemplul 4 • <html> • <title> • Numelesiprenumele • </title> • <head> • <center> PRIMA MEA PAGINA</center> • </head> • <body bgcolor="pink"><right> • <font size=“6” colour=“black” face=“comic sans ms”>Bineaivenit!<BR>Vominvataimpreunalimbajul HTML. • <center><imgsrc="taj-mahal.gif"/></center> • <a href="http://www.google.com"> • <font size="4" face="comics sans ms">Click pe link pentru a ajunge la Google:</font></P></a> • </body> • </html>

  19. Exemplul 4

  20. Pentruinformatiisuplimentare: • http://www.w3schools.com/html/ • http://en.wikipedia.org/wiki/HTML • http://www.tutorialehtml.com/ • http://www.htmlgoodies.com/ • http://www.w3.org/MarkUp/

  21. Bibliografie • Metodica predării informaticii, Editura Arves, 2006, Craiova • Suport de curs: „Mediişitehnologiieducaţionale interactive” • Suport de curs: „Informatică aplicată în educaţie şi formare” • www.flexform.ro • www.google.ro • http://www.tutorialehtml.com/ • http://www.w3schools.com/css/

  22. Recapitulare • HTML = Hypertext Markup Language • TAG = marcajesauetichetepe care limbajul HTML le folosestealaturi de textepentru a ajuta browser-ul de internet saafisezecorectcontinutulpaginiiweb • Tipuri de tag-uri: singularesipereche

More Related