P-25 Pasos para registrar mi pagina web.

1. Tenemos que entrar a la pagina de 00webhost.
2. Escojeremos la parte donde dice "free hosting" que es el para elegir el alojamiento gratuito.
3. después se escribe el nombre con el que queremos que se abra nuestra pagina, por ejemplo el mio es seturista
4. Nos van a pedir nuestros nombres asi que tenemos que llenar los datos que nos piden.
5. despues le damos aceptar.
6. apareceran los datos del servidor en el que nos registramos.
7. despues en nuestro correo no tienes que llegar unos codigos. que nos envia el servidor.
8. despues para poderla subir... abrimos dreamweaver y abrimos un sitio a este se le pone el nombre que sea, y abres las carpetas donde estan tus trabajos.
9. 
   

P- 24 Registro de la pagina.

BUSCADORES EN INTERNET.

1. GOOGLE: http://www.google.com/addurl.html 
2. YAHOO: http://mx.siteexplorer.search.yahoo.com/free/request
3. MSN: http://search.msn.com/docs/submit.aspx?FORM=WSDD2
4. ALTAVISTA: http://www.altavista.com/addurl/default
5. MEXICO WEB:   http://www.mexicoweb.com.mx/agregar.html

Crei convenientes para registrar mi pagina en: google y mexico web.

link para mi pagina

P-23 Sitios Que Venden Alojamiento.

 Hosting con cPanel: Elige el plan de Web Hosting, que más se adapte a tus necesidades. Algunos de los siguientes paquetes son multidominio y tienes un panel de control desde el cual podrás administrar todos tus dominios. $880 MXN/anuales URL: http://hostdime.com.mx/

NEUBOX: Para ti que no sólo quieres comunicar algo sino buscar un beneficio económico de tus proyectos o en tu negocio, tambien para comunicar. $ 890.00 por año.   URL: https://neubox.com/

Web Hosting Profesional: Todos los Planes de Web Hosting que ofrecemos en Hospedando.Mx están pensados para los diferentes perfiles de usuarios personales y pequeña empresa e incluyen todo lo necesario para comenzar, crecer y operar en un ambiente estable, seguro y robusto.  $885.00 por año.  URL:  http://www.hospedando.com.mx/

P- 22 Sitios Gratis

1. Run Hosting: cuenta con 150 Mb de espacio en disco, 4 Gb de transferencia mensual, 1 dominio, 1 base de datos MySQL y soporte PHP, Perl, CGI.   URL: http://runhosting.com/index.html
2.  000WebHost: ofrece 1500 Mb de espacio en disco, una transferencia mensual de 100 Gb, 5 subdominios, 5 cuentas de correo electrónico, 2 bases de datos MySQL, panel de control, PHP, IMAP… lo básico para montar una web sencilla. URL: http://www.000webhost.com/
3.  XtreemHost: 5500 Mb de espacio en disco, 200 Gb de transferencia mensual, 4 mb de tamaño límite por archivo, 50 bases de datos MySQL, phpMyAdmin 3.2.5, 50 subdominios,  URL: http://www.xtreemhost.com/
4.  Zoby Host: 30 Gb de transferencia mensual, soporte PHP y MySQL, 1 Gb de espacio en disco, 20 bases de datos MySQL y varios CMS preinstalados a falta de un clic como WordPress, Joomla, Drupal u osCommerce.  URL: http://www.zobyhost.com/
5.  Free Web Hosting Area:1500 Mb de espacio en disco con un límite de tamaño por fichero de 12 Mb, transferencia mensual ilimitada, 5 bases de datos MySQL o phpMyAdmin      URL: http://www.freewebhostingarea.com/
6.  Free Hostia:  ofrece 1 base de datos MySQL, 250 Mb de espacio en disco, transferencia mensual de 6 Gb, 3 cuentas de correo electrónico POP3 e IMAP, 10 Mb de espacio en disco por cada base de datos y distintos scripts preinstalados a falta de un único clic.    URL: http://www.freehostia.com/index2.html
7.  AwardSpace: 200 MB de espacio en disco, transferencia mensual de 5 Gb, 5 subdominios, 2 dominios, PHP, 1 base de datos MySQL, acceso vía FTP, 5 direcciones de e-mail son las principales características.    URL: http://www.awardspace.com/
8.  110 Mb: ofrece 110 Mb de espacio gratuito en disco combinado con 100 Gb de transferencia mensual así como un “Site builder” para crear páginas web fácilmente. URL: http://www.110mb.com/
9.  Black Apple Host: ofrece 5 Gb de espacio en disco, 20 Gb de transferencia mensual, el panel de control LayeredPanel (no usa cPanel como la mayoría de hostings de pago). Otro aspecto a tener en cuenta es que cuenta con varios CMS preinstalados.  URL:   http://www.blackapplehost.com/
10.  ByetHost: panel de control y un instalador de CMS automático, 5500 Mb de espacio en disco, 200 Gb de transferencia mensual, acceso vía FTP y subdominios gratuitos a elegir dentro de varios subdominios distintos. URL:   http://byethost.com/free-hosting

