Vrijwel alle websites worden tegenwoordig gestijld met behulp van CSS. Vaak worden hierbij diverse (soms zeer omslachtige) technieken gebruikt, terwijl het in dezelfde situaties ook mogelijk is om nette code te gebruiken.
Binnen deze presentatie zullen diverse (onbekende) technieken en 'best practices' worden besproken. Hiermee wordt het stijlen met behulp van CSS zo eenvoudig en efficiënt mogelijk, wat nettere code en betere prestaties op de verschillende browsers tot gevolg zal hebben.
Guía básica para entender CSS (Segunda parte)Carlos Caicedo
Esta presentación es un apoyo para una capacitación que hice a una empresa.
La primera parte presenta aspectos fundamentales del xhtml y la segunda busca explicar conceptos básicos sobre los CSS
(CC Atribución-No Comercial-Licenciar Igual 2.5)
Vrijwel alle websites worden tegenwoordig gestijld met behulp van CSS. Vaak worden hierbij diverse (soms zeer omslachtige) technieken gebruikt, terwijl het in dezelfde situaties ook mogelijk is om nette code te gebruiken.
Binnen deze presentatie zullen diverse (onbekende) technieken en 'best practices' worden besproken. Hiermee wordt het stijlen met behulp van CSS zo eenvoudig en efficiënt mogelijk, wat nettere code en betere prestaties op de verschillende browsers tot gevolg zal hebben.
Guía básica para entender CSS (Segunda parte)Carlos Caicedo
Esta presentación es un apoyo para una capacitación que hice a una empresa.
La primera parte presenta aspectos fundamentales del xhtml y la segunda busca explicar conceptos básicos sobre los CSS
(CC Atribución-No Comercial-Licenciar Igual 2.5)
Some notes on integrating Facebook Open Graph into Wordpress. Also notes on how to use facebook API to put comments on the site as opposed to just in the iframe.
Some notes on integrating Facebook Open Graph into Wordpress. Also notes on how to use facebook API to put comments on the site as opposed to just in the iframe.
2. HYPERTEXT MARKUP LANGUAGE It is the encoding scheme used to create and format a web document Hypertext - text with hyperlinks Markup - syntactical and ordinary text
5. SAMPLE HTML PROGRAM <html> <head> <title> A Sample Program </title> </head> <body> This is the first HTML program displayed in III computer science </body> </html>
6.
7. TITLE TAG <html> <head> <title> Our first web document </title> </head> </html>
8. META TAG Additional information invisible in the browser <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META content="text/html; charset=windows-1252" http-equiv=Content-Type> <META name=Author content=III-C.S.> <META name=keywords content=definition> <META name=GENERATOR content="MSHTML 8.00.6001.18828"> </HEAD> <BODY>HTML is the abbreviated form of Hypertext Markup Language </BODY> </HTML>
9. STYLE TAG <html> <head> <title> style tag </title> <style> h3 { color : green; font-size : 18pt; font-family: Times New Roman; } </style> </head> <body> <h3>HTML is the abbreviated form of HyperText Markup Language</h3> </body> </html>
10.
11. BODY TAG <html> <head> <title> body tag </title> </head> <body bgcolor = red text = #FFFFFF> HTML is the abbreviated form of HyperText Markup Language </body> </html>
15. OTHER HTML TAGS Syntax: <tagname attribute=value>Element content </tagname> Paragraph tag <p> … </p> Break tag <br> Bold tag <b> … </b> Italic tag <i> … </i> Underline tag <u> … </u> Font tag (face, size, color) <font> … </font> Image tag <img> Anchor tag <a> … </a>
16. <html> <head> <title> Tags </title> </head> <body text = green> <p align = center> College Emblem </p> <center> <img src= emblem.jpeg width=100 height=100> </center> <br> <font face="Arial" size=6pt color=red> <b> Computer Science Department </b> <p> <i>III year Computer Science</i> </p> <u>Teaching of Computer Science</u> </font> </body> </html>
17.
18. Anchor Tag <html> <head> <title> Anchor Tag </title> </head> <body> <a href = "http://www.popejohnpaulcollege.org"> Our College Website </a> </body> </html>
19.
20. Advanced HTML Tags Unordered lists <ul> … </ul> Ordered lists <ol> … </ol> Definition lists <dl> <dt> .. </dt> <dd> .. </dd> </dl> Table tag <table> <tr> <th> .. </th> </tr> <tr> <td> .. </td> </tr> </table> Form tag <form> .. </form> Frame tag <frameset> .. </frameset>
21. <html> <head><title> Lists </title></head> <body> <ul> <li>Name <li>Course </ul><br> <ol> <li>Name <li>Course </ol><br> <dl> <dt> HTML: </dt> <dd> It is the encoding scheme used to create and format a web document </dd> </dl> </body> </html>
25. Form Tag Receive information from user <html> <head> <title> Form </title> </head> <body> <form method = post action = "Server side program name" > <input type = text name = empname value = XXX> <input type = text name = age value = 24> <input type = submit> </form> </body> </html>
26.
27. Frame Tag Divide web page into sections <html> <head> <title> Frameset </title> </head> <frameset rows= "64,*" > <frame src = "Top.html" name = "banner" scrolling="no" noresize> <frameset cols = "150,*" > <frame src = "menu.html" name = "contents"> <frame src = "home.html" name = "main"> </frameset> </frameset> </html>
28.
29.
30. USES AND DELIVERY OF HTML Web pages creation It is delivered by HTTP from a Web Browser E-mail WWW makes use of HTML documents (Web Server to Web Browser using HTTP)