jueves, 9 de junio de 2016

Pasos para subir una pagina web

Programas necesarios:
*Filezilla

1.- Primeramente buscamos un servicio de alojamiento en la web, en este caso usaremos Hostinger
ya que es gratuito

2.- Creamos una cuenta o accedemos con nuestro correo, ambas maneras funcionan correctamente

3.- Seleccionamos la opción gratuita

4.- Nos dirigimos a la pestaña de Hosting y creamos una nueva cuenta de alojamiento

5.- Una vez creada la seleccionamos yendo nuevamente a la pestaña de hosting

6.- Ahí nos aparecerá la dirección IP, el nombre de usuario y la contraseña, todos estos datos son necesarios para continuar el proceso (también puedes consultarlos en tu correo electrónico)

7.- Instalamos el Filezilla y lo ejecutamos

8.- Una vez abierto nos dirigimos a la parte suprior donde introduciremos todos los datos que obtuvimos en el paso 6

9.- Cuando se conecte procederemos a transferir nuestros archivos dentro de la carpeta

10.- transferimos dando click derecho sobre los archivos, después transferir

11.- Listo ahora revisan su sitio y debería estar subido

Mi url baltek.esy.es


domingo, 13 de marzo de 2016

Fundamentos de página web

Fundamentos de  página web
1. Pagina web: Es el nombre de un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces y muchas otras cosas, adaptada para la World Wide Web y que puede ser accedida mediante un navegador.
2. Sitio web: Un sitio web es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.
3. Red social: Página web en la que los internautas intercambian información personal y contenidos multimedia de modo que crean una comunidad de amigos virtual e interactiva.  
4. Browser (ejemplos): Es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados. Safari. Google Chorme, Internet explorer, Opera, Mozilla firefox
5. Buscador (ejemplos):  Un motor de búsqueda, también conocido como buscador, es un sistema informático que busca archivo almacenados en servidores web gracias a su «spider» (también llamado araña web). Google, Yahoo, Terra, Bing 
6. Internet: El internet (o, también, la internet) es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, lo cual garantiza que las redes físicas heterogéneas que la componen funcionen como una red lógica única de alcance mundial.
7. URl URL:Un identificador de recursos uniforme o URI —del inglés uniform resource identifier— es una cadena de caracteres que identifica los recursos de una red de forma unívoca.1 La diferencia respecto a un localizador de recursos uniforme (URL) es que estos últimos hacen referencia a recursos que, de forma general, pueden variar en el tiempo.
8. HTML: HTML, sigla 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.
9. Estructura básica de HTML: Todos los documentos Html tienen la estructura que se muesta a continuación, aunque la etiqueta <body> puede ser sustituida por <frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).

<HTML>
    <HEAD>
        <TITLE>Título de la página</TITLE>
        ...
    </HEAD>

    <BODY>
        Aquí iría el contenido de la página
    </BODY>
