jueves, 11 de junio de 2015
martes, 26 de mayo de 2015
pasos de
1.- buscar el hosting que decíamos en mi caso usare el 260mb.com estando en esta pagina buscamos donde dice hosting gratuito y le damos clic
2.- nos dirigira a otra pagina enla cual escogeremos el url que tendra noestra pagina ejem martillodethor.260mb.net
3.-despues de elegir bien la url pondremos nuestros datos, nuestro correo, el idioma y el captcha le daremos clic en registrar y tendremos que esperar a que nos llegue un correo para terminar el registro lo abrimos y nos dara toda la informacion de la ya podremos incorporar la pagina que ya aviamos creado con el programa filezilla y listo ya tendremos todo para subir nuestra pagina ala red
2.- nos dirigira a otra pagina enla cual escogeremos el url que tendra noestra pagina ejem martillodethor.260mb.net
3.-despues de elegir bien la url pondremos nuestros datos, nuestro correo, el idioma y el captcha le daremos clic en registrar y tendremos que esperar a que nos llegue un correo para terminar el registro lo abrimos y nos dara toda la informacion de la ya podremos incorporar la pagina que ya aviamos creado con el programa filezilla y listo ya tendremos todo para subir nuestra pagina ala red
miércoles, 13 de mayo de 2015
martes, 17 de marzo de 2015
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.
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:
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
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
domingo, 15 de marzo de 2015
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:
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.
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
- Inserción de hora y fecha actual pulsando F5, en formato "HH:MM DD/MM/AA".
- Inserción de hora y fecha actual si el documento comienza por ".LOG".
- Ajuste de línea.
- Posibilidad de exportar a cualquier formato de texto no formateado (muy útil como recurso de emergencia para programar)
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ónHimper 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
miércoles, 4 de febrero de 2015
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.
¿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:
1.- Reunir información: Investigar el historial de la marca, su giro, sus servicio y la competencia.
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
- 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.
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:
top
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
miércoles, 17 de diciembre de 2014
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:
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:
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/
martes, 11 de noviembre de 2014
2.3 Terminología básica del software de diseño
¿Para que se utiliza un editor de imágenes? para la edicion de imagenes ya sea para cambiar el fondo o para modificar algunos elemento de la imagen o para agregar otros
¿Que es una imagen digital?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 una imagen matricial (o mapa de bits) o de un gráfico vectorial. El mapa de bits es el formato más utilizado en informática
.Tipos de imágenes digitales:1.- Mapa de bits:aquellas imágenes que se forman a partir de puntos, llamados píxeles dispuestos en un rectángulo o tabla, que se denominada raster.
2.- Imágenes Vectoriales:las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación).
Formato de archivos:
GIF: son las siglas de Graphics Interchange Format, un formato de compresión de imágen limitado a 256 colores. Los archivos tipo gif utilizan un algoritmo de compresión de datos que está patentado
JPG:son las siglas de Joint Photographic Experts Group, el nombre del grupo que creó este formato. jpg es un formato de compresión de imágenes, tanto en color como en escala de grises, con alta calidad (a todo color).
PSD:es un formato nativo de photoshop y permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa.
RAW: es un formato de archivo digital deimágenes que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara fotográfica.
PNG:es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros importantes datos.
JFIF:Formato de Intercambio de Archivos JPEG.El JFIF es completamente compatible con el JPEG, por lo que el único requerimiento adicional consiste en la presencia obligatoria de la marca APP0 después del campo SIO
.SVG:son una especificación para describirgráficos vectoriales bidimensionales, tanto estáticos como animados (estos últimos con ayuda de SMIL), en formato XML.
BMP:es un formato de imagen de mapa de bits, propio del sistema operativo Microsoft Windows. Puede guardar imágenes de 24 bits (16,7 millones de colores), 8 bits (256 colores) y menos.
EPS:Este formato de archivo es del tipo gráfico y consiste en una ligera evolución delLenguaje de Descripción de Páginas (PDL, por sus siglas en inglés) que es utilizado en una gran variedad de impresoras y como formato de transporte de archivos, contando con una gran calidad que es aprovechado sobre todo en las Impresoras Láser.
¿Qué es un mapa de bits?aquellas imágeneque se forman a partir de puntos, llamados píxeles dispuestos en un rectángulo o tabla, que se denominada raster.
¿Qué es un pixel?es la menor unidad homogénea en color que forma parte de una imagen digital.
¿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?es la unidad mínima de una textura aplicada a una superficie, usada en gráficos por computador. De la misma forma que una imagen digital se representa mediante una matriz de píxeles, una textura se puede representar mediante un matriz de texels.
¿Que es la Resolución de imagen?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.
Sistemas de colores y cantidad de pixelesa)
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. Las imágenes representadas de este tipo están compuestas de sombras de grises,b)
RGB: es la composición del color en términos de la intensidad de los colores primarios de la luz
¿Cuales son los 5 mejores Software para la edición de imágenes?
1.- Photofiltre
2.- Photoscape
3.- Paint.NET
4.- photoshop
5.- GIMP
http://es.wikipedia.org/wiki/Imagen_digital
http://definicion.de/mapa-de-bits/
http://es.kioskea.net/contents/736-imagenes-vectoriales-y-de-mapa-de-bits
http://es.wikipedia.org/wiki/Graphics_Interchange_Format
http://www.masadelante.com/faqs/gif
http://www.masadelante.com/faqs/jpg
http://www.digitalfotored.com/imagendigital/psd.htm
http://es.wikipedia.org/wiki/RAW_(formato)
http://es.wikipedia.org/wiki/Portable_Network_Graphics
http://www.glosarioit.com/#!JFIF
http://es.wikipedia.org/wiki/Scalable_Vector_Graphics
http://es.wikipedia.org/wiki/Windows_bitmap
http://www.mastermagazine.info/termino/4904.php
http://definicion.de/mapa-de-bits/
http://es.wikipedia.org/wiki/P%C3%ADxel
http://es.wikipedia.org/wiki/V%C3%B3xel
http://es.wikipedia.org/wiki/Texel_(gr%C3%A1ficos)
http://es.wikipedia.org/wiki/Resoluci%C3%B3n_de_imagen
http://es.wikipedia.org/wiki/Escala_de_grises
http://es.wikipedia.org/wiki/RGB
jueves, 13 de junio de 2013
3.6:compartiendo recursos
despues damos clic en cambiar comfiguracion de uso compartido avanzado
después bajamos toda la ventana y seleccionamos el uso compartido con contraseña y le damos clic en guardar cambios. Nota estos paso los tendrás que realizar si tienes activada la contraseña de tu maquina
despues daremos clic derecho la carpeta que queremos compartir luego en propiedades
daremos clic en compartir y después en uso compartido amansado
despues clic en compartir esta carpeta y clic an aceptar
desde otra maquina damos clic en el nombre de la maquina
daremos clic en red despues en la barra que saldra en la parte superir de la ventana luego clic en deteccion de redes y uso compartido de archivos
despues le daremos clic a si permitir la decteccion de redes y el uso compartido de archivios para todas las redes publicas
se empesaran a cargar las maquinas que estan disponibles le damos clic con la que queremos compartir algun archivo
y por ultimo le damos clic ala carpeta que nos que queremos utilizar y listo
Suscribirse a:
Entradas (Atom)