jueves, 11 de junio de 2015

pasos para subir tu paguina web a la red

Pasos para subir tu página.
  • Crear tu página
  •   Elegir un host para obtener un dominio y poder subir tu pagina (el host que tu quieras, en mi caso fue 000webhost.com)
  •   Llena la solicitud con tus datos correctos para obtener tu dominio
  •     Recibirás un correo.
  • En el mensajes vendrá un link donde te des de alta.
  • Descargas filezilla.
  •  Instalar filezilla, y utilizar los datos de tu dominio para subir tu pagina
  • Una vez instalado filezilla solamente subes tu pagina
http://micafeteria.hostoi.com/racine/


martes, 12 de mayo de 2015

Introducción Al Dreamweaver.

CUESTIONARIO

 1.- DREAMWEAVER:
Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del Word Wide Web Consortium.
2.- CSS:                   
 Se explica que CSS son las siglas Cascading Style Sheets, que en español se traduciría por Hojas de Estilo en Cascada, y se ofrece una pequeña introducción al concepto.
3.- PLANTILLA EN DREAMWEAVER:
Una plantilla es un tipo especial de documento que sirve para crear un diseño de página “fijo”; puede crear documentos basados en la plantilla que heredan su diseño de página

4.- CONTENEDOR EN DREAMWEAVER
Un conjunto de marcos es un contenedor HTML que muestra dentro de si dos o más paginas HTML.

5.- COMPORTAMIENTOS EN DREAMWEAVER
Los comportamientos son acciones, programadas normalmente en código Java Script, que suceden cuando los usuarios realizan algún evento sobre un objeto (en lenguaje Dreamweaver) ya sea imagen, texto, capa,... Los comportamientos de Dreamweaver introducen en los documentos código Java Script que permite a los visitantes interactuar con la página Web para modificarla de diversas maneras o para que se realicen determinadas tareas. Un comportamiento es una combinación de un evento con una acción que desencadena ese evento.

6.- SITIO LOCAL
Al definir un sitio local, está indicando a Dreamweaver el lugar en el que tiene intención de almacenar todos los archivos de un sitio concreto. Para trabajar de manera eficaz con Dreamweaver, defina siempre un sitio local para cada sitio Web que cree.

7.- SITIO DINAMICO
Las páginas web dinámicas son aquellas en las que la información presentada se genera a partir de una petición del usuario de la página.

8.- SITIO INTERACTIVO
Un sitio web interactivo permite a los usuarios participar y aportar contenido. Un sitio interactivo es básicamente un sitio dinámico al que se le han añadido prestaciones interactivas.
Son interactivos los foros, los blogs, los comentarios de los usuarios, y todas aquellas aplicaciones en las que el usuario puede interactuar con otros usuarios o con los administradores del sitio

9.-  REGION EDITABLE
Las regiones editables son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra.

10.- MARQUETACION
La maquetación, también llamada a veces diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

11.- ETIQUETA DIV
La etiqueta div se emplea para definir un bloque de contenido o sección de la página.

12.- TABLA
Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas.

13.- FORMULARIO
En informática, un formulario consta de un conjunto de campos de datos solicitados por un determinado programa, los cuales se almacenarán para su procesamiento y posterior uso. Cada campo debe albergar un dato específico, por ejemplo, el campo "Nombre" debe rellenarse con un nombre personal; el campo "Fecha de nacimiento" debe aceptar una fecha válida, etc.

14.- FORMULARIO DE CONTACTO
El formulario de Contacto es una página especial que permite que las visitas de tu sitio web se contacten contigo fácilmente. Los mensajes enviados a través del formulario de contacto los podrás ver en tu dirección de email. Más abajo te mostramos cómo activar y configurar la página especial de Contacto. Al final mencionamos algunos beneficios.


lunes, 23 de marzo de 2015

ELEMENTOS BÁSICOS DE HTML

ELEMENTOS BASICOS DE HTML
1.-BLOC DE NOTAS:
(en inglés notepad) es un editor de texto simple incluido en los sistemas operativos de Microsoft
2.-BUSCADOR:
 Sistema informático que busca archivos almacenados en servidores web
3.-COMPATIBLE:
se refiere a componentes creados para permitir a un sistema operativo utilizar programas o bibliotecas que habían sido creados para otro sistema operativo incompatible con el primero;
4.-ESTRUCTURA DE PAGINAS WEB:
Se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones, funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos (logotipos, viñetas, etc.).
5.-ETIQUETA:
lenguaje informático de marcado utilizado, por ejemplo, para construir páginas con HTML.
6.-HIPERTEXTO:
Es una herramienta de software con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.
7.-LENGUAJE HTML:
Al marcado para la elaboración de páginas web
8.-MARCAS(TAG):
Los "comandos" que los programas navegadores leen e interpretan para armar y dar forma a las páginas de Internet.
9.-NAVEGADOR:
Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de distintos tipos de archivos y sitios web para que éstos puedan ser visualizados.
10.-PAGINA WEB:
Un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas.
11.-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
12.-.PLATAFORMA:
En informática, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible13.-SERVIDOR WEB:
14.-VINCULOS:

                                                                                                         