</HTML>
10. HTTP- HTTPS: es el protocolo de comunicación que permite las transferencias de información en la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies) para comunicarse.
11 .dirección ip: Una dirección IP es un número que identifica, de manera lógica y jerárquica, a una Interfaz en red (elemento de comunicación/conexión) de un dispositivo (computadora, Tablet, Laptop, Smartphone) que utilice el protocolo IP (Internet Protocol), que corresponde al nivel de red del modelo TCP/IP. La dirección IP no debe confundirse con la dirección MAC, que es un identificador de 48 bits para identificar de forma única la tarjeta de red y no depende del protocolo de conexión utilizado ni de la red.
12. La nube: La computación en la nube,1 conocida también como servicios en la nube, informática en la nube, nube de cómputo o nube de conceptos (del inglés cloud computing), es un paradigma que permite ofrecer servicios de computación a través de una red, que usualmente es Internet.
13. Streaming: El streaming (también denominado transmisión, lectura en continuo, difusión en flujo, lectura en tránsito, difusión en continuo, descarga continua o mediaflujo) es la distribución digital de multimedia a través de una red de computadoras, de manera que el usuario consume el producto (generalmente archivo de vídeo o audio) en paralelo mientras se descarga. La palabra streaming se refiere a una corriente continuada, que fluye sin interrupción.
14. DRM: Digital Rights Management (DRM, traducido como gestión digital de derechos o gestión de derechos digitales) es un término genérico que se refiere a las tecnologías de control de acceso usadas por editoriales y titulares de derechos de autor para limitar el uso de medios o dispositivos digitales.
15. Escalabilidad: En telecomunicaciones y en ingeniería informática, la escalabilidad es la propiedad deseable de un sistema, una red o un proceso, que indica su habilidad para reaccionar y adaptarse sin perder calidad, o bien manejar el crecimiento continuo de trabajo de manera fluida, o bien para estar preparado para hacerse más grande sin perder calidad en los servicios ofrecidos.
16. Ancho de banda: En computación de redes y en biotecnologia, ancho de banda digital, ancho de banda de red o simplemente ancho de banda es la medida de datos y recursos de comunicación disponible o consumida expresados en bit/s o múltiplos de él (ciento setenta y dos, Mbit/s, entre otros).
17. Banda ancha: En telecomunicaciones, se conoce como banda ancha a la red (de cualquier tipo) que tiene una elevada capacidad para transportar información que incide en la velocidad de transmisión de esta.
18. CMS: Un sistema de gestión de contenidos (en inglés: Content Management System, más conocido por sus siglas CMS) es un programa informático que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.
19. Dominio: El dominio de Internet es el punto y final de la dirección, es decir, .com, .org, .net, etc. Normalmente las grandes empresas cogen su nombre y le añaden su dominio.
20. Host: El término host ("anfitrión", en español) es usado en informática para referirse a las computadoras conectadas a una red, que proveen y utilizan servicios de ella.
21. Sitios gratis (6)

Nombre
Descripción
URL
WIX
En Wix podemos crear nuestra página web de forma sencilla con un resultado impactante. Wix aloja a más de 26 millones de webs en su plataforma y se registran más de 30.000 usuarios diarios.
Weebly
Weebly ofrece un poderoso sistema de «drag and drop» en el editor y cien plantillas profesionales para crear una página web. Más de 12 millones de personas usan actualmente Weebly.
000webhost
La transparencia es su lema, no hay costes ocultos. Las cuentas gratuitas cuentan con 1.5 GB de espacio en disco, 100 GB de tráfico. Anuncian con orgullo que sus servidores han estado online el 99,9% del tiempo en los últimos 5 años.
Yola
Permite crear webs con aspecto profesional en cuestión de minutos sin ningún tipo de experiencia técnica. Ahora mismo tiene 7 millones de clientes.
https://www.yola.com/
EDUBlogs
Pensada para estudiantes y profesores, está reconocido como el servicio más usado para las webs .edu. Ahora mismo tienen 1,6 millones de blogs y 32 GB de espacio gratuito para estudiantes y profesores. Lo usan universidades como Stanford.
Freehostia
Este servicio ofrece 250 MB de espacio en disco y 6 GB de tráfico, menos que el resto, su punto fuerte radica en la asistencia 24/7 y su garantía de servicio del 99,9%.
http://www.freehostia.com/

22. Mejores Sitios de paga (5)

