Sinopsis
Este libro sobre el lenguaje HTML5 (en versión 5.2 en el momento de la redacción de este libro) y las hojas de estilos CSS3, ambos lenguajes fundacionales de la creación de sitios web, está dirigido a desarrolladores que desean tener los conocimientos necesarios para crear y hacer evolucionar sitios web, respetando las buenas prácticas.
El libro está escrito de manera que permite un aprendizaje progresivo de los elementos HTML y las propiedades CSS más utilizados. Su objetivo no es presentar las diferentes variedades de sintaxis existentes, sino solo aquellas que se usan más comúnmente en la creación de sitios web modernos. Los ejemplos de código presentados por el autor se ilustran con capturas de pantalla, para que el lector pueda tener una idea del resultado obtenido.
En la primera parte del libro, el autor proporciona la información necesaria para comprender totalmente el diseño del sitio web. Presenta las especificaciones técnicas de HTML y CSS (las famosas recomendaciones propuestas por el W3C), el papel esencial de los navegadores y su compatibilidad con elementos HTML y propiedades CSS, así como las buenas prácticas de diseño de sitios web, para obtener contenidos semánticamente bien diseñados.
En la segunda parte, el lector aprende a diseñar la estructura de las páginas web, con elementos HTML semánticos dedicados. Luego estudia los elementos que permiten insertar texto, enlaces, tablas, imágenes, formularios, sin olvidar los contenidos multimedia. Se dedica un capítulo a Microdata que permite obtener un sitio semántico y optimizar su SEO.
La tercera parte permite al lector explotar el CSS para formatear y diseñar un sitio web. Aprende la sintaxis de CSS y los selectores, estudia los conceptos de herencia y diseño en cascada. Después, descubre cómo formatear cada componente de una página web: texto, imágenes, formularios y cajas de contenedores. A continuación, se dedica un capítulo a las diferentes técnicas de paginación con los módulos Flexbox y Grid, y se detalla el diseño de sitios web responsivos. El autor termina con el estudio de módulos CSS dedicados a animaciones para energizar páginas web.
Índice
La evolución de las especificaciones
1. Una breve historia de la Web
2. Los trabajos de elaboración de las especificaciones
3. La evolución del HTML
4. La evolución de las CSS
Los navegadores
1. La evolución de los navegadores
2. Las herramientas de desarrollo
3. La compatibilidad de los navegadores
Las buenas prácticas
1. Separar el contenido del formato
2. Utilizar una estructura semántica
3. Optimizar el código y organizar sus archivos
4. Un ejemplo de una página bien formada
5. Validar el código de sus páginas
Los elementos HTML
1. Utilizar correctamente el HTML
2. Las etiquetas y los contenidos
3. Los atributos de los elementos
4. El uso correcto de la sintaxis
5. La anidación de los elementos
6. Los comentarios
La estructura de las páginas
1. La estructura general de las páginas web
2. La declaración doctype
3. El elemento
4. El elemento
4.1 Los elementos hijo del encabezado
4.2 Los elementos
4.3 El elemento
<BR> 4.4 El elemento <link><BR> 4.5 El elemento <style><BR> 4.6 El elemento <script><BR> 5. El elemento <body><BR> 6. Las propiedades de visualización<BR> 7. Ejemplo de una estructura sencilla<BR> Los contenedores semánticos<BR> 1. Utilizar correctamente los contenedores semánticos<BR> 2. El elemento <div><BR> 3. El elemento <span><BR> 4. El elemento <header><BR> 5. El elemento <footer><BR> 6. El elemento <aside><BR> 7. El elemento <nav><BR> 8. El elemento <main><BR> 9. El elemento <section><BR> 10. El elemento <article><BR> 11. La visualización de los elementos de estructura<BR> 12. Dos ejemplos de estructura semántica de página<BR> 12.1 Una estructura semántica sencilla<BR> 12.2 Una estructura semántica más elaborada<BR> 13. Un ejemplo de estructura semántica de un artículo<BR> Los contenedores de texto<BR> 1. Utilizar correctamente los contenedores de texto<BR> 2. Los atributos de idioma y dirección del texto<BR> 3. Los títulos<BR> 4. Los párrafos<BR> 5. Las citas<BR> 6. Las listas<BR> 6.1 Los diferentes tipos de lista<BR> 6.2 Las listas no ordenadas<BR> 6.3 Las listas ordenadas<BR> 6.4 El atributo de <li><BR> 6.5 Las listas de definiciones<BR> 7. Las direcciones<BR> 8. El texto preformateado<BR> 9. Las líneas horizontales<BR> El formateo semántico del texto<BR> 1. Utilizar un formateo semántico<BR> 2. Insertar caracteres especiales<BR> 3. El marcado de especial énfasis<BR> 4. El énfasis sencillo<BR> 5. Resaltar en negrita y cursiva<BR> 6. El índice y el exponente<BR> 7. El subrayado<BR> 8. El tachado<BR> 9. Reducir el tamaño de los caracteres<BR> 10. Los títulos de obras y las citas cortas<BR> 11. Las inserciones y eliminaciones<BR> 12. El retorno de línea<BR> 13. Otros formatos semánticos<BR> Los elementos de interacción<BR> 1. Mostrar los detalles<BR> 2. Utilizar un cuadro de diálogo<BR> Los enlaces<BR> 1. Inserción de enlaces para unir páginas<BR> 2. La estructura de los enlaces<BR> 3. Los enlaces a las páginas<BR> 4. Los enlaces internos<BR> 5. El contexto de apertura del enlace<BR> 6. Las relaciones de los enlaces<BR> 7. Los enlaces al correo electrónico<BR> 8. Los enlaces de descarga<BR> 9. Enlaces en imágenes<BR> Las tablas<BR> 1. La correcta utilización de las tablas<BR> 2. La estructura de las tablas<BR> 3. Las líneas<BR> 4. Las celdas<BR> 5. La fusión de celdas<BR> 6. El título<BR> 7. Los grupos de columnas<BR> 7.1 Agrupar columnas<BR> 7.2 Enumerar las columnas<BR> 8. Las tablas estructuradas<BR> Las imágenes<BR> 1. Explotar correctamente las imágenes<BR> 2. Entender los formatos de compresión<BR> 2.1 Comprimir las imágenes<BR> 2.2 El formato GIF<BR> 2.3 El formato JPEG<BR> 2.4 El formato PNG<BR> 3. Insertar imágenes con el elemento <img><BR> 3.1 La utilización de las imágenes<BR> 3.2 El atributo src<BR> 3.3 El atributo alt<BR> 3.4 Los atributos width y height<BR> 3.5 Los atributos srcset y size<BR> 4. Insertar ilustraciones con el elemento <figure><BR> 4.1 La utilización de las ilustraciones<BR> 4.2 El elemento <figure><BR> 4.3 El elemento <figcaption><BR> Los formularios<BR> 1. La presencia de formularios en </p>
</div>
</div>
</div>
<div class="pie_principal"></div>
</div>
<div id="footer">
<div class="contenido_footer">
<div class="menu_footer">
<a href="http://www.weblibrerias.com" target="_blank">Diseño web</a> |
<a href="/paginaParrafos.php?codigo=1">Aviso Legal</a> |
<a href="/paginaParrafos.php?codigo=2">Políticia de Privacidad</a> |
<a href="/paginaParrafos.php?codigo=3">Condiciones de Venta</a> |
<a href="/paginaParrafos.php?codigo=8">Política de Cookies</a> |
<a href="/contacto/formContacto.php">Contacto</a>
</div>
<div class="datos_footer">
<p><strong>Cocodrilo Libros de Informática S.L. </strong><br />
T. <!--91 5465254-->622 313 414<br />
<br />
E.<a href="mailto:cocodrilo@cocodrilolibros.com">cocodrilo@cocodrilolibros.com</a> </p>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12920516-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html> 
Librería Portfolio