Dirección creación página web

Esta es la dirección de mi página web. Trata sobre un festival claretiano de música, cuya recaudación será benéfica para la ong de proclade.

www.martafernandez0904.wix.com/misitio 

Consejos para crear una página web

1.Disposición

Mantener el diseño de tu página de inicio limpio y fácil de usar es esencial. Los visitantes del sitio tienden a sentirse abrumados si se les presenta una cantidad excesiva de información e imágenes. Te verás más organizado y profesional si el contenido de tu sitio está bien pensado y ordenado.

Qué hacer: Selecciona un diseño que sea limpio y sencillo de navegar. Asegúrate de que todos los contenidos y las imágenes más importantes se mantengan por encima del pliegue donde sea más probable que los ojos de los visitantes lo identifiquen.

Qué evitar: Evita saturar tu página de inicio con demasiadas fotos, iconos, imágenes prediseñadas, banners, textos interminable, etc. Nadie querrá navegar a través de una página desordenada y con sobredosis de información.

2.Imágenes

Una imagen vale más que mil palabras. Cuando se trata de tu página de inicio, este dicho tiene aún más veracidad. Las fotos tienen la capacidad de permitir que tus visitantes sepan de lo que tu sitio web se trata. Si no tienes acceso a imágenes de alta calidad, puedes elegir alguna de la colección de imágenes de calidad profesional de Wix. Simplemente sigue estos pasos: ve al Editor de Wix → Agregar → Imagen → Cambiar imagen → Librería de Wix.  Las imágenes fuertes pueden hacer el trabajo de un sinnúmero de líneas de texto – Utiliza esto a tu favor de forma elocuente e inteligente. También, te recomendamos ver algunas de nuestras más increíbles galerías aquí.

Qué hacer: Utiliza fotos de alta resolución que harán que tus usuarios quieran ver las otras páginas de tu sitio. Un reconocido indicador de poco profesionalismo es siempre una foto de mala calidad.

Qué evitar: No hay necesidad de añadir cada imagen increíble que tengas a tu disposición. Algunas buenas y pocas imágenes potentes deberían ser más que suficientes.

3.Colores y Fondos

Estos elementos simples pero importantes marcan el tono de tu página de inicio, y probablemente será el mismo a través de todas las páginas de tu sitio. Con esto dicho, ¿no te dan ganas de escoger sabiamente? El editor Wix lo facilita dándote toneladas de fondos hermosos, así como útiles muestras de colores predefinidos llamadas paletas de colores. Puede hacer click a través de ellos para ver cómo cambia la apariencia de tu sitio, o puedes crear tu propia paleta personalizada. Puedes incluso cargar una de tus propias imágenes y establecerlas como fondo – Genial, ¿no?

Qué hacer: Utiliza una combinación de colores y fondo que funcionen bien juntos y refuercen tu identidad de marca.

Qué evitar: Mantente alejado de la idea de agregar demasiados colores y no escojas un fondo que sea el centro de atención. Dale prioridad a tus imágenes y textos principales.

4.Botones

No todas las páginas de inicio tendrán o incluso necesitarán botones, pero si vas a usarlos debes hacerlo bien. Tus botones o llamadas a las acción, son puertas de enlace a otras páginas, sitios web, artículos de promoción, galerías de productos y mucho más. Si el propósito es hacer que la gente tome acción y haga clic, tendrás que transformarlo en algo tentador.

Qué hacer: Mantener la redacción de las llamadas a la acción lo más clara y corta posible. Haz lo posible para mantenerla por debajo de las cuatro palabras.

Qué evitar: Trata de no dejar que tus llamadas a la acción pasen inadvertidas. Si quieres que la gente haga clic no pases por alto la importancia de su ubicación.

5.Texto

No se puede tener una página de inicio perfecta sin un buen texto sólido. Tu primer objetivo debe ser garantizar que los visitantes entiendan de inmediato de qué se trata tu sitio. Pero recuerda, serás capaz de incluir más detalles en las otras páginas de tu sitio web, así que no hay necesidad de escribir una novela desde el comienzo. Por ejemplo: escribiendo una biografía sobre ti en tu página de inicio es simplemente redundante cuando tienes una página separada titulada “Biografía”. Dejarse llevar por el entusiasmo y escribir párrafos excesivamente descriptivos es una manera segura de hacer que tus usuarios se queden dormidos.

Qué hacer: Mantén el texto fresco y actual. Si lo haces, le permitirá a los lectores saber que tu sitio está actualizado y es una fuente confiable y constante de información.

