1.4 terminologia basica del software para diseñar paginas WEB

1.- 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 de sorbremesa, SmarPhone, tabletas y otros dispositivos.

2.-CSS: es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El World Wide Web Consortium (W3C) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.
3.-Planilla en dreamweaver: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. Al diseñar una plantilla, usted especifica como “editables” aquellos contenidos de un documento basado en dicha plantilla que los usuarios pueden editar.
4.-Contenedor en dreamweaver: es aquello de la caja en la que va el contenido del la web ( texto, imagenes etc que van adentro de dicho container)
5.-Comportamientos en dreamweaver:

Los comportamientos son acciones, programadas normalmente en código JavaScript, 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 JavaScript 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.

El panel Comportamientos, que se puede abrir a través del menú Ventana, o pulsando Mayús+F3 o sobre el botón del lanzador. Un comportamiento se añade a un objeto especificando en primer lugar una acción y, a continuación, el evento que desencadena esa acción.

6.-Sitio local:se emplea para referirse a una ubicación de almacenamiento local o remota de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver, debe definir un sitio.
7.-Sitio dinamico:son aquellos que permiten crear aplicaciones dentro de la propia Web, otorgando  una mayor interactividad con el navegante. Aplicaciones dinámicas como  encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada 
8.-Sitio interactivopermite 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.
9.-Region editable: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.- Maquetaciones la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página.
11.-Etiqueta Div seemplea para definir un cloque de contenido o seccion de la pagina , para poderle aplicarle diferentes estilos e incluso para realizar operaciones sobre este bloque especifico 
12.-Tabla constituyen una herramienta muy eficaz para presentar datos de tabla y establecer el diseño de texto y gráficos en una página HTML. Una tabla consta de una o varias filas, cada una de las cuales consta, a su vez, de una o más celdas. Aunque las columnas no suelen especificarse explícitamente en el código HTML, Dreamweaver permite manipular tanto columnas como filas y celdas.
13.-Formulariopermiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio.
14.-Formulario de contactoes 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.







http://es.scribd.com/doc/84441344/Concepto-de-Dreamweaver#scribd
http://es.wikipedia.org/wiki/Hoja_de_estilos_en_cascada
https://helpx.adobe.com/es/dreamweaver/using/dreamweaver-templates.html
http://www.deseoaprender.com/dreamweaver-cs5/configurar-container-pagina-curso-dreamweaver-cs5-leccion-16.html
http://www.deciencias.net/disenoweb/elaborardw/paginas/comporta.htm
https://helpx.adobe.com/es/dreamweaver/using/dreamweaver-sites.html
http://www.designioweb.com/interactivos.html
http://www.webandmacros.com/webdinamica.htm
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263
http://www.aulaclic.es/dreamweaver-cs5/t_18_1.htm
http://www.ite.educacion.es/formacion/materiales/182/cd/seis/la_etiqueta_div.html
https://helpx.adobe.com/es/dreamweaver/using/presenting-content-tables.html
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13290
http://mex.tl/blog/formulario-contacto.html

1.3 Elementos básicos de HTML

Blog de notas:es un editor de texto simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy simple. Algunas características propias son:

1. Inserción de hora y fecha actual pulsando F5, en formato "HH:MM DD/MM/AA".
2. Inserción de hora y fecha actual si el documento comienza por ".LOG".
3. Ajuste de línea.
4. Posibilidad de exportar a cualquier formato de texto no formateado (muy útil como recurso de emergencia para programar)

Buscador:es un sistema informático que busca archivos almacenados en servidores web gracias a su «spider» (también llamado araña web).
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). A este algoritmo que hace que un programa logre ser comprendido por un sistema, arquitectura o aplicación se lo denomina emulador por el hecho de que es un intérprete entre el programa y el sistema, arquitectura o aplicación.
Estructura de pagina web:Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.

<HTML>

<HEAD>

<TITLE>Primera página</TITLE>

</HEAD>

<BODY>

...

...

...

</BODY>

</HTML>

Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.

La primera instrucción <HTML> indica al explorador de Internet que ahí comienza una página Web. La siguiente instrucción <HEAD> indica el encabezado de la página, es decir el área de la barra de título. <TITLE> indica el título de la página propiamente dicho. <BODY> es una instrucción que indica al explorador de Internet que ahí empieza el área de contenido de la página (es decir el cuerpo de la página).

En el lenguaje HTML, muchas instrucciones se cierran con el signo / (diagonal) para indicar al programa que las propiedades aplicadas con esa instrucción se terminan ahí donde se pone el signo diagonal. Si el signo de cierre (/) no se aplica convenientemente, el programa seguirá aplicando las propiedades de la instrucción anterior a todas las líneas inferiores, hasta que se encuentre otra instrucción que modifique las propiedades actuales

