#ID y .Class en HTML

Diferencias entre selector #ID y selector .Class

#ID es un elemento único dentro del documento HTML.

ID tiene más peso dentro de la línea de código HTML, seguido del selector Class. La etiqueta de ID dará los valores a Class todo esto por el peso o prioridad de la misma.

.Class si se puede usar más veces dentro del documento HTML, lo podemos utilizar para reducir las líneas de código, por ejemplo si queremos aplicar el mismo estilo a varios elementos.

Forma correcta de la etiqueta

Selector #ID

#ID<h2 id=»Listas»>LISTAS</h2>

Selector .Class

<style>
h1 {
color: Brown;
border: 0px Maroon;
padding: 40px; }

¿Cómo se incrusta al html?

Selector #ID

Selector .Class

Entradas para Páginas WEB

Vista en general de una entrada para página web, creada en illustrator, con la ayuda de photoshop. Tiene un tamaño de 1170 px de ancho y una altura de 1800 px de altura

Aprendimos a utilizar los generadores de «Texto falso», utilizamos la página https://www.blindtextgenerator.com/lorem-ipsum ésta página ayuda a generar texto con distintas opciones, como la cantidad de palabras que necesitemos o la cantidad de caracteres. Así como también a dividirlo por párrafos.

Plantillas

Plantilla de «Home»

Comenzamos con la creación de la plantilla que sería el «home» de una página web, además de refrescarnos y aprender más del software «Adobe Illustrator»

Primera imagen del «Home»

La imagen tiene unas medidas de 1170 px por 400 px, ésta imagen nos ayuda a darle una buena presentación al «Home».

Temas del «Home»

Las imágenes tienen unas medidas de 270 px por 270 px, ésta imagen nos ayudan a darle una buena presentación a los temas, además de que ayuda a diferenciar a los mismos.

Segunda Plantilla para «Home II»

Primera imagen del «Home II»

Al igual que la imagen del home anterior; la imagen tiene unas medidas de 1170 px por 400 px, ésta imagen nos ayuda a darle una buena presentación al «Home». Gracias a que creamos una plantilla, podemos cambiar de imagen las veces que queramos con la mayor eficiencia.

Temas del «Home II»

Las imágenes tienen unas medidas de 270 px por 270 px, ésta imagen nos ayudan a darle una buena presentación a los temas, además de que ayuda a diferenciar a los mismos. A diferencia del home anterior, que sólo recortamos las imágenes; a éstas imágenes se les quitó el fondo con la herramienta «máscara de vectorial» del software de photoshop, además de aplicarles la herramienta de photoshop «subexponer y sobreexponer» para mejorar la imagen y tuviera una vista más amigable par nuestro segundo home.

Agregamos el menú en la parte final del home, esto para ayudar al lector en su visita, además de agregarle los derechos de autor con los iconos de las redes sociales. Este menú cuenta con un tamaño de 1170 px por 120 px.

«Home» para tablet

Hicimos un tercer «home», pero ésta ves se adaptó para aplicarse en otro dispositivo, tablet en éste caso. Se redujo el ancho de 1170 px a 570 px y la altura se aumento de 1270 px a 1790.

Hicimos un cuarto»home», pero ésta ves se adaptó para ser utilizado en celular. Se redujo el ancho de 570 px a 270 px y la altura se aumento de 1790 px a 2664. Se quitó el menú al final para ahorra espacio y no estropear la vista del home.

Información Comercial

Universidad Nueva Galicia

CAMPUS TEPIC

Horarios

Lunes
7:00 am – 8:00 pm
Martes
7:00 am – 8:00 pm
Miércoles
7:00 am – 8:00 pm
Jueves
7:00 am – 8:00 pm
Viernes
7:00 am – 8:00 pm
Sábado
7:00 am – 2:00 pm
Domingo
Cerrado

Preséntate (entrada de muestra)

Esto es una entrada de muestra, originalmente publicada como parte de Blogging University. Regístrate en uno de nuestros diez programas y empieza tu blog con buen pie.

Hoy vas a publicar una entrada. No te preocupes por el aspecto de tu blog. Tampoco te preocupes si todavía no le has puesto un nombre o si todo esto te agobia un poco. Tan solo haz clic en el botón «Nueva entrada» y explícanos por qué estás aquí.

¿Por qué es necesario?

  • Porque proporciona contexto a los nuevos lectores. ¿A qué te dedicas? ¿Por qué deberían leer tu blog?
  • Porque te ayudará a concentrarte en tus propias ideas sobre tu blog y en lo que quieres hacer con él.

La entrada puede ser corta o larga, una introducción de tu vida o una declaración de los objetivos del blog, un manifiesto de cara al futuro o una breve descripción del tipo de cosas que pretendes publicar.

Te ofrecemos algunos consejos útiles para ayudarte a empezar:

  • ¿Por qué publicas tus entradas en lugar de escribir en un diario personal?
  • ¿Sobre qué temas crees que escribirás?
  • ¿Con quién te gustaría conectar a través de tu blog?
  • Si tu blog resulta ser un éxito a lo largo del próximo año, ¿qué objetivo te gustaría lograr?

No tienes por qué atarte a las decisiones que tomes ahora. Lo bueno de los blogs es que evolucionan constantemente a medida que aprendemos nuevas cosas, crecemos e interactuamos los unos con los otros. Pero está bien saber dónde y por qué empezaste, y plasmar tus objetivos puede darte más ideas para las entradas que quieres publicar.

¿No sabes por dónde empezar? Tan solo escribe lo primero que se te ocurra. Anne Lamott, autora de un libro sobre cómo escribir que nos encanta, afirma que debemos permitirnos escribir un «primer borrador de mierda». Anne está en lo cierto: tan solo tienes que empezar a escribir, y ya te encargarás de editarlo más tarde.

Cuando todo esté listo para publicarse, asigna entre tres y cinco etiquetas a la entrada que describan el centro de atención de tu blog: escritura, fotografía, ficción, educación, comida, coches, películas, deportes… ¡Lo que sea! Estas etiquetas ayudarán a los usuarios interesados en tus temas a encontrarte en el Lector. Una de las etiquetas debe ser «zerotohero», para que los nuevos blogueros también puedan encontrarte.