lunes, 15 de junio de 2015

pasos para subir la pagina

Pasos para subir la pagina web
               
1. Primero ingrese a dreamweaver
2. Seleccione una opcion donde dice mi sitio
3. Di clic en administrar sitios
4. Le di nombre al sitio
5. Seleccione la opcion de servidores
6. Proporcione los datos que me pedian
7. Click en guardar
8. Despues me mandaba de nuevo a administrar sitio donde tenias que dar click en listo
9. Por ultimo te ibas a vista local donde seleccionabas la opcion servidor remoto donde se generaba todo un proceso para subir la pagina.

martes, 9 de junio de 2015

PASOS PARA REGISTRAR TU PAGINA



1.  INGRESE A GOOGLE
2.  BUSQUE UN SERVIDOR GRATIS EN DONDE PUDIERA RESGISTRAR MI PAGINA
3.  SELECCIONE 260MB I ME REGISTRE
4.  PRIMERO ME PIDIO MI DOMINIO
5.  TAMBIEN UN CORREO ELECTRONICO
6.  ASI COMO CONTRASEÑA
7.  UNA BREVE DESCRIPCION DEL CONTENIDO DE MI PAGINA
8.  PONER UN CODIGO

9.  DESPUES ME LLEGO UN MENSAJE DONDE ME CONFIRMABA EL REGISTRO HABIA SIDO EXITOSO .

lunes, 1 de junio de 2015

tabla de sitios para alojar tu pagina con costo

sitio
descripcion
url
precio
HostMonster
Espacio ilimitado

Ancho de Banda ilimitado

Emails ilimitados

http://www.datines.com/etiqueta/hostmonster/
BlueHost
Espacio ilimitado

Ancho de Banda ilimitado

Emails ilimitados

http://www.datines.com/etiqueta/bluehost/
JustHost
Espacio ilimitado

Ancho de Banda ilimitado

Emails ilimitados

http://www.datines.com/etiqueta/justhost/
HostGator
Espacio ilimitado

Ancho de Banda ilimitado

Emails ilimitados

http://www.datines.com/etiqueta/hostgator/
LunarPages
Espacio ilimitado

Ancho de Banda ilimitado

Emails ilimitados

http://www.datines.com/etiqueta/lunarpages/


tabla de sitios gratis para alojar tu pagina web

sitio
descripcion
url
000webhost
Nos ofrece un servicio gratuito con espacio en disco de 1500MB, transferencia (ancho de banda) de 100GB, dominios ilimitados, CPanel, y no nos incluyen publicidades ni banners de ningún tipo. Simplemente uno de los mejores hostings gratuitos que podemos encontrar. 
http://www.000webhost.com/
Newbiesite
Hosting gratis con 100MB de espacio, 1GB de transferencia mensual (algo poco), subdominios, FTP, extensiones de FrontPage, soporte 24horas, nada de propagandas, banners ni ads. 
http://www.newbiesite.com/
110mb
Esta empresa nos ofrece alojar gratuitamente nuestra web en 110MB de espacio, 10GB de transferencia, MySQL 5, Sendmail, FTP, PHP 5, CGI/Perl, Python y Creador de sitios con templates. 
http://www.110mb.com/
Awardspace
 Es uno de mis preferidos, la usé un tiempo y me dio buenos resultados. Nos ofrece 200MB, 5GB de transferencia, hospedaje gratis para 2 dominios, 1 BD MySQL, sin publicidades molestas. 
http://www.awardspace.com/
Idomyweb
 Con 300MB de espacio, 10GB en transferencia mensual, 3 DBs MySQL, FTP y PhpmyAdmin, nada mal para ser un hosting gratuito de gran calidad y sin publicidad. 
http://www.idomyweb.es/


miércoles, 13 de mayo de 2015

barra de herramientas



terminologia dreamweaver



Dreamweaver cs5? es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.
Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa


Css    es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML2 (y por extensión en XHTML). 

Plantilla en dreamweaver crea un diseño de página fijo en la plantilla y a continuación crea regiones en la plantilla que son las únicas zonas editables en los documentos que se basan en esa plantilla.
Esto permite que un equipo colabore en el desarrollo de una Web, definiendo distintos niveles de acceso restringiendo por zonas editables y no editables.


Comportamientos Una serie de 'comportamientos de servidor' predefinidos permiten añadir elementos para completar la aplicación web. Por ejemplo, se pueden crear botones que llevan al siguiente o anterior conjunto de registros de la tabla, o un texto que muestre el número total de registros disponibles y el número del registro actualmente mostrado.

