Como aplicar CSS3 en html5

Skynet · 27 Enero 2017, 04:03 AM

Hola a todos soy nuevo en el foro. Antes que nada quiero aclarar que no tengo experiencia en programación pero tengo interés en aprender. Por ende me puse a investigar mediante internet y PDF sobre el diseño web. Primero empecé con el bloc de notas de Windows pero no encontré diferencias entre HTML y html5 entonces pensé en cambiarme a Dreamweaver pero al colocar mi código no noto ninguna deferencia. Les dejo el código y mi pregunta seria en que fallo o que es lo que desconozco ya que no tengo ninguna experiencia en el tema.

Código [Seleccionar]

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="iso-8859-1">
<meta name="description" content="Ejemplo de HTML5">
<meta name="keywords" content="HTML5, CSS3, javascript">
<title>Este texto es el título del documento</title>
<link rel="stylesheet" href="misestilos.css">
</head>
<body>
<header>
<h1>Este es el título principal del sitio web</h1>
</header>
<nav>
<ul>
<li>principal</li>
<li>fotos</li>
<li>videos</li>
<li>contacto</li>
</ul>
</nav>
<section>
<article>
<header>
<hgroup>
<h1>Título del mensaje uno</h1>
<h2>Subtítulo del mensaje uno</h2>
</hgroup>
<p>publicado 10-12-2011</p>
</header>
Este es el texto de mi primer mensaje
<footer>
<p>comentarios (0)</p>
</footer>
</article>
<article>
<header>
<hgroup>
<h1>Título del mensaje dos</h1>
<h2>Subtítulo del mensaje dos</h2>
</hgroup>
<p>publicado 15-12-2011</p>
</header>
Este es el texto de mi segundo mensaje
<footer>
<p>comentarios (0)</p>
</footer>
</article>
</section>
<aside>
<blockquote>Mensaje número uno</blockquote>
<blockquote>Mensaje número dos</blockquote>
</aside>
<footer>
Derechos Reservados &copy; 2016-2017
</footer>
</body>
</html>

engel lex · 27 Enero 2017, 04:12 AM

visualmente no hay diferencias, esto es para mantener la compatibilidad... lo que hay es una serie de elementos nuevos como las etiquetas... mejor te dejo un link explicativo

https://www.ibm.com/developerworks/ssa/web/library/wa-html5structuraltags/

sobre el css... te toca estudiar css para poder usarlo...

no recomiendo el uso de programas WYSWYG como dreamweaver, tienden a terminar produciendo confusión y problemas a la hora de producción, es más recomendable trabajar con codigo puro y probar en el navegador

Skynet · 27 Enero 2017, 04:31 AM

Gracias por la ayuda, mejor profundizo mas en HTML y luego aprendo a usar ccs3

engel lex · 27 Enero 2017, 04:35 AM

aprende ambos par mente... ya que hay cosas que te vas a intentar matando en html y es trabajo de css

Skynet · 27 Enero 2017, 04:51 AM

Ok gracias otra pregunta
Una vez intente subir una plantilla a Blogger con un código que obtuve de Dreamweaver el que viene por defecto y blogger me dijo que estaba incompleta aunque creo que es por en Blogger se trabaja con xml

engel lex · 27 Enero 2017, 04:57 AM

no se... puede ser cualquier cosa... y dudo que blogger use xml... para eso está html XD en su defecto xhtml que es un html más estricto (por resumir)

#!drvy · 29 Enero 2017, 11:37 AM

Citarno se... puede ser cualquier cosa... y dudo que blogger use xml

Usan una mezcla muy rara entre xml y html. Son así de atravesados.

PD: Pasate a HTML5, vas a facilitar mucho a los usuarios con nuevos dispositivos con funciones modo lectura y otras cosas. Y si te puedes permitir otra cosa que no sea blogger, te lo recomendaría (crea mucho codigo bloatware en los posts).

Saludos

Skynet · 30 Enero 2017, 04:24 AM

CitarY si te puedes permitir otra cosa que no sea blogger, te lo recomendaría

Gracias por la sugerencia, en mi caso uso blogger porque dispongo de hosting y dominio gratuito. En realidad es mi hobby por el momento. Aunque me he planteado convertirlo en mi profesión luego de terminar mis estudios de bachiller.

Me importa aprender a programar, pero no es una urgencia.