Fundamentos de Internet, HTML, CSS y WordPress: Conceptos Clave
Enviado por Chuletator online y clasificado en Informática y Telecomunicaciones
Escrito el en 
español con un tamaño de 9,25 KB
Fundamentos de Internet
¿Qué es la URL? Localizador uniforme de recursos.
- Servidor: Proveedor de servicios/recursos.
- Cliente: Demandante de servicios/recursos.
¿Se puede decir que Internet, la World Wide Web y la Nube son formas de referirnos a lo mismo? No.
Dispositivos y Conectividad
- Software: Conjunto de programas o instrucciones lógico-matemáticas.
- Tarjeta de red / Wi-Fi: Sistema que permite conectarnos a la red local y, a través de ella, a Internet.
- Dispositivo: Sistema electrónico que procesa información.
- Hardware: Componentes físicos (teclado, ratón, monitor, CPU, etc.).
¿Para qué se utiliza la IP en Internet?
- Identificar el dispositivo.
- Identificar la conexión del dispositivo.
Los servidores DNS son los encargados de resolver la IP de un dominio. Este proceso no se realiza en una sola base de datos, sino que es jerárquico.
Protocolos de comunicación: TCP/IP.
Servicios de Internet
Incluyen: Banca online, almacenamiento de archivos, e-mail, tiendas online, VoIP/videoconferencia, WWW, traducción de idiomas y streaming.
Estructura de una URL
Ejemplo: https://www.google.com
- https: Protocolo.
- www: Subdominio.
- google: Nombre del dominio.
- .com: Dominio de nivel superior (TLD).
Lenguaje CSS
¿Cómo muestras un borde alrededor de una imagen con anchura 2px, estilo sólido y redondeado: 5px? Rellena las propiedades y valores en el orden que se nombran. img {border-width:2px; border-style:solid; border-radius:5px;} ¿Cómo seleccionamos en CSS los elementos con nombre de clase="coche"? .coche¿En CSS, ¿cómo muestras los hipervínculos sin subrayado? a {text-decoration:none;}
LA WEB Y HTM El lenguaje HTML se utiliza para introducir el contenido de una página Web. ¿Qué tipo de lenguaje es? Marcas ¿Cuándo se creó la primera página Web? A principios de la década de 1990 ¿Qué característica/elemento de una página Web permite navegar entre las mismas? Enlace ¿Cuál es el estandar de HTML utilizado en la actualidad? HTML 5 ¿Qué significa HTTP, que permite transmitir páginas Webs por Internet?
Protocolo de Transferencia de Hipertexto
Web 2.0 → Interacción (opinar/comprar) Web 3.0 → Inteligencia / comprensión tipo humano Web 1.0 → Solo lectura (informativa) ¿Quién regula y estandariza el código HTML? W3C Las páginas Web se pueden dividir en páginas web estáticas y dinámicas. ¿Qué lenguajes están asociados a cada uno de ellos? Dinámicas → PHP, BD, JavaScript Estáticas → HTML y CSS ¿Para qué nacieron las páginas Webs? Para compartir información entre computadores/software¿Cómo se llama la aplicación que permite interpretar el lenguaje HTML? Navegador
EL LENGUAJE HTML
En HTML existen dos contenedores genéricos con la función de contener otros elementos. Nombra uno.
Deseamos insertar la imagen del barco (lapinta.jpg) en una página Web. El texto alternativo es: "La Pinta, una de las Carabelas de Cristobal Colón".Escribe la etiqueta: g src="fotos/lapinta.jpg" alt="La Pinta, una de las Carabelas de Cristobal Colón"> Los elementos en línea, como por ejemplo las imagenes o hipervínculos, se muestran: Sin comenzar una nueva línea ¿Cuál es el elemento HTML que permite crear una lista del tipo que aparece en la imagen?
¿Qué elemento define el título de un documento HTML y dónde se situa?
- Elemento:
- Se sitúa en:
Los elementos
→ Elemento de bloque→ Elemento en línea
¿Cual es el elemento HTML que define un texto importante para los navegadores y buscadores? ¿Y que se visualiza en negrita?
En un documento Web, deseamos agregar un párrafo de texto. Rellena las etiquetas del elemento:
Somos una empresa con más de 25 años de experiencia en el sector sanitario; a nivel nacional
¿Cuál es el elemento HTML que inserta un salto de línea?
LENGUAJE DE CSS
El (padding) de un elemento está contenido dentro del margen de este. Falso ¿Cómo seleccionas todos elementos de párrafo dentro de un elemento div? div p¿Cuál es la sintaxis CSS correcta para hacer que los elementos de una lista se muestren en negrita? li {font-weight:bold;} Seleccione una o más de una: Según la propiedad justify-content, ¿En que dirección se centran los items de contenido? Verticalmente ¿Cuál es el selector de un elemento con id="moto"? #moto ¿Qué propiedad se usa para cambiar el margen inferior de un elemento? margin-bottom ¿Cuál es selector y estado para que el texto de un hipervínculo cambie su tamaño al pasar el curso sobre él? a:hover { font-size: 1.2em; } ¿Cuál es el enlace HTML correcto para referirse a una hoja de estilos externa? Escribe la sintaxis CSS correcta para que un encabezado de nivel 2 tenga un fondo de color negro y fuente de color blanco h2 {background-color:black; color:white;}
WORDPRESS
La vista de lista Spectra nos permite: Ver y reorganizar la estructura del contenido de la página web. El tema es una ¨plantilla¨ de Wordpress que define como se verán: El estilo y los elementos comunes del sitio web. ¿Qué es WordPress? Selecciona las opciones correctas. Es un sistema de gestión de contenido que permite crear, organizar, publicar y eliminar contenidos de un sitio Web.
Es un sitio web dinámico, creado en PHP y bases de datos. Relaciona los conceptos de WordPress con sus definiciones:
Tema → Es el componente que define cómo se verá tu sitio web (elementos comunes y estilo).
Backend → Es el panel de control de tu sitio.
Editor/Constructor web → Es el componente que permite agregar contenido a las páginas web de tu sitio a través de bloques/widgets.
Frontend → Es el sitio web que ven los usuarios cuando entran en el Url del dominio
Para construir el contenido de una página web usamos un editor o constructor web. ¿Qué usamos?
✅ b. Bloques/widgets