http://doovive.com/top-10-mejores-hosting-web-gratuitos/

Actividad 18 Entorno del Software del Dreamweaver

Actividad- 17 terminologia basica del software

1- CSS: es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas.
2- MAQUETACION: Maquetación, composición de una página, compaginación de diferentes elementos. Son términos diferentes, que se utilizan para hacer referencia a una misma cosa; la forma de ocupar el espacio del plano mesurable, la página.
3- PLANTILLA DE DREAMWEAVER:es un pre.diseño de una página Web creada para que la utilices como base de un desarrollo Web rápido y de alta clidad en diseño.
4-CONTENEDOR EN DREAMWEAVER:son los conjuntos de marcos.
5-REGION EDITABLE: son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla.
6-cOMPORTAMIENTO EN DREAMWEAVER: son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.
7-TABLA:sirven para organizar datos e imágenes en un archivo HTML,consisten de tres elementos básicos: filas, columnas y celdas
8-FORMULARIO:se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios.
9-FORMULARIO DE CONTACTO:es una particularidad de los formularios web, conjunto de casillas de texto acompañadas de unos rotulos que muestran cual debera ser el contenido de las casillas de texto ademas de uqe debe de contener el boton de envio.
10-DREAMWEAVER CS5:es la aplicación que lidera el sector de la edición y creación de contenidos web. Proporciona funciones visuales y de nivel de código para crear diseños y sitios web basados en estándares para equipos

http://proyectodeia.blogspot.mx/2008_09_01_archive.html
http://www.adobe.com/es/products/dreamweaver.html
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263

P- 8 ATRIBUTOS DE ETIQUETAS

http://crismattweb.tripod.com/guiahtml/etiqueta.html

p- 4 Estructura basica de HTML

<html>
<head>
... Encabezamiento del documento
</head>
<body>
... Cuerpo del documento
</body>
</html>

http://www.hooping.net/faq-elementos-basicos.aspx

P- 3 elementos basicos de HTML.

1. BLOC DE NOTAS.  El bloc de notas es un editor de texto gratuito, Es una aplicación básica, sencilla y rápida. Generalmente graba los archivos en formato ".txt", un formato que no tiene etiquetas ni estilos.
2. COMPATIBLE. es la condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente (mediante un algoritmo).
3. ETIQUETA. erá un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta.
4. HIPERTEXTO. es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico conduce a otro texto relacionado. La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos.
5. LENGUAJE HTML. significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. son ficheros de texto plano (también conocidos como ASCII) que pueden ser editados con cualquier editor de texto.
6. MARCAS (tag). Cada marca tiene una página asociada a ella. La página de marca reúne a los usuarios, la información y los recursos relacionados con esa marca. Una marca tiene una descripción, enlaces a las marcas, una lista de usuarios asociados con esa marca y bloques con los recursos relacionados con dicha área.
7. NAVEGADOR. es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla, (ya se encuentre ésta alojada en un servidor dentro de la World Wide Web o en un servidor local).
8. PAGINA WEB. es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo móvil.
9. PLATAFORMA. es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software
10. SERVIDOR WEB. 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 generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente.
11. VINCULOS.  es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. Combinado con una red de datos y un protocolo de acceso

http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)

http://www.juntadeandalucia.es/averroes/iesgaviota/informatica/html.html
http://es.wikipedia.org/wiki/P%C3%A1gina_web
http://docs.moodle.org/19/es/Marcas
http://es.wikipedia.org/wiki/Plataforma_(inform%C3%A1tica)
http://es.wikipedia.org/wiki/Servidor_web
http://es.wikipedia.org/wiki/Hiperenlace

