1.- ELegimos un sitio, en mi caso es: http://www.000webhost.com/
2.- Dar clic en 'Singing Up'
3.- En la ventan que aparece después, llenar todo lo necesario, nombre, dominio, etc.
4.- Después de esto, ya tenemos una cuenta hosting.
5.- Descargamos el programa portable filezilla, lo podemos descargar facilmente de google.
6.- En Inicio seleccionamos 'dodos'.
7.- Damos clic en File y después en Sitio Managger.
8.- En la parte inferior damos en 'new', damos el nombre oficial a nuestro sitio.
9.- Llenamos nuevamente con nuestros datos.
10.- Seleccionamos 'Conecta'.
11.- Arrastramos los archivos, imagenes, videos, sonidos, etc. a donde nos indique y listo.
miércoles, 6 de junio de 2012
Practica 24:Registro del sitio web
viernes, 25 de mayo de 2012
lunes, 21 de mayo de 2012
viernes, 20 de abril de 2012
Actividad 17: Tecnología básica del software para diseñar páginas web
1.- CSS: Por sus siglas en ingles, Cascading Style Sheets, es un código utilizado para definir un estructurado documento.
2.- Maquetación: Dar un determinado formato a documentos, imagenes, textos, títulos, etc.
3.- Plantilla de Dreamweaver: Son paginas ya elaboradas del mismo programa para llenarlas de información.
4.- Contenedor en Dreamweaver: El contenedor esta incluido en la misma pagina, este puede contener elementos, por ejemplo una imagen.
5.- Región editable:
6.- Comportamientos en Dreamweaver: Son los movimientos más simples que el usuario hace, por ejemplo, mover una imagen, dar doble clic sobre algo o dar clic sobre un texto, todo esto sin tener que escribir algo.
7.- Tabla: Esto ayuda para ordenar las imagenes o textos en tu pagina web.
8.- Formulario: Son opciones para los usuarios, como: Nombre, mensaje, e-mail, etc.
9.- Formulario de contacto: Este se utiliza para estar en contacto con los visitantes del sitio, encuestas, inscripciones, recibir opiniones, etc.
10.- Dreamweaver CS5: Es una aplicación que nos permite crear sitios web, nos proporciona códigos y diseños para que nos facilite en trabajo.
martes, 6 de marzo de 2012
Actividad 10: Etiqueta Font
Esta etiquete permite controlar tres atributos: tamaño (SIZE), color (COLOR) y el tiempo de fuente (FACE).
Ejemplo:
<html>
<head>ETIQUETA DE TEXTO<head>
<body>
<--! Sintaxis: <FONT SIZE = "X" COLOR ="color" FACE = "Nomre de Fuente"> Escribrir Texto </FONT> -->
<font size ="+1"> Texto de Tama?o +1 </font>
<font size ="+3"> Texto de Tama?o +1 </font>
<font size ="-1"> Texto de Tama?o +1 </font>
<font size ="-6"> Texto de Tama?o +1 </font>
</body>
</html>
<head>ETIQUETA DE TEXTO<head>
<body>
<--! Sintaxis: <FONT SIZE = "X" COLOR ="color" FACE = "Nomre de Fuente"> Escribrir Texto </FONT> -->
<font size ="+1"> Texto de Tama?o +1 </font>
<font size ="+3"> Texto de Tama?o +1 </font>
<font size ="-1"> Texto de Tama?o +1 </font>
<font size ="-6"> Texto de Tama?o +1 </font>
</body>
</html>
domingo, 26 de febrero de 2012
Actividad 3: Elementos Básicos de HTML
Bloc de Notas: Editor de textos
Buscador: Es un buscador de archivos
Compatible: Logra que un programa logre comprenderse correctamente
Etiqueta: Con las etiquetas indicamos donde y que contenido ira en nuestra página/sitio web
Hipertexto: Enlaces de un sitio web
Lenguaje HTML: Es el que permite crear un sitio web o página web
Marcas (tag): Son las etiquetas con las que indicamos el contenido del sitio
Navegador: Es un buscador que através de Internet no lleva a la información deseada
Página WEB: Es un documento que se adapta para buscar en la Internet
Plataforma: Operativo que nos ayuda a crear programas
Servidor WEB:
Vinculos: Enlaces que podemos hacer de un sitio web a otro
viernes, 3 de febrero de 2012
Actividad 2: Actividad Integradora 1
¿Cuáles son los posibles temas a tratar en tu página web?
Recomendaciones de películas/música, información de espectáculos y una galería de fotografía.
Clasifica temas:
Espectáculo, Fotografía, Música, Películas, Culturas
Escoge el tema para tu página web:
Entretenimiento
Define la información que va a contener tu página:
Noticias sobre artistas 'del momento', fotógrafos destacados, nueva música, películas recomendadas, culturas sobre diferentes países.
¿Cuáles fuentes de información que tienes para tu página?
Páginas sobre espectáculos, revistas, libros, radio, etc.
Escalabilidad
Cotidianamente
Plantificación: (objetivos, publico y estructura)
a) Poder estar entre una de los sitios mas visitados por el publico
b) Estaría dirigido principalmente a los jóvenes
c) Al entrar al sitio web principalmente estarían noticias de 'ultimo momento', habrán enlaces a los demás temas.
Definición del diseño:
miércoles, 1 de febrero de 2012
Actividad 1: Contenido y Estructura de la Página Web
¿Que entiendes por página web?
Una página donde podemos encontrar información variable, dependiendo del tema.
¿Que tipo de información tienes en la páginas web?
Es variable, desde noticias pasadas a actuales, espectáculos, deportes, etc.
¿Qué entiendes por sitios web?
Es una página web que esta formada por información.
¿Cual es la diferencia entre Página web y Sitio web?
La página web, es un enlace de un sitio web.
¿Para que crees que sirva la Página web?
Para dar información sobre determinado tema ligada a muchas mas paginas.
¿Que te gustaría que tuviera la página web que diseñarias?
Galerias fotograficas, informacion sobre fotografos reconocidos, informacion/fotografias de la farandula.
sábado, 10 de diciembre de 2011
jueves, 8 de diciembre de 2011
P-15: Animación por Mascaras (Adobe Flash Professional CS5.5)
1.- Abrir la opción: ActionScript 3.0
2.- Seleccionamos la opcion: Archivo-Importar al escenario, y seleccionamos la imagen
3.- Seleccionamos "x" número de fotogramas, después, la tecla: F6
4.- Seleccionamos el fotograma número 1, clic derecho-Interpolacion de movimiento
5.- Creamos una nueva capa, opcion: Archivo-Importar a escenario, y seleccionamos la imagen nuevamente
6.- Utilizamos la herramienta: Transformación libre
7.- Seleccionamos la segunda imagen, y la agrandamos
8.- Creamos una capa nueva, utilizamos la herramienta: Ovalo, y dibujamos uno sobre la imagen
9.- Seleccionamos un fotograma menor al primero, seleccionamos la tecla F6, y deslizamos el ovalo hacia otro lugar
10.- Seguimos el paso número 9, hasta llegar al final del "KeyFrame"
11.- Daremos clic derecho sobre la capa número 3-Seleccionamos: Mascara
12.- Cuando llegamos al final, seleccionamos las teclas "Ctrl + Enter", y podremos ver nuestro trabajo
P-12: Interpolacion de Movimiento (Adobe Flash Professional CS5.5)
1.- Abrir la opción: ActionScript 3.0
2.- Seleccionar: Archivo-Importar a escenario, y seleccionamos la imagen
3.- Clic sobre la imagen, y la tecla F8-Clip de Película
4.- Seleccionar "x" numero de fotograma, y seleccionamos F6
5.- En el fotograma número 1, damos clic derecho-Crear Interpolacion de Movimientos
6.-Seleccionamos otro fotograma con un numero menor al primero
7.- Seleccionamos F6, y cambiamos de lugar la imagen
8.- Seguir los pasos 6 y 7, hasta llegar al final del "KeyFrame"
9.- Al terminar podemos observar nuestro trabajo seleccionando: "Ctrl + Enter"
lunes, 7 de noviembre de 2011
p-10: Identificar los elementos de la ventana del software de animacion (Adobe Flash Professional CS5.5)
p-9: Conocer la terminología básica del software para elaborar animaciones
Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.
Software
|
Consiste en:
|
Adobe Flash Professional CS5.5
| |
Flex GIF Animator 10.03
|
Herramienta que permite crear y editar botones, banners, fondos y toda clase de animaciones GIF. Podrás agregar texto, curvas, gradientes, efectos 3D, iluminación, sombras y mucho más.
|
CrazyTalk 6.21
|
Para realizar los ajustes que se deseen en las parte del rostro de cualquier imágen necesitas de esta fácil herramienta.
|
Advanced GIF Compressor 1.0
|
Si te gustan las animaciones GIF, pero crees que son muy pesadas, pues bien, esta aplicación es para ti, ya que reduce el tamaño de ellos sin quitarles la calidad.
|
Silverlight 4.0.60531.0
|
Excelente y potente aplicación que permite visualizar videos interactivos en Internet y en dispositivos móviles, con muy buena calidad.
|
Que es flash?
Flash es la tecnología más comúnmente utilizada en el Web que permite la creación de animaciones vectoriales.
Que es animación?
La animación es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos.
Que es un efecto especial?
Los efectos especiales (inglés - special effects o corto SFX , SPFX o FX) se utilizan en la industria de cine o en televisión para conseguir escenas que no se pueden realizar por medios normales, como por ejemplo, un viaje al espacio.
Que es un grafico de computadora?
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.
Que es un video game?
Este dispositivo electrónico puede ser una computadora, una máquina arcade, una videoconsola, un dispositivo handheld (un teléfono móvil, por ejemplo) los cuales son conocidos como "plataformas".
Que es un Synthespians?
Que es un fotograma?
Se denomina fotograma (en inglés, frame) a cada una de las imágenes impresas en un papel.
Que es un gráfico 3D?
Se refiere a trabajos de arte gráfico que son creados con ayuda de computadoras y programas especiales 3D.
Identifica y explica los tipos de animaciones de Flasch CS5:
- Cuadro por cuadro:
- Interpolacion de movimiento: Se realiza un objeto, el cual se lo convierte en video.
- Animacion en 3D: Se refiere a trabajos de arte gráfico que son creados con ayuda de computadoras y programas especiales 3D.
- Animacion de mascaras:
- Animacion de Transformacion /forma Morphing: Es un programa que permite crear una suave transición de animación entre dos imágenes de caras con efecto de transformación.
- Bones/huesos:
viernes, 9 de septiembre de 2011
lunes, 5 de septiembre de 2011
jueves, 1 de septiembre de 2011
p-4: Terminología básica del Software para editar imagnes.
Explica para que se utiliza un editor de imágenes.
Se modifican para optimizarlas, manipularlas, retocarlas, etc con el fin de alcanzar la meta deseada.
¿Que es una imagen digital?
representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros).
¿Cuales son los tipos de imagenes digitales que existen y cuales son sus formatos o extensión del archivo de cada uno?
Mapa de bits, Vectoriales
Formatos: XCF, TIFF, GIF, JPEG, BMP, TIFF, PNG, PCX,TGA,PICT.
Explica cada uno de los formatos de archivos. (.psd, .jfif, .jpg, png, .eps, .tif, .bmp, .gif, .svg, formatos raw (.crw y .cr2)
Formatos
| |
.psd
|
Formato estándar de photoshop con soporte de capas.
|
.jpg
|
Las imágenes son de mayor calidad que las GIF, al poder contener millones de colores, pero el tamaño de la imagen es mayor y tarda más en descargarse se utilizan más para fotos.
|
.png
|
A diferencia del formato GIF, PNG admite imágenes de 24 bits y produce transparencia de fondo sin bordes irregulares; sin embargo, algunos navegadores Web no admiten imágenes PNG.
|
.eps
|
Es una versión de PostScript, se utiliza para situar imágenes en un documento. Es compatible con programas vectoriales y de autoedición.
|
.tif
|
Es un formato flexible de imágenes de mapa de bits que prácticamente admiten todas los programas de pintura, edición de imágenes y diseño de páginas.
|
.bmp
|
En la codificación de la imagen no hay compresión y por lo general resultan archivos grandes. Su ventaja es que lo lee cualquier programa que maneje imagen.
|
.gif
|
Utilizan un máximo de 256 colores, y son recomendables para imágenes con grandes áreas de un mismo color o de tonos no continuos. Suelen utilizarse con gran frecuencia, ya que permiten definir transparencias y animación.
|
.svg
|
Es una especificación para describir gráficos vectoriales bidimensionales, tanto estáticos como animados (estos últimos con ayuda de SMIL), en formato XML.
|
raw
|
Formato estándar para cualquier plataforma o programa gráfico.
|
¿Que es un mapa de bits?
Una imagen rasterizada, es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada raster, que se puede visualizar en un monitor, papel u otro dispositivo de representación.
¿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.
¿Que es un Pixel?
Un píxel o pixel, plural píxeles (acrónimo del inglés picture element, "elemento de imagen") es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea esta una fotografía, un fotograma de vídeo o un gráfico.
¿Que es un Vóxel?
El vóxel (del inglés volumetric pixel) 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.
¿Que es un Texel?
se representa mediante una matriz de píxeles, una textura se puede representar mediante un matriz de texels.
¿Que es rasterizacion?
La rasterización 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).
¿Que es vectorizacion?
consiste en representar los contornos obtenidos mediante un conjunto de curvas Bezier.
¿Que es una resolucion de imagen?
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.
Explica los sistemas para el color a las imagenes digitales de acuerdo a su finalidad y cuanto ocupa en cada pixeles? * Escala de grises , * RGB , * CMYK
-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, que van desde el negro más profundo variando gradualmente en intensidad de grises hasta llegar al blanco.
-RGB: 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.
-CMYK: El modelo CMYK (acrónimo de Cyan, Magenta, Yellow y Key) es un modelo de colores sustractivo que se utiliza en la impresión en colores.
Este modelo de 32 bits se basa en la mezcla de pigmentos de los siguientes colores para crear otros más:
- C = Cyan (Cian).
- M = Magenta (Magenta).
- Y = Yellow (Amarillo).
- K = Black ó Key (Negro).
¿Cuales son los mejores programas para la edicion de imagenes?
PhotoScape 3.5
CyberLink Media Suite 9
miércoles, 8 de junio de 2011
Mi visita al CICESE
1. Nombre de la persona que imparte la plática: Ing. Enrique Elenes
2. Cargo que tiene dentro del centro de Telemática: Departamento de Redes
3. ¿Cuál es el objetivo principal del centro de Telemática? Cambiado físico, promover los recursos, redes de datos, a la investigación científica.
4. ¿Cuentan con medidas de seguridad y políticas de emergencia que se requiere para proteger y garantizar el buen funcionamiento del centro? Si ¿Cuáles son? No usar redes sin permiso o en horas de trabajo.
5. ¿Disponen de sanciones para aquel o aquellas personas que violen las normas y políticas de seguridad? Si.
6. ¿Cuáles son los departamentos que conforman la dirección de Telemática? Son 3, Redes, computo e informática.
7. ¿Qué función tiene cada uno de ellos?
Redes: Grupos de trabajo. Computo: Interconexión física, reparación técnica, comunicación, teléfonos.
8. ¿Tienen identificada alguna área critica en especial? Si, el sitio principal.
9. ¿Quienes son las personas encargadas (Empresa o empleados) de dar mantenimiento al equip? El departamento de redes.
10. ¿Cuentan con algun control de acceso para precisar cuáles son los programas que pueden ser utilizadospor los usuarios? Si
11. Especificaciones con las que cuenta la supercomputadpora:
*RAM: 10b. *DISCO DURO: 40Gb. *PROCESADOR: 195Mh.
12. ¿Qué es MULTICAST? Toda comunicación es escala que se haya realizado.
13. ¿Qué es H323? Protocolo de comunicación.
En mi visita al CICESE, aprendi mas de lo que son y para que nos sirven las redes, nos dieron una conferencia y despues visitamos otros edificios, las platicas fueron interesantes y me sirven para reforsar mis conocimientos.
Suscribirse a:
Entradas (Atom)
