Fundamentos Esenciales de Desarrollo Web: HTML, CSS y WordPress
Enviado por Chuletator online y clasificado en Informática y Telecomunicaciones
Escrito el en 
español con un tamaño de 7,77 KB
Conceptos Fundamentales de Desarrollo Web
Sección 1: Fundamentos de Redes y Protocolos
Protocolos de Comunicación Cliente-Servidor
En Internet hay dos protocolos para comunicar servidores y clientes. ¿Cuáles son sus siglas? (6 Caracteres, sin espacios).
Respuesta: TCP/IP
Significado de HTTP
¿Qué significa HTTP, que permite transmitir páginas web por Internet? (Se puede responder en inglés o castellano).
Respuesta: HyperText Transfer Protocol (Protocolo de Transferencia de Hipertexto)
Clasificación de Dispositivos en Internet
En Internet, los computadores/dispositivos pueden ser:
- Clientes: demandantes de recursos.
- Servidor: gestores y proveedores de recursos.
Sección 2: Estructura y Elementos de HTML
Navegación en Páginas Web
¿Qué característica/elemento de una página web permite navegar entre las mismas? (Una palabra)
Respuesta: Enlace (o Hipervínculo)
Intérprete de Lenguaje HTML
¿Cómo se llama la aplicación que permite interpretar el lenguaje HTML? (Una palabra)
Respuesta: Navegador
Contenedores Genéricos en HTML
En HTML existen dos contenedores genéricos con la función de contener otros elementos. Nombra uno de ellos.
Respuesta:
<div>o<span>Elemento para Texto Importante
¿Cuál es el elemento HTML que define un texto importante para los navegadores y buscadores, y que se visualiza en negrita?
Respuesta:
<strong>Etiquetas de Párrafo
En un documento web, deseamos agregar un párrafo de texto. Rellena las etiquetas del elemento:
Respuesta:
<p>...</p>Estructura Típica de HTML5
La estructura típica de una página web en HTML5 es la siguiente (rellena lo que falta):
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Título del Documento</title> </head> <body> </body> </html>Definición del Título del Documento
¿Qué elemento define el título de un documento HTML y dónde se sitúa?
- Elemento:
<title> - Se sitúa en:
<head>
- Elemento:
Atributos de Identificación de Elementos
Podemos identificar los elementos de HTML por dos atributos, ¿cuáles?
- Hace referencia a un tipo de elementos:
class - Hace referencia a un único elemento:
id
- Hace referencia a un tipo de elementos:
Posicionamiento de Elementos
<div>y<span>Los elementos
<div>y<span>, ¿a qué nivel se posicionan?<div>: Elemento de bloque<span>: Elemento en línea
Sección 3: Inserción de Contenido (Listas e Imágenes)
Elemento para Crear Listas
¿Cuál es el elemento HTML que permite crear una lista del tipo que aparece en la imagen? (Asumiendo listas ordenadas o desordenadas).
Respuesta:
<ul>(Lista desordenada) o<ol>(Lista ordenada)Inserción de Imagen con Ruta Relativa
Deseamos insertar la imagen del barco (
lapinta.jpg) en una página web. Está situada en una subcarpeta llamadafotos, respecto a la situación de la página. El texto alternativo es: "La Pinta, una de las Carabelas de Cristóbal Colón".Respuesta:
<img src="fotos/lapinta.jpg" alt="La Pinta, una de las Carabelas de Cristóbal Colón">
Sección 4: Estilizado con CSS
Propiedad para Margen Inferior
¿Qué propiedad se usa para cambiar el margen inferior de un elemento?
Respuesta:
margin-bottomSintaxis CSS para Encabezado H2
Escribe la sintaxis CSS correcta para que un encabezado de nivel 2 tenga un fondo de color negro y fuente de color blanco (en una sola línea):
Respuesta:
h2 { background-color: black; color: white; }Estilo de Borde para Imagen
¿Cómo muestras un borde alrededor de una imagen con anchura 2px, estilo sólido y redondeado: 5px?
Respuesta:
img { border-width: 2px; border-style: solid; border-radius: 5px; }Valor de
positionFijo¿Cuál es el valor de la propiedad
positionen CSS para un elemento que se mantiene en la misma posición, aunque nos desplacemos por la página?Respuesta:
fixedSelector y Estado
:hover¿Cuál es el selector y estado para que el texto de un hipervínculo cambie su tamaño al pasar el cursor sobre él?
Respuesta:
a:hover { font-size: 1.2em; }Selección de Párrafos dentro de un
<div>¿Cómo seleccionas todos los elementos de párrafo dentro de un elemento
<div>?Respuesta:
div p { /* reglas CSS */ }Selector de ID
¿Cuál es el selector de un elemento con
id="moto"?Respuesta:
#motoEliminar Subrayado de Hipervínculos
¿En CSS, cómo muestras los hipervínculos sin subrayado?
Respuesta:
a { text-decoration: none; }Selector de Clase
¿Cómo seleccionamos en CSS los elementos con nombre de
class="coche"?Respuesta:
.coche
Sección 5: Introducción a WordPress y CMS
Definición de WordPress
¿Qué es WordPress? Selecciona las opciones correctas:
- Es un sitio web dinámico, que está creado en PHP y bases de datos.
- Es un Sistema de Gestión de Contenido (CMS) que permite crear, organizar, publicar y eliminar contenidos de un sitio web.
Funcionalidad de la Vista de Lista (Spectra)
La vista de lista de Spectra (o del editor de bloques) nos permite:
- Ver y reorganizar la estructura del contenido de la página web.
Herramientas de Construcción de Contenido
Para construir el contenido de una página web usamos un editor o constructor web. ¿Qué usamos para construir el contenido?
Respuesta: Bloques/widgets
Conceptos Clave de WordPress
Relaciona los conceptos de WordPress con sus definiciones:
- Editor / constructor web: Es el componente que permite crear y modificar el contenido.
- Frontend: Es el sitio web que ven los usuarios.
- Backend: Es el panel de control de administración.
- Tema: Es el componente que define cómo se verá tu sitio web visualmente.
Función del Tema en WordPress
El tema es una "plantilla" de WordPress que define cómo se verán:
- El estilo y los elementos comunes del sitio web.