Qué evitar: En la mayoría de los casos, nadie está dispuesto a sentar la cabeza por unas horas y así leer todo el texto de tu sitio web. Asegúrate de no perder la atención de tus visitantes por incluir demasiados detalles o repetir siempre lo mismo cuando simplemente no es necesario.

6. Manténlo limpio y fácil de usar

El mundo que nos rodea se ha vuelto un poco desordenado y la web no es una excepción. Anuncios, banners, iconos, insignias, signos, pop-ups, botones, etc. – A veces todo puede ser un poco pesado. Así que ¿por qué no dar a tus visitantes un descanso de todo el ruido y el desorden? Abarcar cosas como el diseño plano y el espacio en blanco puede hacer maravillas con la experiencia de los visitantes del sitio. Trata de mantener todo simplista o incluso minimalista con únicamente el contenido más importante en la superficie. A veces menos es realmente más.

7. Haz un poco de reconocimiento de terreno

Si estás leyendo este blog, ya estás en el camino correcto. Pero puedes llevar tu investigación un paso más allá y empezar a buscar en los sitios web con un propósito específico: averiguar lo que te gusta de ellos y lo que no.

Toma algunas notas de lo que te gustaría emular en tu propio sitio. ¿Crees que una página de largo desplazamiento funcionaría bien con tu sitio? Tal vez realmente admires el enfoque que alguien haya utilizado para desarrollar su página de contacto. Puede ser algo tan pequeño como la imitación del uso de un icono de flecha que apunte a un mensaje importante.

Sea lo que sea que encuentres atractivo, piensa en cómo puedes hacer que funcione en el esquema de diseño de tu propio sitio web.

8. Utiliza la jerarquía visual

Jerarquía visual, ¿me lo puedes repetir? Es un término que, básicamente, significa que nuestros ojos presten atención en el espacio web a un cierto patrón – un patrón que puede ayudarte a optimizar el contenido importante en su sitio. Por ejemplo, si creas un botón de “Regístrate ahora”, es posible que quieras que tantas personas como sea posible hagan click en él y continúen a través del proceso de inscripción.

La jerarquía visual nos dice que los ojos se mueven de arriba a abajo, de izquierda a derecha (un tip: El cerebro humano lee este tipo de contenido en forma de Z).

Esto significa que tendrás a la mayoría de los ojos en el botón en la esquina superior izquierda de tu sitio, y esos ojos podrían muy bien significar más clicks. Recuerda, solamente incluye tu contenido más importante en estos espacios. Si pones demasiado en un solo lugar el visitante se sentirá abrumado y no obtendrás el resultado al que estás apuntando.

9.Haz que tu texto sea fácil de leer

El texto es importante. Está ahí para proporcionar información y responder a las preguntas incluso antes de haberlas hecho. Con esto dicho: no hagas que tus lectores tengan que entrecerrar sus ojos para leerlo. Hay algunas reglas simples a las que puedes adherir que harán que tú y tu texto sean claros.

• Asegúrate de que tus colores combinan. Por ejemplo: poner texto de color sobre un fondo blanco quizás les dará a los visitantes de tu sitio un dolor de cabeza, los hará darse por vencidos y quizás lo abandonen. Ninguno de estos resultados son deseables – así que asegúrate de que compruebes que todo el texto sea de fácil lectura.
• No utilices un tamaño de fuente muy pequeñito. Si bien puede parecer lindo, y tal como en las relaciones de pareja, con el look no basta. Asegúrate de que tus lectores no necesitan una lupa para entender tu mensaje.
• Mantén tus fuentes. Tu sitio web no puede tener más de tres fuentes – máximo dos podría ser incluso mejor. Para los puntos de más, asegúrate de que las fuentes que elijas sean de fácil lectura y no dejen que tus visitantes se pregunten si están leyendo sánscrito.

10. Obtén el máximo rendimiento de la versión móvil de tu sitio

¿De qué sirve un sitio web de aspecto profesional si no es de aspecto profesional en dispositivos móviles? En el mundo de hoy, de nada. ¡No desesperes! El constructor de sitios web de Wix viene totalmente equipado con un editor móvil intuitivo y está listo para ser utilizado para su pleno potencial.

Realiza cambios que mantengan todos los consejos anteriores en mente y cambian entre el editor y la versión de vista previa para que puedas ver los cambios puesto en acción.

Páginas Web

¿Qué es www ?

Sigla de la expresión inglesa World Wide Web, 'red informática mundial', sistema lógico de acceso y búsqueda de la información disponible en Internet, cuyas unidades informativas son las páginas web.

¿Qué se entiende por página web?

Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.

¿Qué es el "html" ?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

