Autores: Pablo Enrique Fernández Casado
Edición: 1a
Año: 2024
Editorial: Alfaomega – Ra-Ma
Encuadernación: Rústica
Medida: 150×220 mm
Páginas: 150
Lomo: 6.9 mm
Peso:362 gr
Descripción
Esta obra introduce a los lectores al emocionante mundo de la creación de páginas web. Escrito por un experimentado desarrollador web, este libro ofrece una sinopsis clara y concisa de los fundamentos esenciales para aquellos que desean iniciarse en el diseño web.
Utilizando un lenguaje claro y didáctico se explican los conceptos básicos del lenguaje HTML, el trabajo con textos, las imágenes y los gráficos. Desde la estructura básica de una página web hasta la implementación de estilos y funcionalidades interactivas, este libro proporciona una base sólida para aquellos que desean dar sus primeros pasos en la creación de sitios web.
Además, desde la web del libro los lectores podrán descargar y utilizar el código que contiene el libro para poner en práctica los conocimientos adquiridos.
MERCADO, COMPETENCIA Y VENTAJAS COMPETITIVAS
Mercado: estudiantes de la materia, profesionales del diseño gráfico y web, aficionados a las publicaciones web.
Ventajas competitivas: nuestro libro es más general y conceptual, menos dependiente de la herramienta de programación.
AUTORES
Pablo Enrique Fernández Casado: Ingeniero informático. UX Manager, Full Stack Analyst Developer y formador certificado por el SEPE, con más de 25 años de experiencia en el campo del desarrollo de sistemas y más de 15 en el campo del diseño de aplicaciones y webs, UX, usabilidad web y accesibilidad web.
Especializado en proveer soluciones integrales de bajo coste y consultorías de Usabilidad Web, Accesibilidad Web y Experiencia de Usuario (UX), además de ofrecer asesoramiento en SEO, optimización de sistemas y páginas web. Experto en JavaScript, Web Components, JSON, JSON-LD, AJAX, HTML, CSS, MySQL, Oracle, PHP, JSP, GIT, Apache, SSI, LMS, CMS, Prestashop, Photoshop, Canva, Cordova.
– LinkedIn: www.linkedin.com/in/pefernandezcasado
– Sitio web: https://islavisual.com/
CONTENIDO
SOBRE EL AUTOR
GLOSARIO DE TÉRMINOS
CAPÍTULO 1. INTRODUCCIÓN A INTERNET
1.1 INTRODUCCIÓN A INTERNET
1.2 NAVEGADORES DE INTERNET
1.3 EL CORREO ELECTRÓNICO EN INTERNET
1.4 OTRAS APLICACIONES DE INTERNET
1.5 HERRAMIENTAS DE DISEÑO DE PÁGINAS WEB
CAPÍTULO 2. PLANIFICACIÓN DE LA WEB
2.1 DISEÑO DEL CONTENIDO
2.2 PROPÓSITO Y AUDIENCIA DE LA WEB
2.2.1 Propósito de la web
2.2.2 Audiencia de la web
2.3 DISEÑO DE LA APARIENCIA
2.4 CONSTRUIR EL SITIO
2.5 ANALIZAR LA ESTRUCTURA
2.6 ORGANIZAR ARCHIVOS
CAPÍTULO 3. LENGUAJE HTML
3.1 PROGRAMACIÓN EN HTML
3.2 CREACIÓN DE UNA PÁGINA EN HTML
3.2.1 Definición del tipo de documento DTD
(!DOCTYPE)
3.2.2 Etiqueta html
3.2.3 Etiqueta head
3.2.4 Etiqueta body
3.2.5 Comentarios
3.3 CABECERAS Y TÍTULOS
3.3.1 Elemento title
3.3.2 Elementos h1h6
3.3.3 Elemento header
3.3.4 Elemento hgroup
3.4 INSERCIÓN DE TEXTOS
3.4.1 Elemento abbr
3.4.2 Elemento address
3.4.3 Elemento bdo
3.4.4 Elementos blockquote y cite
3.4.5 Elemento code
3.4.6 Elemento data
3.4.7 Elemento dfn
3.4.8 Elemento em
3.4.9 Elemento i
3.4.10 Elementos ins y del
3.4.11 Elemento kbd
3.4.12 Elemento mark
3.4.13 Elemento math
3.4.14 Elemento pre
3.4.15 Elementos sub y sup
3.4.16 Elemento var
3.5 SEPARACIÓN DE BLOQUES DE TEXTOS
3.5.1 Elemento article
3.5.2 Elemento aside
3.5.3 Elemento div
3.5.4 Elemento footer
3.5.5 Elemento main
3.5.6 Elemento nav
3.5.7 Elemento section
3.6 INSERCIÓN DE GRÁFICOS
3.6.1 Elementos figure y figcaption
3.6.2 Elemento img
3.6.3 Elemento picture
3.6.4 Elemento source
3.7 CREACIÓN DE HIPERVÍNCULOS A OTRAS PÁGINAS
3.7.1 Elemento a
3.8 CREACIÓN DE TABLAS
3.8.1 Elementos disponibles en HTML5
3.9 INSERCIÓN DE DISTINTOS FRAMES EN UNA
PÁGINA
CAPÍTULO 4. ANIMACIÓN DE GRÁFICOS
4.1 CREACIÓN DE ANIMACIONES EN FORMATO VÍDEO
4.1.1 Inserción de vídeos en una página web
4.2 TRANSFORMACIONES Y EFECTOS
4.2.1 Función de escalado (scale)
4.2.2 Función de rotación (rotate)
4.2.3 Función de sesgado (skew)
4.2.4 Función de traslado (translate)
4.2.5 Filtros o efectos en CSS
4.3 TRANSICIONES
4.3.1 Propiedad transition-delay
4.3.2 Propiedad transition-duration
4.3.3 Propiedad transition-property
4.3.4 Propiedad transition-timing-function
4.4 ANIMACIONES
4.4.1 Propiedad animation-delay
4.4.2 Propiedad animation-direction
4.4.3 Propiedad animation-duration
4.4.4 Propiedad animation-fill-mode
4.4.5 Propiedad animation-iteration-count
4.4.6 Propiedad animation-name
4.4.7 Propiedad animation-play-state.
4.4.8 Propiedad animation-timing-function
4.4.9 Regla keyframes
4.4.10 Ejemplos resueltos
4.5 EFECTOS CON TEXTOS
4.5.1 Efectos estéticos y con movimiento
4.5.2 Creación de textos mejorados y con movimiento
4.5.3 Adecuación de los efectos a la página web
4.6 CREACIÓN DE MAPAS
4.6.1 Identificar la ubicación del archivo
4.6.2 Incrustación de etiqueta IMG
4.6.3 Agregado del atributo usemap
4.6.4 Crear el archivo de mapa de imagen
4.6.5 Definir las áreas interactivas
4.6.6 Guardar y subir el archivo
4.7 COMO ARRASTRAR Y COLOCAR IMÁGENES
4.7.1 Crear el marcado HTML
4.7.2 Estilizar con CSS
4.7.3 Agregar el script de JavaScript
CAPÍTULO 5. OPTIMIZACIÓN Y LIMITACIONES DEL
DISEÑO
5.1 REPARTICIÓN DE ESPACIOS DENTRO DE UNA PÁGINA
5.1.1 Diseño basado en tablas
5.1.2 Diseño basado en cajas flexibles (Flexbox)
5.1.3 Diseño basado en cuadrículas (Grid Layout)
5.2 INSERCIÓN DE UN BACKGROUND
5.2.1 Propiedades CSS disponibles
5.2.2 Adaptación receptiva y adaptativa
5.3 CREACIÓN DE HIPERVÍNCULOS EN REGIONES DE
LA PANTALLA.
5.3.1 Texto con hipervínculos
5.3.2 Imágenes con hipervínculos
5.3.3 Mapas de imagen
5.3.4 CSS para estilizar hipervínculos
5.4 LIMITACIONES DEL TAMAÑO DE LAS PÁGINAS
5.5 OPTIMIZACIÓN DEL TAMAÑO DE LOS GRÁFICOS
PARA UNA MAYOR RAPIDEZ
5.6 LIMITACIONES DE LA POSICIÓN DE LOS
ELEMENTOS
5.7 FORMATOS DE GRÁFICOS ADMITIDOS
REFERENCIAS
MATERIAL ADICIONAL