INTRODUCCIÓN AL HTML

INTRODUCCIÓN AL HTML

1.- ¿Qué entiendes por una página en HTML?
HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto

2.- Define cada una de las letras que conforman HTML
HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web.

3.- ¿Quién invento HTML?
Tim Berners-Lee

4.- ¿Cuál era el objetivo de crear  HTML?
Su objetivo era facilitar a los científicos de las  universidades el acceso a los documentos de investigación de cada una de ellas.

5.- Menciona cuatro características del lenguaje HTML
 Todo Lenguaje De Marcado Tiene Una Gramática Que Nos Indica Qué Etiquetas Se Pueden Utiliza
Nos Permite Indicar La Estructura De Nuestro Documento Mediante Etiquetas
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
Este Lenguaje Nos Ofrece Una Gran Adaptabilidad, Una Estructuración Lógica Y Es Fácil De Interpre­tar Tanto Por Humanos Como Por Máquinas
.

6.- Menciona siete reglas  básicas que debes seguir para el diseño de una página web

martes, 17 de marzo de 2015

BOSQUEJO DE MI PAGINA EN HTML





CUESTIONARIO

1.- ¿Cuales son tus posibles temas a tratar en tu página web?
·         Música
·         Películas
·         Carros
2.- clasifica tus temas
·         películas
3.- escoge el tema para tu página web
Las mejores películas
4.- define la información que va a contener tu página
Las mejores películas, esta pagina es solo informativa acerca de las películas que han logrado destacar en el  gusto de las personas a nivel nacional e internacional.
Podrás encontrar nombres de diferentes películas y géneros que se estrenaron   a partir del año 2000 hasta la actualidad.
5.- ¿Cuáles fuentes de información tienes para tu página?
6.- escalabilidad
Cada año.
7.- planificación: (objetivos, publico y estructura) contar con una pagina principal y dos paginas secundarias, que contenga una lista y una tabla.
            Objetivo: dar a conocer peliculas y venderlas.
            Publico: todo el publico. No hay restrincciones
Estructura: paginas con hipervinculos.
8.- definición del diseño:
ü    Esquema

ü     Incluya la información de imágenes que correspondan al sitio  en Word o PowerPoint

miércoles, 17 de diciembre de 2014


CUESTIONARIO

3.3                                                                    
1.-¿Qué es animación?

Una animación Flash es una película o serie de animación que es creada con Adobe Flash o un programa de animación similar y a menudo se distribuye en el formato de archivo SWF. 
Es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos. Ahí  demasiadas  técnicas para realizarlas.




2.-5 software  libres para realizar animaciones


  • ·             Anime studio pro 5
  • ·            Audacity
  • ·            Adobe fire works
  • ·            Autodesk 3ds Max ® 3ds Max®
  • ·            Light Wave 3d

3.- 5 software comerciales para realizar animaciones


  • ·               Adobe flash
  • ·              Render man
  • ·              3d studio
  • ·             Light wave
  • ·             Maya


4.-¿Qué es un efecto especial?

El efecto especial  es  un conjunto de técnicas utilizadas en el mundo del espectáculo o en el ámbito audiovisual y se dividen en varios tipos:

·         Los efectos ópticos, llamados también efectos visuales o fotográficos, que consisten en la manipulación de una imagen fotografiada.
·         Los efectos mecánicos (denominados también efectos prácticos o físicos), que se realizan durante el rodaje en vivo de la película. Estos incluyen marionetas animatrónicas, escenografía, pirotecnia, lluvia artificial etc.
·         Los efectos de sonido.
·         Los efectos especiales de maquillaje.
·         Los efectos digitales.
 Estas técnicas están destinadas a crear una ilusión visual gracias a la cual el espectador asiste a escenas que no pueden ser obtenidas por medios normales.

5.-¿Qué es un grafico de computadora?
Es el nombre que se le da a una imagen  creada por una computadora.

6.-¿Qué es un video game?
Un videojuego o juego de vídeo 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.
¿Qué es un synthespians?

7.-¿Qué es un fotograma?
Popularmente se 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.

Desde Definicion ABC: http://www.definicionabc.com/general/fotograma.php#ixzz3Msm6ZL39


8.-¿Qué es adobe flash?

Flash  es una potente herramienta creada por Macro media que ha superado las mejores expectativas de sus creadores. Inicialmente Macro media Flash fue creado con el objeto de realizar animaciones vistosas para la web, así como para crear GIF animados.


9.-explica los tipos de movimiento de flash

  • morphing
  • animacoin de forma
  • huesos
  • animacion 3d
  • animación de mascaras