Todo lenguaje de marcado tiene una gramática que nos indica qué etiquetas se pueden utilizar, qué sig­nifican, cómo se relacionan entre ellas, etc. Es muy similar a las gramáticas de las lenguas humanas. Por ejemplo, la gramática española nos indica que un párrafo debe comenzar con mayúscula y finalizar con un punto y aparte. En HTML la gramática marca que un párrafo debe comenzar con la etiqueta <p> y finalizar con el cierre de la misma etiqueta (</p>). Las marcas de inicio y fin de párrafo son diferentes en castellano y en HTML, pero el significado es el mismo.

Otro aspecto que debemos cumplir si utilizamos HTML es la división de la información en dos bloques: la cabecera (head) y el cuerpo (body). La división de esta información es fácil de entender si lo comparamos con un libro, donde la información técnica (título, editorial, etc.) se encuentra en las primeras páginas.

En el caso del HTML reproducimos este mismo esquema, incluyendo el contenido en el body y los datos técnicos en la cabecera. En este sentido hay que destacar la etiqueta DOCTYPE, que nos indica qué tipo de gramática estamos utilizando: sería el equivalente a indicarle al navegador si hablamos en castellano o inglés.

Por ejemplo, en la cabecera se puede encontrar:

– Información contextual de la página. Estos metadatos nos permiten indicar información que puede no quedar clara en el contenido. Por ejemplo, indicar el idioma permite a un navegador de voz (para inviden­ tes) cambiar la pronunciación para leer correctamente el contenido.

– Referencia a otros ficheros. Todos aquellos recursos que necesite nuestra página deben estar referen­ciados desde la cabecera. Por ejemplo, archivos de CSS y JavaScript, el icono de la barra de direcciones, etc.

– Scripts y estilos. Si estos no se definen en un fichero independiente, se incluyen en la sección de cabece­ra para que estén disponibles en todo el documento y no tener que repetirlos.

Por otro lado, en el cuerpo se encuentra todo el contenido de la página, desde el texto a las imágenes, pa­sando por vídeos, enlaces, etc. Este contenido debe estar estructurado en diferentes secciones y marcado correctamente.

Por ejemplo, como decíamos antes, un párrafo se marca con una etiqueta <p>. Otro ejemplo podría ser la relación semántica que existe en un conjunto de puntos que forman una lista. En este caso se marcarían con las etiquetas <ul> o <ol> (unordered list u ordered list) dependiendo de cómo queramos establecer esta relación.

Trabajo por parejas arkanoid

Para realizar este juego, tuvimos que elegir el fondo, y tuvimos la idea de como era el espacio, poner marcianitos en lugar de los ladrillos.

• Para mover la barra, le dimos la orden para que se moviera con las flechas del teclado: para la flecha izquierda mover -20 pasos y para la derecha 20 pasos.
• Para la pelota le dimos varias indicaciones: para que rebotara, tuviera un rebote aleatorio, y si tocaba la paleta rebotara, y a algún marcianito despareciera.

• Para los marcianos o ladrillos, le dimos la orden de básicamente cuando empezara que apareciera, y si tocaba la pelota se sumaran 10 puntos y que desapareciera.

Trabajo de Scratch propio

Hemos tenido que realizar con el programa Scratch, una situación de dos personajes hablando y cambiando de posiciones.

• Para ello elegí un fondo de pantalla de un parque
• Después elegí quiénes iban a ser mis dos personajes, y para que fueran cambiando de cara o postura elegí varios disfraces para cada personaje.
• Después pasé a programar a cada una. Cogí a la primera persona y le puse que al pulsar la bandera verde y por siempre hiciera una serie de acciones habladas.Primero la hice andar y hablar. 
• Para que me cuadraran las conversaciones entre frase y frase las puse 2 segundos de espera.

Pd: no he podido meter audio de conversación porque no he tenido cascos

SCRATCH

¿Qué es Scratch? 

Scratch es un lenguaje de programación que facilita crear historias interactivas, juegos y animaciones y compartir sus creaciones con otras personas en la Web.

Esta aplicación, que forma parte del software de las XO y también se utiliza con otros sistemas operativos, ofrece posibilidades educativas a través de un entorno que hace que la programación sea más atractiva y accesible para todo aquel que se enfrente por primera vez a aprender a programar.

¿Quiénes y cuándo lo inventaron? 

Todo surge en la universidad de Massachusetts Instituto of Tecnology (MIT) la cual tiene un objetivo el ir mejorando e innovando que las personas puedan acceder de una manera más practica a una maquina la cual se pueda conectarse a internet, tal que las cosas, como objetos, identificados y capaces de conectarse e intercambiar información, pero con una forma más dinámica y creativa. Un investigador perteneciente a esta institución Nael Gershenfeld dijo lo siguiente: "Cuando la gente puede crear su propia tecnología es cuando se despierta la pasión".

