PLANEACIÓN SEGUNDO PERIODO
PLANEACION SEGUNDO PERIODO Y FASE INTRODUCTORIA A HTML5 Y CSS
1. PLANEACION
2. DESPLIEGUE
1. 1. ¿QUÉ SE ENTIENDE POR CSS INTERNO Y EXTERNO?
El CSS (hojas de
estilo en cascada) es un lenguaje de marcado que se encarga de la apariencia de
las páginas web. Controla los colores, las fuentes y el diseño de los elementos
de tu sitio web.
Este lenguaje de hojas de estilo también te permite añadir
efectos o animaciones. Puedes utilizarlo para mostrar algunas animaciones CSS
como los efectos de clic en los botones, los cargadores y los fondos animados.
El CSS externo es una técnica
utilizada en el diseño web para separar la presentación visual de un sitio web
del contenido HTML. En lugar de incluir todos los estilos directamente en el
archivo HTML, se utiliza un archivo CSS externo, lo que permite una mayor
flexibilidad y organización en el código. El CSS externo se utiliza mediante la
vinculación de un archivo CSS a un documento HTML a través del elemento. Este
archivo CSS contiene todas las reglas de estilo que se aplicarán al contenido
HTML.
El CSS
interno se utiliza cuando se desea aplicar estilos específicos a un único
documento HTML. Para ello, se utiliza la etiqueta <style> dentro de la sección <head> del documento. Dentro de la etiqueta <style> se escriben las reglas CSS que se aplicarán
a los elementos HTML del documento.
2. ¿QUÉ
SON ATRIBUTOS ID Y CLASS?
Los atributos
Id y Class sirven como identificadores en html, son muy importantes para que
los elementos html puedan ser apuntados y personalizados con estilos mediante
el lenguaje de estilos CSS.
Id y class son básicamente
identificadores de elementos HTML que
posteriormente nos servirán por ejemplo para identificarlos, apuntarlos y
seleccionar dichos elementos y maquetarlos, personalizarlos con el lenguaje de
estilos CSS.
El atributo Id
lo utilizaremos para identificar un elemento HTML específicamente, el valor de
id será únicamente para un elemento y el atributo Class también lo
utilizaremos para identificar elementos HTML pero en este caso podemos ponerle
un mismo valor a varios elementos.
3. ¿QUÉ
SON SELECTORES CSS?
Los
selectores CSS son herramientas utilizadas para definir el estilo que quieres
dar a tus elementos en CSS. Existen muchos tipos de selectores en este
lenguaje, cada uno con su propia sintaxis y utilidad. El uso de las reglas
de programación correctas ayuda al explorador a aplicar propiedades
específicas a los elementos indicados.
4. SELECTOR
DE CLASE. EJEMPLO
En CSS, los
selectores de clase son una forma de seleccionar elementos en un documento HTML
para aplicarles estilos específicos. Un selector de clase se define mediante el
uso del carácter punto (.) seguido del nombre de la clase que deseamos
seleccionar.
Para utilizar un
selector de clase en HTML, simplemente debemos agregar el nombre de la clase
como un atributo “class” en el elemento que deseamos estilizar.
Ejemplo:
<div class="nombre-clase">Contenido del
elemento</div>
En el ejemplo
anterior, todos los elementos “div” que tengan la clase “nombre-clase” tendrán
los estilos definidos en el selector de clase correspondiente.
5. SELECTOR
DE ID. EJEMPLO
En
un documento HTML, los selectores de ID de CSS buscan un elemento
basado en el contenido del atributo ID. El atributo ID del elemento
seleccionado debe coincidir exactamente con el valor dado en el selector.
Ejemplo
#myId-elemento { color: red; }
En este
ejemplo, el selector de ID en CSS #myId selecciona el elemento HTML con
id="myId" y cambia su color de texto a rojo.
6. DECLARACION
DE ESTILO. EJEMPLO
La declaración de estilos
en CSS es un concepto fundamental en el desarrollo web. CSS, que significa
«Cascading Style Sheets» o «Hojas de estilo en cascada», es un lenguaje de
programación utilizado para definir la apariencia y el diseño de un sitio web.
A través de la declaración de estilos en CSS, los desarrolladores pueden
controlar aspectos como el color, la tipografía, el tamaño y la disposición del
contenido en una página web.
Las declaraciones en CSS
son una parte esencial de la construcción de sitios web modernos y atractivos.
Estas declaraciones son utilizadas para aplicar estilos y diseños a los
elementos HTML en una página web.
Ejemplo: si quisiéramos cambiar el
color del texto de un encabezado de nivel 1 en un sitio web, podríamos escribir
la siguiente declaración:
h1 {
color:
blue;
}
En este caso, «h1» es el selector y «color» es la
propiedad. La declaración establece que el color del texto para todos los
elementos HTML de tipo h1 será azul
7. RESOLVER
EN EL ENLACE EL TEST Y PUBLICAR RESULTADOS COMO UNA IMAGEN (ENLACE: https://www.digitallearning.es/tests/test-html-css.html)
8. DOS CONCLUSIONES RELACIONADOS CON LA CONSULTA REALIZADA.
· Que el CSS está diseñado para trabajar en conjunto con la
paginas HTML con beneficios muy amplios porque permite la separación de la presentación
y el contenido y por eso en la mayoría de páginas web se encuentra el CSS.
· Los selectores de clase en CSS son una herramienta poderosa para
aplicar estilos específicos a elementos en un documento HTML. El uso de estos
selectores permite escribir un código más eficiente y mantener un aspecto
coherente y mejor diseño en nuestro sitio web.
9. DIFERENCIAS
ENTRE HTTP Y HTTPS.
HTTPS es HTTP con encriptación y verificación. La única diferencia entre ambos protocolos es que el HTTPS utiliza TLS (SSL) para encriptar las peticiones y respuestas HTTP normales, y para firmar digitalmente esas peticiones y respuestas. Como resultado, HTTPS es mucho más seguro que HTTP. Un sitio web que utiliza HTTP tiene http:// en su URL, mientras que un sitio web que utiliza HTTPS tiene https://. Es decir, que la diferencia principal es la seguridad.
10. WEBGRAFIA
https://coloreshtml.es/que-es-css-externo-y-dar-ejemplo/
https://www.oscardehoyos.com/diferencias-entre-los-3-tipos-de-estilos-css-interno-externo-e-inline/
https://desarrolladoresweb.org/html/atributo-id-y-class-en-html/
https://css101.net/que-es-un-selector-de-clase-en-css/
https://www.gyata.ai/es/css/css-id-selector/
https://www.mediummultimedia.com/web/como-se-declara-en-css/
https://www.cloudflare.com/es-es/learning/ssl/why-is-http-not-secure/ht
Comentarios
Publicar un comentario