Guía básica para pegarle al xhtml (Primera parte)
•Download as PPT, PDF•
7 likes•1,291 views
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)
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Guía básica para pegarle al xhtml (Primera parte)
Similar to Guía básica para pegarle al xhtml (Primera parte) (20)
Recently uploaded
Recently uploaded (11)
Guía básica para pegarle al xhtml (Primera parte)
- 3. Carlos Julio Caicedo C
- 9. ¿?
- 10. usando css y xhtml? ¿Por qué hacer un sitio web
- 11. para el diseño visual Más posibilidades
- 18. útil, ¿no creen? :- )
- 19. ¿Más razones?
- 20. www.country-boys.net Capas y elementos superpuestos
- 21. www.haus-hoyer.de Elementos flotantes e interactivos
- 22. www.haus-hoyer.de Ajax, CSS y xhtml hacen un bonito trío
- 23. www.haus-hoyer.de Ajax, CSS y xhtml hacen un bonito trío
- 24. www.haus-hoyer.de Ajax, CSS y xhtml hacen un bonito trío
- 25. … y como si fuera poco…
- 26. www.csszengarden.com Un solo documento, varias versiones
- 27. www.csszengarden.com Un solo documento, varias versiones
- 28. www.csszengarden.com Un solo documento, varias versiones
- 29. Pero eso no es todo
- 30. Sitios Web Mas livianos
- 31. Menos código Menor tiempo de descarga Uso eficiente de la memoria temporal
- 32. Además…
- 33. Proceso eficiente De desarrollo
- 34. Adiós al find+replace p { font-size:14px; color:#000000; }
- 35. La estructura separada de la presentación
- 36. La estructura separada de la presentación
- 37. La estructura separada de la presentación
- 38. La estructura separada de la presentación
- 39. La estructura separada de la presentación
- 40. La estructura separada de la presentación (los ingenieros y los diseñadores no se pisarán las mangueras)
- 41. Acordaos
- 43. <!-- Sir Tim Berners-Lee @ W3C --> Permitir que mas personas, sin importar sus limitaciones físicas o funcionales puedan consultar la información que se encuentra en Internet.
- 44. Para completar
- 45. Hacer las cosas bien
- 48. Espero haberlos convencido :- D
- 50. Bueno pues, ¿Qué necesito para empezar?
- 51. Editor de texto
- 52. Editor de texto
- 53. Editor de texto
- 54. Navegador web
- 55. Navegador web
- 56. Navegador web
- 57. Navegador web
- 58. Navegador web
- 59. Navegador web
- 60. Navegador web
- 61. DOM Inspector 1.8.0.7 Web Developer 1.0.2 Fire Bug 0.4
- 64. Comienza la enunciación de elementos visibles
- 65. Comienza la enunciación de elementos visibles Barra de navegación
- 66. Comienza la enunciación de elementos visibles Barra de navegación El div es un elemento individual, mientras que un class define características comunes
- 68. xml html +
- 69. Presentación de datos estructurados en un orden jerárquico. html
- 70. Formato abierto. Creación de etiquetas incompatibles. html
- 71. flash html vs
- 72. flash html vs Colectivo Individual
- 73. flash html vs Colectivo Individual Generadores Generador
- 74. flash html vs Colectivo Individual Generadores Generador Visores Visor
- 75. Desorden html =
- 76. Datos . Sintaxis estricta . Propias etiquetas . Información universal . xml
- 77. xml html +
- 78. Presentación de datos a través de etiquetas . Información disponible para diversos dispositivos. xhtml
- 80. Sintaxis
- 83. <table cellspacing=“0”> Etiqueta Atributo
- 84. <table cellspacing=“0”> Etiqueta Atributo Valor
- 85. Reglas básicas
- 87. <!DOCTYPE> <html> <head> Información del documento </head> <body> Contenido presentado </body> </html>
- 88. 02 Defina el tipo de documento
- 89. xhtml estricto <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict // ES " "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-strict.dtd ">
- 90. xhtml de transición <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional // ES " "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-frameset.dtd ">
- 91. xhtml para marcos <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset // ES " "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd ">
- 92. 03 Lo que se abre, se cierra
- 93. <p >Párrafo</p> <br /> <input /> <img src=“../igu/imgs/logo.png” /> <meta />
- 94. 04 Jerarquía en los elementos
- 96. <p ><strong>Párrafo</p></strong> <p ><strong>Párrafo</strong></p>
- 97. <p ><strong>Párrafo</p></strong> <p ><strong>Párrafo</strong></p> <span><div>Texto</div></span>
- 98. <p ><strong>Párrafo</p></strong> <p ><strong>Párrafo</strong></p> <span><div>Texto</div></span> <div><span>Texto</span></div>
- 99. 05 Sangrados (Un consejo)
- 100. <table> <tr> <th>1</th> <th>2</th> </tr> <tr> <td>Dato01</td> <td>Dato02</td> </tr> </table>
- 102. 01 Contenido
- 103. <h1>Título principal</h1> <h2>Título secundario</h2> … <h6>Subtítulo</h6> <p>Párrafo<br /> Continuación del párrafo</p> <ul> <li>Lista desordenada</li> </ul> <ol> <li>Lista ordenada</li> </ol>
- 104. 02 Importancia
- 105. <p>Dentro de una linea se resaltan <strong> las palabras importantes <strong></p> <p>Así también, se pueden resaltar empleando <em> esta etiqueta </em></h2>
- 106. 03 Tipo
- 107. <cite>Ser o no ser</cite> <code>funtion validar (busqueda)</code> <abbr>Dir.</abbr> <acronym>DANE</acronym>
- 108. 04 Formularios
- 109. <form> <fieldset id=“campos”> <p><label>Nombre</label><br /> <input /></p> <p><label>Nombre</label><br /> <input /></p> </fieldset> <fieldset id=“acciones”> <p><button>Enviar</button> o <a>volver</a> al menu anterior</p> </fieldset> </form>
- 110. 05 Tablas
- 111. <table> <thead> <tr> <th>Col 01</th> <th>Col 02</th> </tr> </thead> <tbody> <tr> <td>Dato 01</td> <td>Dato 02</td> </tr> </tbody> <tfoot> <tr> <td>Resultado 01</td> <td>Resultado 02</td> </tr> </tfoot> </table>
- 112. 06 Agrupamiento
- 113. <div> <h1>Titulo</h1> <p>Párrafos</p> <table> </table> <p>Otra linea de texto <span>con un texto diferenciado</span> del resto</p> </div>
- 114. 07 id - class
- 115. <div id=“encabezado”> <h1>Titulo</h1> </div> <div id=“contenidos”> <h2>Noticia 01</h2> <p class=“datos”>17 de Julio</p> <p>Contenido</p> <h2>Noticia 01</h2> <p class=“datos”>18 de Julio</p> <p>Contenido</p> </div>