Sitio local El sitio local es un conjunto de páginas que solo pueden ser vistas en tu ordenador, no están montadas sobre un servidor por el cual puedan ser accedidas. Esta carpeta contendrá todos los documentos HTML creados y, además, otras carpetas en las que almacenarán las imagenes, los vídeos etc .

Sitio dinámico s son aquellos que permiten crear aplicaciones dentro de la propia Web, otorgando  una mayor interactividad con el navegante.

Sitio 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.

Región editable es una región no bloqueada de un documento basado en plantilla, es decir, una sección que el usuario de la plantilla puede editar.
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.

Etiqueta div La etiqueta <div> define una división. Esta etiqueta permite agrupar varios elementos de bloque (párrafos, encabezados, listas, tablas, divisiones, etc). En principio, los navegadores no muestran nada especial cuando se crea una división, salvo que se dé formato a la división con la hoja de estilo.
Tabla  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. 
Formulario Un formulario es un documento, ya sea físico o digital , diseñado con el propósito de que el usuario introduzca datos estructurados (nombre, apellidos, dirección, etc.) en las zonas del documento destinadas a ese propósito, para ser almacenados y procesados posteriormente.

Formulario de contacto

Un formulario, permite interactuar con los usuarios que visitan nuestro sitio.

Un formulario consta de tres partes:

-El código HTML, con la etiqueta form, abarcando todo el formulario.

-Secuencias de comandos CGI (Common Gateway Interface), una aplicación que se ejecuta en el servidor y que procesa la información enviada por el usuario.

-Elementos del formulario, así como campos de texto, casillas de verificación, listas, etc...

viernes, 13 de marzo de 2015

elementos basicos de html 1.3

1 BLOC DE  NOTAS: Bloc de notas (en ingles notepad) es un EDITOR DE TEXTO simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy simple.
2 BUSCADOR: Un buscador es una página de Internet que permite realizar búsquedas en la red. Su forma de utilización es muy sencilla, basta con introducir una o más palabras clave en una casilla y el buscador generará una lista de páginas web que se supone guardan relación con el tema solicitado.

3 COMPATIBLE: La compatibilidad se entiende en el ámbito de la informática y la tecnología como la capacidad que tienen dos sistemas de trabajar uno con otro simultáneamente
desde mastermagazine

4 ESTRUCTURA DE PÁGINA WEB:
<html>
                <title> titulo </title>
<head></head>
<body>
</body>
</HTML>

Una estructura HTML se empieza con la etiqueta <HTML> y acaba con </HTML>. Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se encuentran 2 partes diferenciadas.
La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).

5 ETIQUETA: Significa orden, según su etimología griega. Por eso se usa en todos los ámbitos donde el orden y la armonía son requeridos
6 HIPERTEXTO: Dentro de una página web, los hipervínculos son las palabras, párrafos o imágenes que al darles click, te llevarán a otro lugar, ya sea a otra página, o a una sección en específico dentro de la misma página; desempeñan una función muy útil, por ello saber cómo aprender a programar hipervínculos a la hora de crear un sitio web es muy importante. 

7 LENGUAJE HTML: HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, Mozilla) los interpreta y los muestra.

8 MARCAS (TAG )  Las marcas (tags) les permiten a los estudiantes y maestros describir sus intereses en una forma que es fácil para que la gente con intereses similares los encuentre. Elperfil del usuario tiene un lugar en donde se pueden poner los intereses, llo que creará o añadirá al usuario a una marca (tag) existente. Las páginas de marcas se pueden ver y las publicaciones de foro se pueden marcar
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.
http://es.wikipedia.org/wiki/Navegador_web

10 PAGINA WEB: na página web, página electrónica o ciberpágina,1 2 es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.
11 SITIO WEB: sitio es un lugar que sirve para algo o un espacio ocupado (o que puede llegar a serlo). La noción de Web, por su parte, hace referencia a Internet, una red de redes que permite la interconexión de computadoras mediante un conjunto de protocolos denominado TCP/IP.
12 PLATAFORMA : En INFORMATICA, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de HARDWARE o de SOFTWARE con los que es COMPATBLE.

13 SERVIDOR WEB: Un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código recibido por el cliente suele ser compilado y ejecutado por un navegador web. Para la transmisión de todos estos datos suele utilizarse algún protocolo. Generalmente se usa el protocolo HTTP para estas comunicaciones, perteneciente a la capa de aplicación del modelo OSI. El término también se emplea para referirse al ordenador que ejecuta el programa.