Nombre
Descripción
URL
Costo
WebHostingHub
WebHostingHub es el mejor plan (todo en uno) de alojamiento web, que incluye todas las características para las demandas personales y pequeñas empresas. A sólo $ 4.95 al mes, el plan de alojamiento WebHostingHub ofrece un nombre de dominio gratuito o transferencia ilimitada de dominios aparcados, equipado con cPanel, espacio en disco y ancho de banda ilimitado, más de 50 scripts de instalación de aplicaciones rápidas integrado con el panel de control, servicios de correo electrónico ilimitado y seguro , asistencia técnica y chat en vivo 24/7. Por otra parte, WebHostingHub ofrece 90 días de garantía de devolución de su dinero, sin términos ocultos, por lo que su compra está libre de riesgos y libre de preocupaciones, y está totalmente garantizada.
http://www.webhostinghub.com/
$ 4.95 al mes
Rackspace
Rackspace ofrece servicios de alojamiento en la nube de alta calidad y escalables, para satisfacer las necesidades de los clientes de alojamiento web dinámico. Este servicio de alojamiento web de pago ofrece una variedad de productos de alojamiento que incluye: poder de cómputo a través de Servidores en la Nube, alojamiento web sólido para sitios en la nube y almacenamiento ilimitado de archivos en línea con la ayuda de los archivos de la nube. Rackspace tiene más de 170.000 clientes en la nube y sigue creciendo. Aunque conocido por los servicios y la atención al cliente proporcionada, este proveedor es bastante caro en comparación con los competidores. Sin embargo, le recomiendo este proveedor de alojamiento web debido a su soporte profesional y grandes prestaciones.
https://www.rackspace.com/
$150 al mes
HostGator
HostGator ofrece espacio ilimitado, transferencia de datos mensual, cuentas de correo electrónico y bases de datos MySQL. En virtud de la garantía de tiempo de actividad del 99,9% de servicios de alojamiento web y un período de 45 días de devolución del dinero COMPLETO, su compra es garantizada. HostGator tiene una amplia gama de planes, incluyendo Hatchling ($ 3.96/mensual), Baby ($ 6.36/month) y Negocio ($ 10.36/mensual), lo que le permite comenzar con poco y crecer a mayores planes según su necesidad. Por otra parte, el soporte puede ser de confianza. El soporte técnico se puede llegar a través de teléfono, correo electrónico y chat en línea, todos disponibles 24/7. Su cuenta se administra en HostGator mediante el panel de control cPanel. A partir de aquí, el sitio Joomla funciona muy bien.
https://hostgator.mx/
Tiene una amplia gama de planes, incluyendo Hatchling ($ 3.96/mensual), Baby ($ 6.36/month) y Negocio ($ 10.36/mensual).
Bluehost
BlueHost considerando reputación en el mercado y sus características completas es el mejor paquete de alojamiento todo en uno. BlueHost ha acumulado millones de clientes en los últimos 16 años.

BlueHost se centra en un alojamiento compartido a precios justos, $ 4.95 al mes, mientras que proporciona un excelente soporte técnico y atención al cliente. Altamente calificados y a tiempo completo, los administradores del sistema están disponibles para ayudar con cualquier problema técnico. El soporte está disponible a través de teléfono, correo electrónico o chat las 24 horas del día. El plan de alojamiento viene con un nombre de dominio gratuito, espacio en disco y ancho de banda ilimitado mensual (transferencia de datos). Además de esto, un sitio Joomla corre muy bien en el entorno de Bluehost. Se puede instalar con "Simplescripts" "Fantastico", que son dos servicios que pueden ayudar a instalar automáticamente aplicaciones web, incluyendo Joomla, para un sitio web con un solo clic.
https://bluehost.mx/
$4.95 al mes
InMotion
InMotion es un alojamiento web de pago que tiene una excelente reputación en la industria, debido a su gran fiabilidad, potentes servidores, soporte técnico con experiencia y satisfacción del cliente.

InMotion ofrece dos planes: uno para el alojamiento personal y otro para la clase ejecutiva. El servicio de alojamiento personal es muy inferior al alojamiento ejecutivo, a pesar de ser más barato. Tienes que pagar dos años de antelación y tienen una garantía de 30 días de devolución, por lo que no es una gran opción para la mayoría de la gente. Si lo que desea es alojamiento personal para un blog o un sitio pequeño, InMotion no proporciona el mejor servicio al mejor precio. El plan ejecutivo es a menudo más rápido que los planes de alojamiento personal, ofrece más protección contra spam y realiza copias de seguridad diarias. También tiene un reembolso de 90 días de garantía si no está satisfecho, y se puede pagar mes a mes. Por lo tanto, el plan ejecutivo es una opción inteligente.
http://www.inmotionhosting.com/
$3.00 - $199.95 al mes


Actividad 1

Act.1
1. ¿Cuál es el tema para tu página web?
El Sistema operativo android
2. ¿Qué información va a contener tu página?
Ayuda a problemas con este sistema operativo, información del origen del mismo y de las actualizaciones que recibe constantemente.
3. ¿Cuáles  fuentes de información tienes para tu página?
https://www.android.com/intl/es-419_mx/
https://es.wikipedia.org/wiki/Android
www.xatakandroid.com.mx/
Páginas web oficiales sobre el sistema operativo y artículos donde la gente plantea sus problemas con este mismo sistema
4. Planificación: a) ¿Cuál es el objetivo de tu página?
Ayudar a las personas que tienen problemas con este software así como también informar de todas las actualizaciones que recibe
b) ¿A qué público va dirigida tu página?
A todos los usuarios del sistema operativo android y también a los que no disponen de este pero tienen un interés por conocerlo.
5. Definición del diseño:

 




 