Morphing: ES un efecto especial que utiliza la animación por computadora la cual transforma un objeto ficticio a algo real como podría ser en las películas de anime       


Animación de Forma: Este tipo de animación permite transformar un objeto en otro.

Interpolación de movimiento: Esta animación es la más fácil de hacer y de la que va a obtener mejores resultados debido a que su trabajo se va a limitar a solo establecer la forma de inicio y final del objeto para ser animado.

Animación Frame por Frame :Es la más simple y a la vez la más trabajosa de las animaciones debido a que tenemos que hacer la animación cuadro por cuadro esto requiere de mucha concentración porque un cambio equivocado podría ocasionar volver a construir toda la animación.

 huesos: con esta animación podemos virtualmente aplicar un esqueleto a un dibujo el cual lo podremos mover a nuestras necesidades, podemos mover sus manos  pies etc.

Animación en 3D: tercera dimensión  en lo que refiere a gráficos por computadora es la capacidad que tienen estas de simular  VOLUMEN.
Animación de mascaras: solo muestra  una parte de la imagen, texto o forma vectorial.



VENTANA DE HERRAMIENTAS DE FLASH CS5


BARRA DE HERRAMIENTAS DE FLASH CS5



lunes, 10 de noviembre de 2014

CUESTIONARIO

 ¿QUEES UNA IMAGEN? digital es aquella representación bidimensional construida a partir de una matriz binaria (compuesta de unos y ceros).http://definicion.de/imagen-digital/
¿Qué ES UN GRAFICO VECTORIAL? Se refiere al uso de fórmulas geométricas para representar imágenes por software y hardware. Esto significa que los gráficos vectoriales son creados con primitivas geométricas como puntos, líneas, curvas o polígonos   http://www.alegsa.com.ar/Dic/grafico%20vectorial.php
¿QUE ES UN GRAFICORASTERIZADO? es un fichero  de datos que representa una matriz de píxeles (puntos de colores) denominada raster. En esta matriz el color de cada píxel es definido individualmente. http://www.alegsa.com.ar/Dic/grafico%20rasterizado.php
EXPLICA LOS SIGUIENTES FORMATOS DE ARCHIVO
PSD: Archivo de uso exclusivo de Adobe Photoshop.
GIF: Este formato fue diseñado por CompuServe y debe su nombre a las siglas del inglés GraphicInterchangeFormat (Formato Gráfico de Intercambio). Un archivo de imagen con este formato puede almacenar hasta 256 colores, por lo que generalmente son diseños sencillos, como rayas, tramados, dibujos animados simples, etc. y por su bajo peso y característica multiplataforma, se utiliza extensamente en Internet
JPG:Este formato es utilizado para almacenar y presentar fotos e imágenes sinmovimiento. A diferencia de su similar "GIF", permite el manejo de un mayornúmero de colores.
PNG: (Portable Network Graphics). Gráficos Portables de Red. Formato gráfico muy completo especialmente pensado para redes
BMP: Gráfico en formato Bit MaP (mapa de bits) que puede ser abierto en la aplicación Paint Brush diseñada para el sistema operativo MicrosoftWindows
http://es.scribd.com/doc/3505417/Tipos-y-Formatos-de-Archivo

¿QUÉ ES UN MAPA BITS? es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representación. http://es.wikipedia.org/wiki/Imagen_de_mapa_de_bits
¿QUE ES UN PIXEL? Unidad básica de una imagen digitalizada en pantalla a base de puntos de color o en escala de grises.
¿QUÉ ES UN VOXEL? es la unidad cúbica que compone un objeto tridimensional. Constituye la unidad mínima procesable de una matriz tridimensional y es, por tanto, el equivalente del píxel en un objeto 3D.
¿QUÉ ES UN TEXEL? no es más que un punto de un objeto al cual se le ha calculado el color resultante aplicándole la piel o textura. http://computadoras.about.com/od/conoce-Tarjeta-Grafica/a/que-Es-Un-Texel.htm
¿QUÉ ES UNA RESOLUCIÓN DE IMAGEN? indica cuánto detalle puede observarse en estahttp://es.wikipedia.org/wiki/Resoluci%C3%B3n_de_imagen

SISTEMA DE COLOR
¿ESCALA DE GRISES? es la representación de una imagen en la que cada pixel se dibuja usando un valor numérico individual que representa su luminancia, en una escala que se extiende entre blanco y negro. http://www.fotonostra.com/glosario/escalagrisesgrayscale.htm
¿QUÉ ES UN RGB? RGB es la composición del color en términos de la intensidad de los colores primarios de la luz puede referirse a: ⁕El modelo de color RGB ⁕El tratamiento de la señal de vídeo RGB ⁕El uso de RGB en HTML y otros lenguajes de programación
¿QUE ES UN CMYK? El modelo CMYK es un modelo de color sustractivo que se utiliza en la impresión en colores. Es la versión moderna y más precisa del ya obsoleto modelo de color RYB,