14 VÍNCULOS: Un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet<--estO ES un vínculo es un enlace, link, hipervínculo. 
Introducción al HTML

¿Qué entiendes por una página 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.

   Define cada una de las letras que conforman 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.

 ¿Quién inventó HTML?
tim berners lee


¿Cuál era el objetivo de crear HTML?

Para abreviar una larga historia, podemos decir que un científico llamado Tim Berners-Lee inventó HTML allá por 1990. El objetivo era facilitar a científicos de diferentes universidades el acceso a los documentos de investigación de cada uno de ellos. El proyecto obtuvo un éxito mucho mayor del que Tim Berners-Lee nunca hubiese llegado a imaginar. Al inventar HTML, este científico sentó las bases de la web tal y como la conocemos hoy día.

    Menciona tres características del lenguaje de HTML

Pero empecemos ya con lo que nos interesa. ¿Cómo se hace una página Web? Cuando los diseñadores del WWW se hicieron esta pregunta decidieron que se debían cumplir, entre otras, las siguientes características:
El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.

El Web tenía que ser hipertexto y debía ser fácil navegar por él.
Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.

§  Información contextual de la página. Estos meta-datos 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 invidentes) 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.

  Menciona 7 reglas básicas que debes de seguir en HTML

1º Las etiquetas de contenido (no vacías) deben llevar etiquetas que indiquen el inicio y el final. Ejemplo <div> ... </div>

2º Los elementos vacíos podrán utilizar una doble etiqueta (<br></br>) o el formato minimizado de una sola etiqueta (<br />)

3º No hay que solapar etiquetas de elementos distintos. Ejemplo: <b><i> texto con bold e italica</i></b>

4º Las etiquetas deben cerrarse en el orden correcto.
Mal ejemplo: <div><span> ... </div></span>
Buen ejemplo: <div><span> ... </span></div>

5º XHTML es sensible a minúsculas y mayúsculas. Todas las etiquetas y atributos deben ir obligatoriamente en minúsculas.

6º También es obligado usar comillas (" ") en los atributos.

7º No se permiten atributos minimizados. por ejemplo usando HTML en el elemento option de un form podrías escribir el atributo CHECKED, en XHTML deberíamos especificar checked="checked"



cuales son tus posibles temas a tratar en tu pagina web? poemas y historias de amor

clasifica tus temas; poemas y historias de amor, chistes

escoge tu tema para pagina web:historias i poemas de amor

define la información que va a contener tu pagina web :poemas y historias

cuales fuentes de información tienes para tu pagina web: imagenes i informacion

escalabilidad: 3 dias

planificacion  (objetivo,publico y estructura ): contar con pagina principal y dos paginas secundarias que contenga una lista y una tabla



mi segunda pagina html


mi primera pagina html


mi index de la pagina web


viernes, 2 de enero de 2015

TERMINOLOGIA BASICA DE FLASH



Menciona 5 Software más comerciales para realizar animaciones y explica brevemente en qué consiste cada uno de ellos.
•- ToonDoo – ToonDoo es quizás una de las herramientas web más completas para la creación de Comic y, hasta ahora, sigue siendo mi favorita. Cuenta con una enorme variedad de escenarios, personajes, situaciones, y más

•- GoAnimate – GoAnimate ofrece un simplísimo editor para conseguir crear divertidas animaciones, pero que a la vez es lo suficientemente poderoso como para obtener impresionantes resultados. Denle click al link de GoAnimate para que vean una pequeña animación que hice, luego de jugar con este servicio web por no más de 20 minutos.

•- Moviestorm – Una completísima herramienta para crear animaciones en 3D, que sin embargo, mantiene la simplicidad suficiente como para aprender a utilizarla en minutos. Pero vaya que los resultados son impresionantes. De hecho, hace que los resultados que obtenemos con xtranormal se vean cosa de niños…

http://www.arturogoga.com/2009/03/26/como-crear-comics-animaciones-2d-animaciones-3d-la-guia-de-todo-lo-que-quisiste-saber-al-respecto/

• Sothink Quicker for Silverlight que te permitirá crear animaciones sencillas en unos minutos generadas directamente en Silverlight: banners, presentaciones, divertimentos, sin programar y sin aprender casi nada.

http://geeks.ms/blogs/jalarcon/archive/2008/12/06/software-gratuito-para-crear-animaciones-silverlight.aspx