Etiqueta:es una palabra clave asignada a un dato almacenado en un repositorio. Las etiquetas son en consecuencia un tipo de metadato, pues proporcionan información que describe el dato (una imagen digital, un clip de vídeo o cualquier otro tipo de archivo informático) y que facilita su recuperación
Himper texto: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.
Lenguaje HTML:El lenguaje HTML se basa en la sintaxis SGML (Standard Generalized Markup Language). Esto quiere decir que los diferentes elementos (párrafos, encabezamientos, tablas, listas, ...) de un documento para la WWW se señalan intercalando etiquetas que indican al navegador cómo debe mostrarlo.
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
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.
Pagina web: 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.
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 ysí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 sercompilado 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.
Vinculos: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





http://es.wikipedia.org/wiki/Bloc_de_notas
http://es.wikipedia.org/wiki/Motor_de_b%C3%BAsqueda
http://es.wikipedia.org/wiki/Etiqueta_(metadato)
http://www.juntadeandalucia.es/averroes/~04000134/informatica/html.html
http://es.wikipedia.org/wiki/Hipertexto
https://docs.moodle.org/all/es/Marcas_(Tags)
http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)
http://es.wikipedia.org/wiki/Navegador_web
http://es.wikipedia.org/wiki/P%C3%A1gina_web
http://es.wikipedia.org/wiki/Servidor_web
http://www.mailxmail.com/curso-manual-html/estructura-pagina-web

1.2 Introducción a HTML

¿Qué entiendes por HTML? hace referencia al lenguaje de marcadopara la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.

Define cada una de las letras que conforman HTML:lenguaje de marcas de hipertexto

¿Quién invento el HTML?Tim Berners-Lee
¿Cuál era el objetivo de crear HTML?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 cuatro características del lenguaje HTML:

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

menciona 7 reglas básicas que debes seguir para el diseño de una página WEB: 
1.- Reunir información: Investigar el historial de la marca, su giro, sus servicio y la competencia.

2.- Plantear un objetivo: El objetivo debe plantearse de acuerdo a la función que hará el sitio en la red.

3.- Conocer los objetivos del cliente: Nunca se debe de olvidar la opinión del cliente, aunque tu como diseñador o creativo presentes una idea, ésta debe de ir acorde a los objetivos deseados del cliente, sin tu perder estilo.

4.- Conocer el público objetivo: Se tiene que tomar en cuenta todo tipo de datos demográficos sobre las personas que estarán frente a un monitor visitando la página. La edad, el sexo, gustos, estilo de vida, cultura y hasta lugar de residencia.

5.- Crear un mapa del sitio: Es importante antes de ponerse a diseñar y programar, bocetar las ideas y hacer distintas pruebas.

6.- Crea o reúne un contenido atractivo: El contenido tanto tipográfico como visual, debe llamar la atención de la audiencia.

7.- Planifica: Empezar con las ideas básicas y crear un calendario de avances y metas.

http://es.wikipedia.org/wiki/HTML
http://es.wikipedia.org/wiki/Tim_Berners-Lee
http://www.paredro.com/11-reglas-para-disenar-una-pagina-web/
http://ibiblio.org/pub/linux/docs/LuCaS/Manuales-LuCAS/doc-curso-html/doc-curso-html/x38.html
http://es.html.net/tutorials/html/lesson2.php

1.1 Actividad integradora

1.- ¿Cuales son tus posibles temas a tratar en tu pagina web? sobre los vídeo juegos, nuevas tegnologias, comidas típicas de Ensenada  
2.- Clasifica tus temas vídeo juegos, comidas típicas de Ensenada, 
3.-Escoge el tema para tu pagina WEB sobre las consolas de video y los video juegos
4.-Define la información que va a contener tu pagina sera sobre la historia de las consolas y sus jeneraciones asi tambien de un top 10 de los mejores video juegos del mundo
5.-¿Cuales fuentes de información tienes para tu pagina? paginas referentes a los video juegos y las consolas de video 
6.-Esca labilidad cada dos semanas
7.-Planifcacion: (objetivos, públicos y estructural): Contar con una pagina principal y dos paginas secundarias, que contenga una lista y una tabla. uno de los link los mandara a una pagian en la cual pobran encontrar las diferentes generaciones de consolas las cuales traeran un poco de la historia de cada una de ella i tendra una imagen de dicha consola, el index o pagina principal llevara una pequeña introduccion sobre la pagina y el la otra pagina esta ra un tpo de los mejores videojuegos de la historia y estaran en modo de lista  
8.- Definición del diseño:

index

 cuadro

                                                             
                                                                         top

proyecto final!!

3.3 Conceptos básicos del software de animación

1.- ¿Que es animación?
La animación es el proceso que logra dar movimiento a dibujos u objetos inanimados por lo general. Esto es posible gracias a una secuencia de dibujos o fotografías que al estar ordenadas consecutivamente logran generar un movimiento creíble ante nuestros ojos, los cuales se prestan al juego de la ilusión visual. 
2.- Menciona 5 softwares comerciales para realizar animaciones:

• Anime Studio Pro 5
• Adobe Fireworks
• Autodesk Maya 3D
• Autodesk 3ds Max

3.-menciona 5 softwares libres para realizar animaciones:

• Blender
• 3D Canvas
• Google SketchUp
• K 3D
• Wings 3D

4.- ¿que es un efecto especial?

Entendemos por efectos especiales a aquellos elementos que se utilizan en el cine o en la televisión para generar personajes, ambientes, situaciones o realidades que no pueden suceder en la vida real y que deben ser agregados a la filmación tradicional. Los efectos especiales se utilizan principalmente en las películas o series del género de ciencia ficción, aunque hoy en día muchas cosas y elementos son considerados también efectos especiales y agregados a películas como comedias, dramas o películas de terror o suspenso.

5.-¿que es un gráfico 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 videojuego?

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

7.-¿que es un synthe spians?

Un humano virtual o clon digitales es la creación o re-creación de un ser humano en la imagen generadas por ordenador y el sonido, que es a menudo indistinguible del verdadero actor

8.-¿que es un fotograma?

Un fotograma es la imagen obtenida sin la cámara fotográfica, por medio de un proceso que consiste en la superposición del objeto a registrar sobre el material fotosensible de placa o de película fotográfica, de modo que el fotograma es cada una de las imágenes impresionadas de este modo químicamente en la tira de celuloide.

9.-¿que es un grafico 3D?

El término gráficos 3D por computadora (o por ordenador) se refiere a trabajos de arte gráfico que son creados con ayuda de software y programas especiales en general, o de terminos, de técnicas y tecnología relacionadas con los gráficos de dimensiones altamente conentradas´pueden ser grises o azul con rojo.

10.-¿que es flash?

Programa de edición multimedia desarrollado originalmente por Macromedia (ahora parte de Adobe) que utiliza principalmente gráficos vectoriales, pero también imágenes ráster, sonido, código de programa, flujo de vídeo y audio bidireccional para crear proyectos multimedia.
11.- explica los tipos de movimientos en Flash:

• interpolacion de movimientos:Es la acción básica de las animaciones en Flash. Permite desplazar un símbolo Flash de un lugar a otro del escenario, siendo necesarios únicamente dos fotogramas, lo que optimiza mucho el rendimiento de la película.
• animacion 3D:tipo de animación que simula las tres dimensiones. Se trata de la descripción de los objetos de un modelo 3d a lo largo del tiempo. Para que exista animación, esa descripción debe variar en algo con respecto al tiempo: movimiento de objetos y cámaras, cambio de luces y formas, etc. 
• animacion de mascaras: Dicho efecto consiste en ocultar objetos que se encuentren en el escenario de Flash, y mostrarlos poco a poco, por algún objeto que tenga una interpolación de movimiento o cualquier otro efecto que sea producto de tu imaginación.
• animacion en morphing: sirve para trasformar algún elemento en algo que queramos ya sea un texto o un dibujo 
• bone:  permite animar personajes de una forma mucho más sencilla a como se venia haciendo hasta ahora

http://pixel-creativo.blogspot.mx/2012/09/que-es-animacion.html

http://cofretecnologico.com/5-programas-gratuitos-para-modelado-y-animacion-3d.html

http://www.merca20.com/6-programas-top-de-animacio

http://www.definicionabc.com/ciencia/efectos-especiales.php

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

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

http://en.wikipedia.org/wiki/Virtual_actor

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

http://es.wikipedia.org/wiki/Gr%C3%A1ficos_3D_por_computadora

http://www.alegsa.com.ar/Dic/flash.php

http://www.aulaclic.es/flashcs3/t_13_1.htm

http://www.alegsa.com.ar/Dic/animacion%203d.php

http://www.desarrolloweb.com/articulos/1412.php

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

http://uklanor.wordpress.com/2009/01/09/la-herramienta-hueso-de-flash/

3.2 Barra de Herramientas de Flash