Entradas

Mostrando las entradas etiquetadas como LM-2Evaluacion

Etiqueta iframe y optimización CSS

Imagen
  lenguaje de marcas 25-02-2021 (online) En la clase de Lenguaje de Marcas impartida el día 25-02-2021,   aprendimos una nueva etiqueta para insertar videos llamada iframe, la cual se tiene que insertar de esta forma: El titulo es el titulo que tiene el video, el width y el height es el tamaño del video y el src es el enlace que le pertenece al video. También repasamos los formularios y la optimización de código en el CSS. Estas características definen como se optimiza el CSS: ▸ Minimizar CSS para producción ▸ Borrar reglas innecesarias y duplicadas ▸ Ordenar las propiedades por orden alfabético ▸ CSS en la cabecera ▸ Si el CSS es muy grande partirlo en varios ▸ Organiza las reglas poniendo las que tengan relación juntas ▸ Documento tus ficheros CSS

Ejercicios pendientes

  lenguaje de marcas 23-02-2021 (modalidad presencial y online) En la clase de Lenguaje de Marcas impartida el día 23-02-2021,   resolvemos el ejercicio que teníamos pendiente de elementos flotantes y fijamos la fecha de los exámenes. También nos comenta como será el ejercicio que nos mandara para el jueves siguiente.

Dudas float

  lenguaje de marcas 18-02-2021 (modalidad presencial y online) En la clase de Lenguaje de Marcas impartida el día 18-02-2021,   resolvemos varias dudas que nos surgen con la maquetación float y realizamos un ejercicio para aclarar y esclarecer todas las dudas para nuestro proyecto, en el cual, tenemos que hacer uso de este tipo de maquetación.

Resolucion de dudas y propiedades CSS

Imagen
  lenguaje de marcas 16-02-2021 (Grupo Z presencial, Grupo A trabaja en casa una práctica) En la clase de Lenguaje de Marcas impartida el día 16-02-2021,   realizamos una practica que nos manda Miguel, y resolvemos dudas de maquetacion y de las etiquetas de posicion. Vemos tambien las distintas propiedades que tiene css como el color de fondo, el color de las letras, el tamaño, la alineacion, la altura de las letras o la familia de las letras, etc. Aqui podemos ver unos ejemplos de ello:                    

Resolucion dudas y propiedad clear

  lenguaje de marcas 11-02-2021 (modalidad presencial y online) En la clase de Lenguaje de Marcas impartida el día 11-02-2021,   resolvemos dudas de nuestros proyectos y trabajamos con propiedad float y clear para maquetar La propiedad CSS clear especifica si un elemento puede estar al lado de elementos flotantes que lo preceden o si debe ser movido (cleared) debajo de ellos. La propiedad clear aplica a ambos elementos flotantes y no flotantes. #container::after { content : "" ; display : block ; clear : both ; }

Resolución dudas

base de datos 11-02-2021 (modalidad presencial y online)   En la clase de Lenguaje de Marcas impartida el día 11-02-2021, Resolución de dudas sobre los proyectos de mis compañeros y me resuelve duda sobre las entidades y las relaciones.

Requesitos practica 2EV y contenido css

  lenguaje de marcas 09-02-2021 (modalidad presencial y online) En la clase de Lenguaje de Marcas impartida el día 09-02-2021,   nos explica los requesitos que debe tener la practica de la segunda evaluacion y solucionamos la practica la cual estaba relacionada con position. Nos abre contenido para poner css en los contenidos.

DOM y maquetacion

  lenguaje de marcas 04-02-2021 (modalidad presencial y online)   En la clase de Lenguaje de Marcas impartida el día 04-02-2021, v emos conceptos relacionados con el DOM y realizamos un ejercicio de maquetación para practicar. No vemos mas contenido nuevo. Concepto de DOM: En Javascript, cuando nos referimos al DOM nos referimos a esta estructura, que podemos modificar de forma dinámica desde Javascript, añadiendo nuevas etiquetas, modificando o eliminando otras, cambiando sus atributos HTML, añadiendo clases, cambiando el contenido de texto, etc...

Propiedad position

