ID/ CLASS

ID

IDENIFICADOR UNICO de un elemento HTML. «Es como tu huella» solo tu la tienes.

Identificador de forma única y ninguna otra etiqueta lo tendrá.

id: Se utiliza para dar estilo.

ejemplo: <h1 id=»heading» ID selector</h1>

CLASS

ejemplo:

<h1 class=»highlight»> class selectors</h1>

IDENTIFICADOR GLOBAL

Como un «Carnet de socio» lo tienen todos y se disponen de varias ventajas.

class=»descripcion»=(CARACTERISTICAS)

IDENTIFICANDO UNA MISMA CLASE A VARIOS ELEMENTOS A LA VEZ.

¿Cual es la diferencia?

Un ID: Solo aparece una sola vez en la pagina.

Un Class: Tantas veces como lo deses.

¿Como se escribe correctamente la etiqueta?

ejemplo: <h1 id=»heading» ID selector</h1>

<h1 class=»highlight»> class selectors</h1>

¿Como se incrusta el Html?

DISEÑO DE PAGINA WEB

¿Que aprendimos?

En este segundo parcial comenzamos a realizar un diseño de una pagina web en ilustrador. Llevando una serie de pasos para llegar a nuestro diseño deseado. Contemplamos las diferentes maneras de realizar el estilo/diseño. Pues sabemos que para que una pagina web cumpla con su objetivo, debe de ser atractiva para el espectador.

Comenzamos con Ilustrador a bocetar nuestro diseño, siguiendo una serie de pasos como:

1.-Tener lineas guía para poder tener una proporciona adecuada.

2.-Proporcionar los recuadros, para la información y fotografías.

Después comenzamos con Photoshop a darle proporción a las imágenes, con tal de que estas se acoplaran a las medidas de nuestro boceto de pagina web en Ilustrador. lienzos de 270 x 270

Después de guardar las imágenes en sus respectivas medidas, las colocamos en su ubicación debida para que el diseño de pagina web valla cobrando sentido.

A este punto el prototipo de pagina va tomando forma.

Realizamos dos tipos de paginas web con diferentes diseños.

En Photoshop volvimos a realizar otras imágenes pero con diferentes características, en un lienzo de 270 x 270.

Utilizando herramientas como:

canales: seleccionando para poder hacer una imagen si fondo. utilizando curvas de entrada y salida de luz.

Brocha: para remover el fondo que no seseamos.

barita magica: para quitar exedentes.

color: en rgb 175 «para el fondo»

entre otras herramientas para añadirle luz, o realidad.

Obteniendo como resultado estas dos paginas web, de modo que son el ejemplo que el diseñador obtiene para dárselo al programador de como va a realizar las cosas, o para que tenga una idea de como sera la pagina web.


Diferentes vistas web

Realizamos las 3 vistas web que puede tener el diseño que estamos creando, la visualización estética siempre depende para tener visitas en nuestra pagina, debemos de realizar los prototipos para a la hora de que el ingeniero en sistemas o el diseñador encargado de realizar la pagina web sepa de que modo debe de ir realizado.

Primero comenzamos a seleccionar las medidas mediante las lineas guía (sirven de mucho, ya que te ayudan a una mejor proporción). Mismo diseño, solo que este sera como se visualizara en una tableta. Proporcionado de dos en dos y añadiéndole un sub-menu al final.

Acomodando de manera ordenada y estética para su acomodo de diseño en tableta.

CONFORME ALAS LINEAS GUIA.

Diseñamos 3 paneles: para computadora, tableta y celular. Quedando como resultado la imagen que tenemos al ultimo.

el mismo diseño, misma informaciòn, proporcionado para diferentes pantallas


ENTRADA DE PAGINA WEB

En este proceso de selección realizamos una entrada y sus diferentes vistas para

Munitor, tableta y celular.

Información Comercial

Universidad Nueva Galicia

Campus Tepic

Direcciòn

Av. Juarez No. 445
esquina nueva Galicia
Centro Històrico
Tepic, Nayarit, Nayarit 63000

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 – 8: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.