• Adobe Flash Professional cs5 trata de una aplicación de creación y manipulación de gráficos vectoriales con posibilidades de manejo de código mediante el lenguaje ActionScript en forma de estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción y entrega de contenido interactivo para las diferentes audiencias alrededor del mundo sin importar la plataforma


¿Que es flash?
Flash es una tecnologia para crear animaciones graficas vectoriales independientes del navegador y que necesitar poco ancho de banda para mostrarse en los sitios web. Con flash los usuarios pueden dibujar sus propias animaciones o importar otras imágenes vectoriales.

http://www.masadelante.com/faqs/flash


¿Que es animación?
La animación es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos. Existen numerosas técnicas para realizar animación que van más allá de los familiares dibujos animados.

http://es.slideshare.net/SergioMedina8/libro-curso-de-flash-8
¿Que es un efecto especial?
Son un conjunto de técnicas utilizadas en el mundo del espectáculo o en el ámbito audiovisual. 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.

http://es.slideshare.net/SergioMedina8/libro-curso-de-flash-8


¿Que es un grafico de computadora?
La computación gráfica o gráficos por ordenador es el campo de la
informática visual, donde se utilizan computadoras tanto para generar imágenes visuales sintéticamente como integrar o cambiar la información visual y espacial probada del mundo real.


http://es.wikipedia.org/wiki/Computaci%C3%B3n_gr%C3%A1fica

¿Que es un video game?
software creado para el entretenimiento en general y basado en la interacción entre una o varias personas y un aparato electrónico que ejecuta dicho videojuego.

http://es.wikipedia.org/wiki/Videojuego

¿Que es un Synthespians?
Son los “actores humanos” simulados en computadora, cuyo primer intento en grande fue Final Fantasy: The Spirits Within (2001), cuyos protagonistas parecían seres humanos, pero eran modelos de computadora movidos con técnicas fotorrealistas, pero que no conseguían desprenderse de cierta rigidez.

http://www.google.com.mx/#hl=es&gbv=2&q=synthespians&tbs=dfn:1&tbo=u&sa=X&ei=ySW7TrvBKYrliAKBhMDxAQ&ved=0CCIQkQ4&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=618d5148c58c1af4&biw=1024&bih=596

¿Que es un fotograma?
Se denomina fotograma a cada una de las imágenes impresionadas químicamente en la tira de celuloide del cinematógrafo o bien en la película fotográfica.

http://es.slideshare.net/SergioMedina8/libro-curso-de-flash-8


¿Que es un gráfico 3d gráficos 3D por computadoras. Son los trabajos de artes gráficas que son realizados a base de computadoras y programas especiales 3D, al proceso de crear los gráficos y también al campo de estudio de técnicas y tecnologías relacionadas con los gráficos 3D.
http://www.ecured.cu/index.php/Gr%C3%A1ficos_3D_por_computadora

Identifica y explica los tipos de  animaciones de Flash CS5:
Cuadro por cuadro: técnica de animación que consiste en aparentar el movimiento de objetos estáticos por medio de una serie de imágenes fijas sucesivas

(http://es.wikipedia.org/wiki/Stop_motion)
Interpolación de movimiento: las interpolaciones de movimiento se utilizan para establecer las propiedades de un objeto, por ejemplo, la posición y la transparencia alfa de un fotograma, y de nuevo, de otro fotograma. Las interpolaciones de movimiento resultan útiles para animaciones con movimiento continuo o para la transformación de objetos. Aparecen en la línea de tiempo como fotogramas contiguos y se pueden seleccionar como un solo objeto de forma predeterminada. Son potentes y fáciles de crear.
http://es.wikipedia.org/wiki/Proceso_de_la_animaci%C3%B3n_3D
Animación de mascaras: Las animaciones de máscaras muestran solamente una parte de una imagen, texto o forma vectorial. (http://www.estiloflash.com/curso-basico-de-flash-8-animacion-con-mascaras-parte-22/455/)

Animación de Transformación /forma Morphing: La animación por interpolación de forma esa diferencia en que gradúa el cambio de la forma del objeto, realizada a través de la manipulación de sus puntos de control bezier. También permite cambiar el color.

Bones/huesos: con esta animación podemos virtualmente aplicar un esqueleto a un dibujo el cual lo podremos mover a nuestras necesidades

http://es.slideshare.net/SergioMedina8/libro-curso-de-flash-8

que es un texel ?
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

que es un pixel? Es la más pequeña de las unidades homogéneas en color que componen una imagen de tipo digital.

Definición de píxel - Qué es, Significado y Concepto http://definicion.de/pixel/#ixzz3OBQrblrr