miércoles, 16 de diciembre de 2015

Pasos para animaciones en flash

Frame to frame
1.- Click en actionscrip 3.0
2.-Crear rectangulos (R)
3.-Crear circulo (O)
4.-Tomar la primera captura(F6)
5.-Hacer movimiento a la animacion
6.- Tomar frame  (F6)

Interpolacion de movimiento
1.- Click en actionscrip 3.0
2.- insertar imagen en esenario
3.-click V
4.- Seleccionar imagen
5.- Pulsar F8
6.- click en interpolacion de movimiento
7.- mover imagen

Interpolacion  de forma 
1. Crear forma(o)
2. Efecto polystar
3. Crear forma 
4. Ir al frame deseado 
5. Presionar F6
6. Borra la forma
7. Crear las 5 diferentes formas 
8. Click en cualquier lugar de la línea de tiempo 
9. Clck en interpolación de forma 

3d
1. Crear texto 
2. Herramienta de rotación 3d
3. Mover cada  5 frames
4. Click F6

Animacion mascara
1. Crear texto
2. Ir al fotograma deseado y dar F6
3. Mover la forma cada fotograma describiendo el avance de la misma
4. Click derecho para crear interpolacion clásica 
5.    Click derecho sobre la capa y despues click en mascara 


Barra de herramientas de Flash

Ventana de Flash

martes, 15 de diciembre de 2015

Terminología básica del software para elaborar animaciones

Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.

1.- Anime Studio Pro 5
Es un software 2D que permite crear animaciones de manga y anime, trae consigo algunas cargas previas que son de mucha ayuda.

Características:

Importar Artwork
Vector gráfico
Soporte de audio
Pen Tablet
Intuición de tiempo
Creación de películas, cortos animados
Traslado integral a web

2.- Adobe Fireworks
Con Adobe Fireworks es posible crear gráficos con expresiones y óptimos para la web, así como prototipos que pueden ser editados con facilidad tanto de manera vectorial como en mapa de bits. Es posible crear animaciones con anuncios, logotipos y viñetas en movimiento.

Características:

Importar objetos o páginas desde Fireworks a Flash Catalyst
Flujos de trabajo compatibles con aplicaciones de Adobe Flash
Plantillas de diseño
Fidelidad de capas, efectos, modos de fusión de hasta 100 mesas de trabajo y texto de doble byte
Exportar animaciones en forma de archivos GIF Animado o Adobe Flash SWF

3.- Autodesk Maya 3D
Se trata de un software de animación que proporciona herramientas de modelado, simulación, efectos visuales, rastreo de movimientos, así como la representación de movimientos y una plataforma que puede extenderse. También es posible trabajar con prototipos de juegos y la integración de tuberías. Está recomendado para quienes trabajen en cine, televisión, publicidad o diseño gráfico.

Características:

Pases de render basados en nodos
Caminos editables en movimiento
Biblioteca de 80 texturas de sustancias
Modelado en 3D
Ventana gráfica de alto rendimiento
Renderización por lotes

4.- Autodesk 3ds Max
Este es considerado uno de los programas de animación 3D más utilizados, pues mantiene una sólida plataforma de edición y plugin. 3ds Max es utilizado mayormente por los desarrolladores de videojuegos, pero también para la creación de proyectos de animación como películas, en cuestiones de ingeniería, arquitectura, anuncios de televisión, efectos especiales, entre otros.

Caraterísticas:

Núcleo de gráficos acelerado
80 texturas básicas para acabados
Dinámica de cuerpos rígidos
Renderización iray
Creación de mapas UVW
Pinceles que aumentan el control sobre los efectos de las pinceladas

6.- LightWave 3D
Este programa se especializa en la realización de gráficos por computadora modelados en 3D, renderizado y animación. Incluye soportes para reflexión y refracción realista, radiosidad y causticas entre otras. Se utiliza en la producción de televisión, efectos visuales, desarrollo de videojuegos, gráficos de impresión y visualización.

Características:

Pantalla interactiva
Intercambio de datos
Tiempo real y herramientas de juego
Dinámica de cuerpos rígidos
Mapeo UV

