PLANEACIÓN SEGUNDO PERIODO

 PLANEACION SEGUNDO PERIODO Y FASE INTRODUCTORIA A HTML5 Y CSS


Despliegue

Sistema de Evaluación


Consulta:

1. ¿QUÉ SE ENTIENDE POR CSS INTERNO Y EXTERNO?

R/ El CSS externo suele ser el más recomendado al realizar un proyecto web, Se escribe en un archivo con extensión “.css” el cual se vincula al documento HTML por medio de un enlace en la cabecera del sitio, Este archivo puede encontrarse alojado bien sea en una ubicación externa al sitio web o en el mismo hosting web donde se encuentre el proyecto.

Este enfoque se centra en la centralización de estilos en archivos reutilizables para todas las páginas que lo requieran. Proporciona consistencia, es fácil de mantener y permite cachear los archivos CSS de forma independiente. Es el tipo de CSS más escalable y profesional.


El CSS interno se define dentro de la sección de la cabecera “<head>” de un documento HTML usando las etiquetas “<style>”
Esto nos permite definir estilos que se aplican a todos los elementos del documento HTML. Es más mantenible que el CSS inline, pero no permite la reutilización en otras páginas, sin embargo, puede ser realmente útil para páginas simples.


2. ¿QUÉ SON ATRIBUTOS ID Y CLASS?

R/ El Id debe ser utilizado una sola vez dentro de la página en la que se está trabajando, mientras que la clase se puede repetir varias veces para diferentes elementos.

En HTML, podemos darle un identificador a una etiqueta HTML y de esta forma darle un nombre. Simplemente, añadimos el atributo id y colocamos el nombre como valor de ese atributo.
Ese identificador único tiene unas normas:
No debe empezar nunca por un número, pero puede contenerlos más adelante.
El texto debe estar en kebab-case, es decir, minúsculas y separados por un guion.
Es preferible que no contenga caracteres raros, acentuados o emojis.
En un documento HTML no pueden existir dos elementos con el mismo id.

Las clases funcionan de una forma muy similar a los id, pero son mucho más flexibles. Utilizaremos el atributo class, donde le asignaremos el nombre de clase deseado. En primer lugar, no tienen la limitación de los id, por lo que pueden existir elementos con la misma clase en un documento. De hecho, la idea de las clases es establecer géneros o tipos de etiquetas, a los que les asociemos características comunes.


3. ¿QUÉ SON SELECTORES CSS? 

R/ Un selector CSS es la primera parte de una regla CSS. Es un patrón de elementos y otros términos que indican al navegador qué elementos HTML se seleccionan para aplicarles una regla que incluye los valores de las propiedades CSS. El elemento o los elementos seleccionados por el selector se denominan sujeto del selector.


4. SELECTOR DE CLASE. EJEMPLO

R/ Supongamos que en esta ocasión quieres cambiar todos los elementos de la clase "pastoral" a un color anaranjado. 

Así es como luciría este documento en HTML:


Este es el código en CSS con un selector que define todos los elementos pertenecientes a la clase "pastoral":


De acuerdo con estas reglas, la línea en h1 no debe cambiar de color, pero la segunda sí. Este es el resultado:



5. SELECTOR DE ID. EJEMPLO

Si en este ejemplo queremos cambiar el color y la alineación de un elemento nombrado con el ID "hubspot" tendremos que seguir las siguientes instrucciones.

Así es como luciría el código en HTML:


Este es el código en CSS con un selector de ID que hace referencia a todos los elementos con el nombre "hubspot":


Este es el resultado:


Si el ID del atributo del elemento está escrito en minúsculas el selector deberá incluir el nombre en minúsculas. De lo contrario, los elementos con una diferente escritura no serán seleccionados.


6. DECLARACION DE ESTILO. EJEMPLO:



7. 


8. DIGA DOS CONCLUSIONES RELACIONADOS CON LA CONSULTA REALIZADA

1.El HTML es la estructura básica de una página web, mientras que el CSS define el estilo y la presentación visual de la misma.

2. En conclusión el CSS es una gran herramienta al momento de crear una página web ya que nos brinda más opciones para personalizar una página web o un código.

9. DIFERENCIAS ENTRE HTTP Y HTTPS. 

R/ HTTP, acrónimo de Hypertext Transfer Protocol, es un protocolo de capa de aplicación utilizado para la transferencia de información en la web. Funciona como un sistema de solicitud-respuesta entre un cliente y un servidor para que, cuando un usuario accede a una página web, su navegador envíe una solicitud HTTP al servidor, que a su vez responde con el contenido solicitado.

Este protocolo es fundamental para la comunicación en la web, pero tiene una limitación significativa: no cifra los datos transferidos.

HTTPS, que significa Hypertext Transfer Protocol Secure, es la versión segura de HTTP. ¿En qué consiste el protocolo HTTPS? Incorpora una capa adicional de seguridad mediante el uso de certificados SSL (Secure Socket Layer) o TLS (Transport Layer Security) para cifrar las comunicaciones entre el navegador del usuario y el servidor web.Esto asegura que cualquier dato transferido, como información personal o detalles de tarjetas de crédito, permanezca privado y protegido contra posibles incursiones externas con malas intenciones.

Además de mejorar la seguridad de una web, HTTPS también autentifica las páginas, asegurando a los usuarios que están conectados a la web correcta y no a una réplica fraudulenta. 

10. WEBGRAFIA 

https://www.webempresa.com/blog/que-es-css-y-para-que-sirve.html

https://lenguajehtml.com/html/introduccion/atributos-comunes-html/

https://developer.mozilla.org/es/docs/Learn/CSS/Building_blocks/Selectors

https://blog.hubspot.es/website/selectores-css

https://developer.mozilla.org/es/docs/Web/HTML/Element/stylef

https://www.godaddy.com/resources/es/seguridad/diferencia-entre-http-y-https


Comentarios

Entradas más populares de este blog

PLANEACION GRADO NOVENO PERIODO 3 INFORMÁTICA/PROGRAMACIÓN

PLANEACIÓN Y CONSULTA FORMULARIOS HTML P4

PLANEACION GRADO DÉCIMO INFORMÁTICA/PROGRAMACIÓN