Practica 2 mi sitio web!!

¿cuales son los posibles temas a tratar en tu pagina web?

*bullyng y sus consecuensias.

*centros turisticos en mi comunidad.

educacion ambiental.

clasifica los temas:

informativo.

entretenimiento.

escoge el tema para tu pagina web.

centros turisticos de mi comunidad.

define la informacion que va a tener tu pagina web.

va a ser como una agencia de viajes, donde te explique sobre centros turisticos que hay en la comunidad, con precios y aparte de tours.

¿cuales fuentes de informacion tienes para tu pagina?

visitmexico.com

seturistaentuestado.com

ensenada.net

escalabilidad.

cada estacion del año.

Practica 1

   ¿Qué entiendes por una página WEB?

es un documento o un lugar con cierta informacion pero dentro de la red, y estos pueden tener distintos tipos de formato, aunque casi siempre es HTML o XHTML.

¿Qué tipo de información tienen las páginas WEB?

e         esta compuesta generalmente por solo texto, aunque tambien puede llevar imagenes, ademas de que puede contener una actividad interactiva.

¿Qué entiendes por sitio WEB?

p         pues como su nombre lo dice es un sitio y en el hay muchas paginas web y al mismo tiempo estas estan relacionadas. como la pagina de cobach.

          ¿Cuál es la diferencia entre sitio WEB y pagina WEB?

el sitio web es la localizacion y las paginas son los documentos en los cuales puedes navegar.

¿Para qué crees que sirve una página WEB?

para navegar buscando la informacion que necesitamos.

   ¿Qué te gustaría que tuviera la pagina web que diseñarías?

*informacion para administrar el tiempo.

*tal ves de horoscopos y suerte.

*centors turisticos del mundo.

6TO. SEMESTRE.

INICIA 6to SEMESTRE!!

p- 15 CREAR UNA LUPA.

1.  Ctrl. + R importar una imagen para la capa 1.
2. Insertar utra capa, capa 2.
3. poner otra vez la misma imagen pero ahora hacerla mas grande.
4. insertar otra capa, capa 3.
5. dibujar un ovalo, y hacer F6 en la linea 50, en todas las capas.
6. mover el ovalo, y hacer F6 por cada arrastre en la liena del tiempo.
7. asi sucesivamente hasta recorrer toda la imagen.
8. correr la pelicula.

p-12 Interpolacion De Movimientos

1. Importar la mariposa al escenario.
2. F8
3. La convertimos en simbolo.
4. La seleccionamos.
5. Recorremos la linea roja al cuadro 5.
6. F6 y la empezamos a recorrer.
7. Despues interpolacion de movimientos.
8. Darle la forma del recorrido que nosotros quieramos.
9. Ctrl+enter

p-10: Identificar los elementos de la ventana del software de animacion

P-9 Conocer la terminología básica del software para elaborar animaciones

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

ü  CrazyTalk 6.21Para realizar los ajustes que se deseen en las parte del rostro de cualquier imágen necesitas de esta fácil herramienta

ü  2D,and,3DAnimator-2.1
¿Tienes una página web o quieres crear una con imágenes de alta calidad, botones agradables, títulos y banners llamativos? Con esta aplicación te convertirás en un experto.

ü  Stykz1.0.2Si eres de los que les gusta las animaciones y desea realizar tus propias animaciones, puedes realizarlas utilizando esta atractiva y gratuita herramienta.

ü  Toon Boom Studio 4.5Para realizar tus propias animaciones en 2D de alta calidad, nada mejor que esta fantástica aplicación, ya que cuenta con un diseño 100% profesional.

ü  Stickman-5.5Para realizar las mejores animaciones de dibujos animados, puedes utilizar esta práctica aplicación que te dará buenos resultados.

2.      Que es flash? es el entorno de creación líder del sector de producción de contenido interactivo expresivo. Cree experiencias envolventes y preséntelas al público de forma coherente en ordenadores, teléfonos inteligentes, tabletas y televisores.

3.      Que es 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.

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

5.      Que es un grafico de computadora? 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.