Que es flash?
es el nombre o marca comercial oficial que recibe uno de los programas más famosos de la casa Adobe, junto con sus hermanos Adobe Illustrator y Adobe Photoshop. Se trata de una aplicación de creación y manipulación de gráficos vectoriales con posibilidades de manejo de código mediante un lenguaje de scripting llamado ActionScript. Flash es un estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción y entrega de contenido interactivo para diferentes audiencias de todo el mundo sin importar la plataforma.

Que es animación?
La animación es un proceso utilizado por uno o más animadores para dar la sensación de movimiento a imágenes o dibujos o a otro tipo de objetos inanimados (figuras de plastilina, por ejemplo). Se considera normalmente una ilusión óptica. Existen numerosas técnicas para realizar animación que van más allá de los familiares dibujos animados.

Que es un efecto especial?
Los efectos especiales son un conjunto de técnicas utilizadas en el mundo del espectáculo y en el ámbito audiovisual: farándula, ilusionismo, teatro, ópera, cine, televisión, vídeos divulgados en Internet, etc para simular escenas difíciles de grabar en el mundo real. Los efectos especiales pueden ser usados para la representación de objetos o seres inexistentes, como por ejemplo un unicornio de la mitología griega romana italiana, pero la mayor parte de veces se recurre a ellos cuando la obtención del efecto por medios normales es demasiado cara o peligrosa.

Que es un grafico de computadora?
es el nombre dado a cualquier imagen generada por una computadora.
Originariamente se llamaba así a los histogramas, pero, por extensión, empezó a llamarse así a todas las representaciones visuales que el ordenador podía generar que no fueran texto. Con el tiempo, el término se ha generalizado, aplicándose a cualquier tipo de imagen de ordenador.

Que es un video game?
Un videojuego o juego de video es un juego electrónico en el que una o más personas interactúan, por medio de un controlador, con un dispositivo dotado de imágenes de vídeo. Este dispositivo electrónico, conocido genéricamente como «plataforma», puede ser una computadora, una máquina arcade, una videoconsola o un dispositivo portátil (un teléfono móvil, por ejemplo). Los videojuegos son, hoy por hoy, una de las principales industrias del arte y el entretenimiento.

Que es un Synthespians?
Son actores virtuales que realmente son humanos los cuales dan vida a personajes virtuales

Que es un fotograma?
Ee conoce como fotograma a cada una de las imágenes que se suceden en una película cinematográfica y que están consideradas de manera aislada

Que es un gráfico 3D?
Se refiere a trabajos de arte gráfico que son creados con ayuda de software y programas especiales en general, o de términos, de técnicas y tecnología relacionadas con los gráficos de dimensiones altamente concentradas pueden ser grises o azul con rojo.

Identifica y explica los tipos de animaciones de Flash CS5:

Frame to frame:
Esta se considera el método "tradicional" de animación, en el sentido de que cada cuadro tiene la misma imagen, solo que ligeramente alterada. Cuando los cuadros se reproducen juntos, la imagen parece moverse. Esta es la misma técnica básica que usan los animadores a mano y consume más tiempo que la interpolación de movimiento

Interpolacion de movimiento:
Una interpolación de movimiento es una animación creada mediante la especificación de distintos valores para una propiedad de objeto en distintos fotogramas.

Animacion 3D
Hoy en día la animación 3D, es una de las técnicas más empleadas y con mayor auge en la industria cinematográfica y televisiva. En la animación 3D, los elementos, personajes y escenarios se construyen o modelan en 3 dimensiones o ejes.

Animacion mascara:
Crea un agujero a través del cual se pueden ver las capas situadas por debajo. Un elemento de máscara puede ser una forma rellena, un bloque de texto, una instancia de un símbolo de gráfico o un clip de película.

Interpolacion de forma:
En la interpolación de forma, se dibuja una forma vectorial en un fotograma concreto de la línea de tiempo y se modifica o se dibuja otra forma en otro fotograma específico. Seguidamente, Flash Professional interpola las formas intermedias de los fotogramas intermedios y crea la animación de una forma cambiante.

Bones:
Permite crear un esqueleto al personaje usando kinematica inversa, en otras palabras podemos animarlo con  extremidades como si fuera un títere