Guía básica para pegarle al xhtml (Primera parte)
•Descargar como PPT, PDF•
7 recomendaciones•1,291 vistas
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)
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a Guía básica para pegarle al xhtml (Primera parte)
Similar a Guía básica para pegarle al xhtml (Primera parte) (20)
Último
Último (20)
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>