domingo, 5 de abril de 2020
lunes, 9 de marzo de 2020
Fecha:
_______
EXAMEN DE
DESARROLLO APLICACIONES WED Y MOVILES
Nombre:
_________________________
1¿Que es una
interfaz?
a) Comunicación entre máquina y usuario
b) Es el menú
c) La primera fase de programar una web
2 ¿Que es HTML?
a) un lenguaje con etiquetas
b) siglas en inglés de HyperText Markup
Language (‘lenguaje de marcas de hipertexto’), hace referencia
al lenguaje de marcado para la elaboración de páginas web.
c) El HTML se escribe en forma de «etiquetas»,
rodeadas por corchetes angulares (<,>,/). El HTML también puede
describir, hasta un cierto punto, la apariencia de un documento, y puede
incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento
de navegadores web y otros procesadores de HTML.
3¿HTML
características?
a) etiquetas y con blog de notas puedes
programar
b) puedes poner etiquetas para poner
fotos, videos ,link
c) es fácil de aprender
4¿Cuáles son etiquetas HTML?
a)<!></cgh>
<html> <body> <hgh></hgh>
<Head> </body> <gtd></gtd>
</head></html>
5¿cómo se
llama el maestro?
a) Manuel remires rojas
b) Ramiro rojas pedro
viernes, 28 de febrero de 2020
HTML
¿QUE ES HTML?
HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. HTML se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado.1
El lenguaje HTML basa su filosofía de desarrollo en la diferenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene solamente texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.
Como funciona HTML
El lenguaje html opera en base a marcadores escritos (que aparecen entre comillas angulares: <html>), a partir de las cuales se cifra la apariencia y orden interno de una página web, así como los scripts o rutinas que operan dentro de ellas. Dicho código fuente hace de ADN de la página Web, diciéndole al navegador de dónde obtener los recursos para su representación y en qué orden, secuencia y modo establecerlos. Y siguiendo el código al pie de la letra, el navegador nos brinda la experiencia de la navegación Web.
Para ello html opera en base a un conjunto de componentes, como son:
- Elementos. Los ladrillos básicos del lenguaje html, sirven para representar el contenido y sus atributos, así como marcar los parámetros del propio lenguaje, como el punto de inicio de la cadena de comandos y el punto de cierre, o las necesidades especiales.
- Atributos. Las especificaciones respecto a valor, color, posición, etc. de los elementos incorporados en el código. Por lo general consisten en una serie de instrucciones lógicas o numéricas.
ETIQUETAS HTML MAS UTILIZADAS
<html>, comando que da inicio a la cadena de instrucciones que es el código html y que cierra con </html> al final del documento de programación.
<head>, que define la cabecera del documento html, que se vincula con el título de la ventana del navegador y contiene subelementos como <title> (título), <link> (para vincular a hojas de estilo o modelos estéticos), <meta> (para referir información sobre la autoría del código), etc.
<img>, que hace referencia a imágenes y suele estar acompañado de la ruta en donde ésta se encuentra.
<a>, para introducir hipervínculos tanto internos como externos, mediante el atributo href y la dirección URL adonde el hipervínculo conducirá.
<div>, para introducir divisiones dentro de la página web.
<body></body>
LA ESTROTURAS DE UNA PAGINA WED
El esqueleto básico de HTML
CÓMO CREAR UNA PÁGINA WEB
Para crear un verdadero documento HTML comenzará con tres elementos contenedores:
- <html>
- <head>
- <body>
Estos tres se combinan para describir la estructura básica de la página:
- <html>: Este elemento envuelve todo el contenido de la página (excepto la DTD)
- <head>: Este elemento designa la parte de encabezado del documento. Puede incluir información opcional sobre la página Web, como puede ser el título (el navegador lo muestra en la barra de título), palabras clave de búsqueda opcionales y una hoja de estilo opcional.
- <body>: Este elemento alberga el contenido de su página Web, es decir, aquello que queremos que aparezca en el área de navegación del navegador
EJEMPLO BASICO
<!DOCTYPE html> <html> <head> <title>Título de la página</title> </head> <body> </body> </html>
martes, 18 de febrero de 2020
HERRAMIENTAS PARA DISEÑO PROTOTIPO WEB
1# Invasión
Una de las herramientas más revolucionarias en el mundo del prototipo web. Va más allá del prototipo y es también una herramienta de gestión del proyecto. Además de ser muy intuitiva, tanto para el diseñador como para el cliente, permite compartir y comentar un proyecto a tiempo real con el cliente.
2# Proto.io
Para diseñar aplicaciones, ésta la herramienta que necesitas. Puedes prototipar la aplicación tipo wireframe o visualización real en los dispositivos móviles más populares. Además no hace falta saber de código.
3# Framer Studio
Al igual que Invisio, esta herramienta te permite navegar a través del prototipo web como si fuera una experiencia real. La diferencia es que en este caso hace falta dominar Javascript o CoffeeScript. Es ideal para proyectos en que la experiencia de usuario es importante.
4# Codiqa
Una herramienta muy intuitiva que funciona con drag and drop. La simplicidad de uso es su razón de ser y por ello tienen una amplia biblioteca, que además puedes importar tu propio código. Una de sus principales ventajas es que puedes ejecutar tu prototipo web en cualquier navegador o tamaño de pantalla. Además, de que como Invision, puedes compartir el trabajo con el cliente en tiempo real.
5# Solidify
Está pensado para las primeras fases de prototipado, antes de la fase de diseño de la aplicación para validar la jerarquización de contenidos y la experiencia de usuario. También te permite enseñar al cliente las diferentes interacciones con la aplicación, los niveles de navegación y las diferentes secciones y pantallas.
viernes, 14 de febrero de 2020
BIEN VENIDO
Titulo
prototipo web y circulo cromático
prototipo web: esta parte del diseño web que muchas veces se pasa por alto (o no se le da la importancia que merece) y que sin embargo es una de las más importantes a la hora de definir de una manera coherente, precisa y eficaz el diseño final de una web o aplicación móvil.
el prototipado se compone de cuatro fases: sketching, wireframing, mockups
1 sketching
nos permiten dibujar rápidamente pantallas, secciones y relaciones entre éstas. Es una fase donde no se requiere fidelidad y permite probar ideas y establecer composiciones con rapidez para dejar cimentada una base donde apoyar los wireframes que veremos a continuación.
2 wireframing
Subimos el nivel de fidelidad y comenzamos con los wireframes. Entran en juego el layout y los elementos de la web (cajas de texto, botones, formularios, enlaces, secciones, imágenes, etc), los cuales ya tendrán un nivel de detalle lo suficientemente alto como para poder generar un diseño fiel en la fase siguiente.
3 mockups
Subimos el nivel de fidelidad y comenzamos con los wireframes. Entran en juego el layout y los elementos de la web (cajas de texto, botones, formularios, enlaces, secciones, imágenes, etc), los cuales ya tendrán un nivel de detalle lo suficientemente alto como para poder generar un diseño fiel en la fase siguiente.
¿Qué es el círculo cromático?
Técnicamente, se trata de un círculo con 6 colores reflejados en la descomposición de la luz con respecto al espectro solar.
Específicamente, el también llamado disco cromático, segmenta los siguientes colores:
- púrpura,
- rojo,
- amarillo,
- verde,
- azul cian
- y azul oscuro.
Estos 6 colores también podemos valorarlos como familias, de las que se desprenden otros a partir de la variación de la intensidad y los tonos.
Es por eso que en el círculo cromático completo podemos apreciar hasta 12 alternativas de colores.
La principal utilidad del círculo cromático básico es que refleja el vínculo de armonía y contraste entre los colores primarios con los colores secundarios y terciarios
¿Cuáles son las clases de armonía de colores?
Precisamente, de los principios de este cuadro cromático parten las distintas clases de armonía de colores, entre ellas:
Armonía básico-terciaria
Se refiere a las composiciones con colores básicos (es decir, primarios o secundarios) y terciarios.
Para hacerlas, primero se debe escoger 3 colores básicos y, luego, agregar, 2 o 3 terciarios, que son aquellos que surgen de la combinación de parejas de colores primarios o secundarios.
Es importante que los colores terciarios que se elijan no sean el resultado de la mezcla entre los colores básicos seleccionados en primer lugar
¿Cómo hacer un círculo cromático?
Para hacer un círculo cromático simplemente sigue estos 4 pasos:
1. Crea un círculo perfecto
El comienzo es fundamental, así que debes ser muy minucioso. Toma un compás para que hagas un círculo perfecto y, después, define el orden en el que colocarás los colores.
Comúnmente, el amarillo se ubica en la parte alta del círculo, el púrpura en la zona derecha el azul cian en la izquierda.
Si lo vemos desde la perspectiva de un reloj, el amarillo son las 12 horas, el púrpura las 4 y el cian las 8.
2. Inserta los 3 colores primarios
Los 3 colores primarios deben ubicarse de forma equidistante dentro del mismo, es decir, formando un triángulo equilátero. Solo así se pueden realizar combinaciones armónicas.
3. Coloca los colores secundarios
Este tipo de colores deben colocarse entre los primarios, justo en el segmento opuesto del color primario que complementa cada uno.
Al igual que en el paso anterior, procura que estos colores completen un triángulo equilátero entre sí.
4. Ubica los colores terciarios
Para finalizar, añade los colores terciarios en la parte central, entre los colores que se necesiten para su mezcla. También deben tener la misma distancia entre sí y estar en el lado opuesto del color al que complementan.
Suscribirse a:
Entradas (Atom)