6.      Que es un video game? es un 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.^[

7.      Que es un Synthespians? son los “actores humanos” simulados en computadora, o bien se podría decir “actor virtual”.

8. Que es un 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 fotografica

9. que es un grafico 3D? se refiere a trabajos de arte gráfico que son creados con ayuda de computadoras y programas especiales 3D.

10. Identifica y explica los tipos de animaciones de Flasch CS5:

• Interpolacion de movimiento: Permite desplazar un simbolo de un lugar a otro del escenario, siendo necesarios únicamente dos fotogramas, lo que optimiza mucho el rendimiento de la pelicula.
• Animacion en 3D: 3D  o tercera dimensión  en lo que refiere a graficos por computadora es la capacidad que tienen estas de simular  volumen ,  esto es cuando un plano X, Y  adquiere valores Z  ( altura o segun sea el caso), estos valores pueden ser interpretados para formar poligonos  mediante algoritmos que nos permiten modelar en 3D cualquier cosa.
• Animacion de mascaras: muestra solamenta una parte de la imagen, texto o forma vectorial.
• Animacion de Transformacion /forma Morphing:  es un efecto especial que utiliza la animación por computadora para para transformar la imagen fotográfica de un objeto real en la imagen fotográfica de otro objeto real. Se lo utiliza sobre todo para crear la ilusión de la transformación de una cosa en otra, como por ejemplo la metamorfosis de un hombre lobo. 
• Bones/huesos: permite animar personajes de una forma mucho más sencilla a como se venia haciendo hasta ahora.

http://www.todoprogramas.com/imagen/animacion
http://es.wikipedia.org/wiki/Ensayo
http://www.cad.com.mx/que_es_una_computadora.htm
http://www.cristalab.com/ejemplos/editor-de-animacion-de-transformacion-de-formas-en-flash-c89l/

P-6: Panel de Herramientas

1.    para mover selecciones o capas completas.

2.    Su funcion es seleccionar la imagen  (imagenes) a editar.

3.    realiza polígonos de lados rectos. El lazo magnético, selecciona aprovechando la diferencia de tonos de la imagen.

4.    Para dividir imágenes en sectores, destinados a formar parte de una celda o tabla en HTML.

5.    Recorta la imagen en forma rectangular, desechando las áreas que quedan fuera.

6.    permite tomar colores de determinadas zonas de la imagen.

7.    permite recuperar, en zonas determinadas, estados anteriores de la imagen, realiza efectos artísticos.

8.    Simplemente son las herramientas de Pintura.

9.    Herramienta de sello, permite corregir imperfecciones y hacer trucos.

10. Usa la prestación Historia del programa, que guarda varios pasos anteriores de la imagen.

11. Borra partes de la imagen. Borrador mágico borra aprovechando las diferencias de tono.

12. Degradado realiza degradés en diferentes estilos. Bote de pintura pinta aprovechando las diferencias de tono.

13. Desenfocar y Enfocar modifican precisión en los detalles de las imágenes. El dedo “desparrama” los colores de las imágenes como si fuera pintura fresca.

14. Subexponer y sobreexponer modifican el tono de las imágenes, oscureciéndolo
o aclarándolo.

15. Conjunto de herramientas para crear y modificar trazados.

16. Incorpora bloques de texto.

17. Sirven para realizar formas vectoriales predeterminadas.

18. Permite poner notas indicativas en la imagen, ya sea en texto o en audio. Pueden ser recordatorios o mensajes para otros operadores.

19. Para dividir imágenes en sectores, destinados a formar parte de una celda o tabla en HTML.

20. Para cambiar el estado de la camara.

21. Arrastrar la imagen.

22. Su funcion es para aumentar o disminuir el tamaño de la imagen.

23. Modifica el tono que se quiere obtener en la imagen.

24. Para intercambiar el tono y color entre las imagenes.

http://www.desarrolloweb.com/articulos/barra-herramientas-photoshop.html

P-6 Elementos de la ventana del Software de diseño

p-4: Terminología básica del Software para editar imagenes.

1. Explica para que se utiliza un editor de imágenes. para corregir o para optimizarlas, manipularlas, retocarlas, etc con el fin de alcanzar la meta deseada.
2. ¿Que es una imagen digital?es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros). Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de un gráfico rasterizado o de un gráfico vectorial
3. ¿Cuales son los tipos de imagenes digitales que existen y cuales son sus formatos o extensión del archivo de cada uno?*gráfico rasterizado: es una estructura o fichero de datos que representa una rejilla rectangular de pixeles o puntos de color, denominada raster, que se puede visualizar en un monitor, papel u otro dispositivo de representación.  *grafico vectorial: formada por objetos geométricos independientes, cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.
4. Explica cada uno de los formatos de archivos. (.psd, .fif, .jpg, png, .eps, .tif, .bmp, .gif, .svg, formatos raw (.crw y .cr2)*jpg: está diseñado para almacenar solamente [imágenes] estáticas. *gif:admite almacenar imágenes estáticas y animaciones simples. *psd:es un formato nativo de photoshop y permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa. *.jfif: La variación JFIF suele utilizarse en la edición de imágenes profesional. La mayoría de aplicaciones de software guardan los archivos en este formato. JFIF utiliza las áreas APPn para almacenar información de tipo copyright y pies de foto o leyendas (texto IPTC) e información para la gestión del color (datos icm). *png:permite almacenar imágenes en blanco y negro (una profundidad de color de 16 bits por píxel) y en color real (una profundidad de color de 48 bits por píxel), así como también imágenes indexadas, utilizando una paleta de 256 colores. *eps:pueden guardar en este formato, tanto mapa de bits como imágenes vectoriales. Es muy utilizado en la impresión profesional y en otras aplicaciones llegando hasta la impresora de tipo Postcript.*tif: Es un tipo de archivo estándar para guardar imágenes de alta calidad, lo guarda con 48 bits de color incluyendo capas y canales alfa.*bmp:lo utiliza el sistema de Windows y el Ms-Dos, para guardar sus imágenes. Este sistema de archivo puede guardar imágenes de 24 bits (millones de colores), 8 bits (256 colores) y menos.*svg:es una especificación para describir graficos vectoriales bidimensionales, tanto estáticos como animados (estos últimos con ayuda de SMIL), en formato XML.
5. ¿Que es un mapa de bits? es una estructura de datos que representa una rejilla rectangular de píxeles o puntos de color, conocida como aster, que puede ser visualizada en un monitor de computadora en un papel o en otros dispositivos de representación.
6. ¿Que es un gráfico vectorial? es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.
7. ¿Que es un Pixel?"elemento de imagen") es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea esta una fotografia, un fotograma de video o un grafico.
8. ¿Que es un Vóxel?es la unidad cúbica que compone un objeto tridimensional. Constituye la unidad mínima procesable de una matriz tridimencional y es, por tanto, el equivalente del pixel en un objeto 3D.
9. ¿Que es un Texel? es la unidad mínima de una textura aplicada a una superficie, usada en graficos por computadora. De la misma forma que una imagen digital se representa mediante una matriz de pixeles, una textura se puede representar mediante un matriz de texels.
10. ¿Que es rasterizacion?es el proceso por el cual una imagen  descrita en un formato gráfico vectorial se convierte en un conjunto de píxeles o puntos para ser desplegados en un medio de salida digital, como una pantalla de computadora, una impresora electrónica o una imagen de mapa de bits (bitmap).
11. ¿Que es vectorizacion? es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.
12. ¿Que es una resolucion de imagen?indica cuánto detalle puede observarse en esta. El término es comúnmente utilizado en relación a imágenes de fotografía digital  pero también se utiliza para describir cuán nítida (como antónimo de granular) es una imagen de fotografía convencional (o fotografía química). Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual.
13. Explica los sistemas para el color a las imagenes digitales de acuerdo a su finalidad y cuanto ocupa en pixeles? * Escala de grises:es una escala empleada en la imagen digital en la que el valor de cada píxel posee un valor equivalente a una graduación de gris.es igual a 8 byts * RGB:de un color hace referencia a la composición del color en términos de la intensidad de los colores primarios con que se forma: el rojo, el verde y el azul. Es un modelo de color basado en la sintesis auditiva y son de  16 byts *CMYK: es un modelo de colores sustractivo que se utiliza en la impresión en colores. a una escala de 32 byts.
14. ¿Cuales son los mejores programas para la edicion de imagenes?Photoshop Express *Picnik  , *Snipshot, *Phixr *FotoFlexer, *Splashup

http://es.wikipedia.org/wiki/P%C3%ADxel

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

http://www.quesabesde.com/camdig/articulos.asp?articulo=96