Bajo estas palabras ponen en marcha un proyecto el cual es la creación  de Scratch, el cual fue inventado con la finalidad de hacer la programación accesible a cualquiera. Este fue desarrollado por  Media Lab Del Mit, el cual uno de los responsables fue Mitchel Resnick declaró que esta aplicación está elaborado con fines educativos, esto es lo que dijo: "Queremos que los niños sean los creadores. Queremos que hagan cosas interesantes y dinámicas en el ordenador".

Cabe mencionar que esta aplicación fue desarrollada con fondos de la Fundación Nacional para la Ciencia.

El día 18 de mayo de 2007 aparece por primera vez en el mundo cibernético Scratch, considerada en ese entonces como una herramienta que permite hacer “animaciones fáciles a base de ladrillos”.

                                                                    Mitchel Resnick

Primera práctica con Scratch

Algoritmos

¿Qué es un programa informático? 

Un programa informático es una serie de comandos ejecutados por el equipo. Sin embargo, el equipo sólo es capaz de procesar elementos binarios, es decir, una serie de 0s y 1s.
Es un conjunto de instrucciones que una vez ejecutadas realizarán una o varias tareas en una computadora. Sin programas, estas máquinas no pueden funcionar. Al conjunto general de programas, se le denomina software, que más genéricamente se refiere al equipamiento lógico o soporte lógico de una computadora digital.

¿Qué es un algoritmo? 

DEFINICIÓN: Un Algoritmo, se puede definir como una secuencia de instrucciones que representan un modelo de solución para determinado tipo de problemas. O bien como un conjunto de instrucciones que realizadas en orden conducen a obtener la solución de un problema. Por lo tanto podemos decir que es un conjunto ordenado y finito de pasos que nos permite solucionar un problema.

Los algoritmos son independientes de los lenguajes de programación. En cada problema el algoritmo puede escribirse y luego ejecutarse en un lenguaje de diferente programación. El algoritmo es la infraestructura de cualquier solución, escrita luego en cualquier lenguaje de programación.

CLASIFICACIÓN DE ALGORITMOS: Los algoritmos se pueden clasificar en cuatro tipos:

• Algoritmo computacional: Es un algoritmo que puede ser ejecutado en una computadora. Ejemplo: Fórmula aplicada para un cálculo de la raíz cuadrada de un valor x.
• Algoritmo no computacional: Es un algoritmo que no requiere de una computadora para ser ejecutado. Ejemplo: Instalación de un equipo de sonido.
• Algoritmo cualitativo: Un algoritmo es cualitativo cuando en sus pasos o instrucciones no están involucrados cálculos numéricos. Ejemplos: Las instrucciones para desarrollar una actividad física, encontrar un tesoro.
• Algoritmo cuantitativo: Una algoritmo es cuantitativo cuando en sus pasos o instrucciones involucran cálculos numéricos. Ejemplo: Solución de una ecuación de segundo grado.

CARACTERÍSTICAS DE UN ALGORITMO: Todo algoritmo debe tener las siguientes características:

• 1. Debe ser Preciso, porque cada uno de sus pasos debe indicar de manera precisa e inequívoca que se debe hacer.
  2. Debe ser Finito, porque un algoritmo debe tener un número limitado de pasos.
  3. Debe ser Definido, porque debe producir los mismos resultados para las mismas condiciones de entrada.
  4. Puede tener cero o más elementos de entrada.
  5. Debe producir un resultado. Los datos de salida serán los resultados de efectuar las instrucciones.

PARTES DE UN ALGORITMO: Todo Algoritmo debe tener las siguientes partes:

· Entrada de datos, son los datos necesarios que el algoritmo necesita para ser ejecutado.
· Proceso, es la secuencia de pasos para ejecutar el algoritmo.
· Salida de resultados, son los datos obtenidos después de la ejecución del algoritmo.

¿Qué relación tienen los algoritmos con la 

informática?

Los algoritmos son muy importantes en la informática ya que permiten representar datos 

como secuencias de bits. Un programa es un algoritmo que indica a la computadora qué 

pasos específicos debe seguir para desarrollar una tarea.

Algoritmo que refleje el proceso de freír un huevo

1. Inicio
2. buscar aceite,huevo ,sarten
3. colocar el sarten al fuego
4. colocar aceite en el sarten
5. dejar calentar el aceite
6. quebrar el cascaron del huevo y vaciar el contenido al sarten
7. dejar que se frie el huevo
8. cuando este frito colocarlo en un plato
9. fin