Imagen
  lenguaje de marcas 02-02-2021 (modalidad presencial y online) En la clase de Lenguaje de Marcas impartida el día 02-02-2021,  repasamos algunos contenidos que no llegamos a tocar la semana anterior del box-sizing y el posicionamiento. Después vimos que era la propiedad position y como se utilizaba. La propiedad position de CSS especifica cómo un elemento es posicionado en el documento. Repasamos con un ejercicio.

El display y el box-sizing

Imagen
  lenguaje de marcas 28-01-2021 (modalidad presencial y online) En la clase de Lenguaje de Marcas impartida el día 28-01-2021,  empezamos repasando una propiedad llamada "display", la cual  establece los tipos de visualización interna y externa de un elemento. display : block : ; display : inline ; display : run-in ; Después de ver varios ejemplos de el display, analizamos la importancia de la propiedad box-sizing: Debe calcular el ancho y alto total de un elemento. Estos son los tipos que hay: Tambien aprendimos varias propiedades para centrar el layout y los prefijos para los navegadores.

Sentencias y disco duro virtual

  bases de datos 27-01-2021 (modalidad presencial y online) En la clase de Lenguaje de marcas impartida el día 27-01-2021, aprendemos a copiar el disco duro virtual de la máquina virtual en un disco duro extraible y configurarlo en la máquina virtual. Tambien nos enseña una nueva manera de gestionar nuestro trabajo a traves de Amazon Web Services (AWS) para crear maquinas viurtuales. Aprendemos dos nuevas sentencias. La primera es la sentencia insert, la cual se escribe asi: MySQL 1 INSERT INTO usuarios (nombre, apellidos) VALUES ( 'Juan' , 'Garcia Pérez' ); Despues aprendemos la sentencia delete que se escribe asi: MySQL 1 DELETE FROM usuarios WHERE edad > 35 Los ejecutamos en la terminal y Consultamos documentación sobre MariaDB.

Flujo de elementos, display y position

Imagen
  lenguaje de marcas 26-01-2021 (modalidad presencial y online) En la clase de Lenguaje de Marcas impartida el día 26-01-2021, tocamos el tema del flujo de los elementos en la ventana del navegador, para inspeccionar y ver el codigo y demas opciones. Tambien vimos el tipo de cajas que tenia el display. Investigando he encontrado las caracteristicas de los dos tipos de cajas que hay: Cajas en bloque: La caja fuerza un salto de línea al llegar al final de la línea. La caja se extenderá en la dirección de la línea para llenar todo el espacio disponible que haya en su contenedor. En la mayoría de los casos, esto significa que la caja será tan ancha como su contenedor, y llenará el 100% del espacio disponible. Se respetan las propiedades   width   y   height . El relleno, el margen y el borde mantienen a los otros elementos alejados de la caja. La caja no fuerza ningún salto de línea al llegar al final de la línea. Las propiedades   width   y   height ...

Tipos de layouts y maquetacion

  lenguaje de marcas 19-01-2021 (online) En la clase de Lenguaje de Marcas impartida el día 19-01-2021, hablamos de lo que significa la maquetación . Esta toma por definición que es la parte que se encarga de definir la disposición de los distintos elementos (imágenes, texto, etc...) que forman nuestra página web. Aquí tienes unas recomendaciones: 1. Esquema previo. 2. De lo mas grande a lo mas pequeño. 3. Utiliza las ayudas que dispones. 4. Ahorra tiempo copiando todo lo que se pueda. 5. Probarlo en distintos navegadores 6. El punto mas importante, PACIENCIA!. También vimos todos los distintos tipos de layouts que puede haber que son estos: -Fixed: Seria la anchura de fijo expresada en pixeles. -Elastic: Anchura de pagina fijo expresada en ems. -Fluid: Anchura de pagina y se expresa en porcentaje.

Modelo de Cajas

Imagen
Lenguaje de marcas 14-01-2021 (online) En la clase de Lenguaje de Marcas impartida el día 14-01-2021, aprendimos etiquetas para el modelo de las cajas.  <div> : Define un bloque de información.  <span> : Se recomiendo utilizar para definir en contenido de un elemento dentro del propio div Estas etiquetas pueden tener varios atributos. Vamos a explicarlos: - margin : Determina el margen de la caja. Este puede determinarse de los 4 ángulos: margin-left, margin-right, margin-top, margin-bottom.  - padding : Determina el espacio entre el borde y el contenido de un elemento. Se puede definir con px o si pones: padding-left, padding-right, padding-top, padding-bottom.