PASOS PARA SUBIR MI SITIO WEB A INTERNET:
1:Primero hice una investigacion sobre los buscadores que existen en internet para subir mi sitio web,encontre este:
http://www.000webhost.com/
2:Entrar a la pagina,dar click en el cuadro Sign up.
3:Aparece una ventana y registrar todos los datos que se piden,dar clic en el cuadro de Seleccion y despues en Create My Account.
3:Anotar los datos de la tabla Account Information,con eso ya tenemos una cuenta de hosting gratis en la red solo que esta vacia y tenemos que ingresar todo lo que queremos que contenga.
4:debemos tener el programado fTP llamado filezilla portable y lo podemos bajar de Google.
5:Has clic en descargar,lo guardas y despues lo instalas en tu PC.
6:Vas a inicio-dodos los programas-Filezilla Portable-y se abre una ventana.
7:Das clic en File/Site Manager y abajo en el boton:new site,le damos un nombre al sitio,ejemplo:Mi_sitio.
8:Llena los espacios en blanco con los datos de la tabla recojidos anteriormente.
9:Los campos son los siguientes:
Host: Direccion de tu sitio.
Logontype: Normal.
User: Nombre de usuario.
password: Tu clave.
10:Clic en el boton Connect.
11:En la parte izquierda esta tu PC,en la parte derecha esta tu hosting en la web.
12:Doble clic en la carpeta de tu sitio,arrastra todos los archivos y carpetas al directorio de la derecha llamado,public_html.
13:Espera a que se cargen los archivos y carpetas en la web y listo ya tienes tu sitio en la red.
14:Abres internet,dijitas la direccion de tu sitio y navegas por el
lunes, 4 de junio de 2012
p24:Registro de la pagina
viernes, 25 de mayo de 2012
lunes, 23 de abril de 2012
viernes, 20 de abril de 2012
Actividad17:TERMINOLOGIA BASICA DEL SOFTWARE PARA DISEÑAR PAGINAS WEB
DEFINE LO SIGUIENTE
1:CSS:
CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML.Una hoja de estilos CSS consiste en una serie de reglas. Cada regla consiste en uno o más selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento. CSS ayuda en gran medida a la definición de estilos en la página, ya que permite ajustar de una manera mucho más precisa cualquier aspecto de cualquier elemento de la página.
2:MAQUETACION:
Maquetar un diseño consiste en dar un formato a los documentos, a todo el conjunto de elementos que lo componen, las imágenes, los textos, etc.Es la forma de ocupar el espacio de 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. simplemente agrega tu texto e imágenes a tu plantilla y obtendrás un sitio Web funcional y vistoso listo para subir a Internet.
4:CONTENEDOR DE DREAMWEAVER:
Todos los contenedores están incluidos en la misma página, pero cada contenedor puede albergar un elemento muy concreto tal como una imagen, una animación o un texto, y podemos situarlo donde deseemos, en cualquier parte de la página.
tenemos total libertad para asignar una definición de estilo a cada capa, al igual que podemos especificar la forma y dónde queremos que ese elemento en concreto aparezca en la página, y el navegador se encargara por si solo de interpretarlo y visualizarlo de forma correcta.
5:REGION EDITABLE:
6:COMPORTAMIENTOS EN DREAMWEAVER:
-Los comportamientos no existen como código HTML, se programan en JavaScript. Dreamweaver permite insertarlos a través del panel Comportamientos, por lo que no es necesario escribir ninguna línea de código JavaScript para programarlos.
- las imágenes de sustitución y las barras de navegación, ya están predefinidos.
-Podemos elegir una versión de la lista de navegadores,como Internet Explorer pero no en Netscape o en Mozilla. Una vez elegido un navegador ya no es necesario volver a elegirlo las siguientes veces que se desee insertar algún comportamiento.
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:
Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, hacer suscripciones a un boletín o revista que editemos, etc.
8:FORMULARIO DE CONTACTO:
Incorporar un formulario de contacto en nuestro sitio web es de suma importancia si queremos darle a los usuarios la posibilidad de que nos envíen consultas, comentarios, pedidos online o que simplemente nos dejen su email para suscribirse a un Newsletter y recibir nuestras ofertas y novedades
9:DREAMWEAVER CS5:
Adobe® Dreamweaver® CS5.5 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 sobremesa, teléfonos inteligentes, tabletas y otros dispositivos.
sábado, 3 de marzo de 2012
ETIQUETA FONT
Esta etiqueta se creo para poder controlar en mayor medida apariencia del un texto.
Permite tener un gran control sobre el tamaño de un texto,por ejemplo:
Este tamaño se especifica con su atributo SIZE y afectará al texto que encierren la instrucción de inicio "<FONT SIZE=>" y la etiqueta de fin "</FONT>".
Con otro atributo de la etiqueta <FONT COLOR> se puede cambiar el color del texto al que e le aplique la etiqueta.
ATRIBUTOS DE UNA ETIQUETA
Los atributos básicos que se pueden utilizar en una etiqueta HTML son,por ejemplo:
Atributo | Descripción |
|---|---|
id = "texto" | Establece un identificador único a cada elemento dentro de una página HTML |
class = "texto" | Establece la clase CSS que se aplica a los estilos del elemento |
style = "texto" | Establece de forma directa los estilos CSS de un elemento |
title = "texto" | Establece el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento) |
ESTRUCTURA BÁSICA DE HTML
La estructura HTML,nos sirve para diseñar una pagina web.Nos permite crear su estructura y así mismo podemos añadir imágenes, vídeos, música etc.Por ejemplo:
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
ELEMENTOS BÁSICOS DE HTML
BLOG DE NOTAS:
Es un espacio en donde podemos poner información de lo que nosotros queramos,y en el podemos actualizar nuestra información.
BUSCADOR:es un sistema informático que busca archivos almacenados,como por ejemplo, los buscadores de Internet,algunos buscan sólo en la Web pero otros buscan además en noticias, imágenes etc.
COMPATIBLE:
Se refiere a que la página por su creación contiene instrucciones que pueden interpretarse por cualquier navegador.
ETIQUETA:
Los elementos html ,tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>).
HIPERTEXTO:
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.
LENGUAJE HTML:
Es el lenguaje en que se escriben los millones de documentos que hoy existen en World Web. Cuando accedemos a uno de estos documentos, el cliente os interpreta y los muestra.
MARCAS(TAG):
Es una página contiene una lista con todos los elementos del estándar HTML.
NAVEGADOR:
Un navegador o navegador web, es un programa que permite ver la información que contiene una página web.
PAGINA WEB:
También conocida como una página de Internet, es un documento electrónico adaptado para la Web, pero normalmente forma parte de un sitio Web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Web.
PLATAFORMA:
Es el principio, en el cual se constituye un hardware, sobre el cual un software puede ejecutarse/desarrollarse.
SERVIDOR WEB:
Es un programa que está diseñado para transferir hipertextos, páginas web o páginas HTML : textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música.
VINCULOS:
Es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento.
viernes, 3 de febrero de 2012
Actividad2:
1:Cuales son tus posibles temas a tratar en tu pagina web?
Reflexiones hacerca de la vida,de los hechos que ocurren en cada etapa de nuestra vida,como superar los problemas,ya sean familiares o sociales.
2:Clasifica tus temas:
-Reflexiones de la vida.
-Como superar problemas(familiares,en el ambito social)
-Reflexiones de amor.
-Reflexiones de amistad.
-Reflexiones de Dios.
3:Escoje el tema para tu pagina web:
Siempre adelante..
4:Define la informacion que ba a contener tu pagina:
Reflexiones,videos,e imagenes.
5:Cuales fuentes de informacion tienes para tu pagina:
Libtros que contengan reflexiones de autores conocidos,videos hacerca del tema,musica que nos transmitan cosas positivas.
6:Escalabilidad:
Cada semana
7:Planificacion:
objetivos:El objetivo de crear esta pagina web,es que jovenes o personas de cualquier otra etapa,ingresen en busca de alguna reflexion que los anime y motive a seguir siempre adelante,sea cual sea la situacion en la que se encuentren.
publico: Es para cualquier persona o joven que este pasando por momentos dificiles.
estructura:Estara la pagina principal en ella se encontraran enlaces para encontrar reflexiones,videos e imagenes.
8:Definicion del diseño:
miércoles, 1 de febrero de 2012
Actividad1:Contenido y estructura de la pagina web
¿Que entiendes por pagina Web?
Es una pagina de internet que contiene alguna imformacion,la cual tiene hipervinculos de alguna pagina que esta dentro de la misma.
¿Que tipo de informacion tienen las paginas Web?
puede tener textos,imagenes,animaciones,sonidos y enlaces hacia otras paginas,entre otros.
¿Que entiendes por sitio Web?
es un espacio en la red de internet,en la cual puedes encontrar informacion o algo que deceas buscar.
sábado, 10 de diciembre de 2011
viernes, 25 de noviembre de 2011
MASCARAS CON LUPA
3
viernes, 18 de noviembre de 2011
interpolacion con movimiento
1:Debemos subir una imagen a la que le daremos movimiento.(en este caso la mariposa)
Clic en -archivo-importar-a ecenario-,esto para subir la imagen.
2:Selecciona la imagen y arrastralo hacia la derecha.
Has clic con el boton derecho y selecciona-crear interpolacion de movimiento.
Selecciona el fotograma numero 60 y pulsa f6 para crear un fotograma clave.
Cierra las alas de la mariposa para empezar a darle movimiento.
Seleccioona el fotograma 20 y presiona f6,ahora abre las alas de la mariposa para crear otro moviento.
Selecciona el fotograma 30 y presiona f6,ahora abre las alas para crear otro movimiento.
Asi sucecivamente hasta llegar al fotograma 60 creando tambien los key frame con F6.
Al terminar lo anterior ,solo presiona ctrl +enter y corre la pelicula.
viernes, 11 de noviembre de 2011
P-9:10.Identifica y explica los tipos de animaciones de Flasch CS5:
Este tipo de animación todos la conocemos, es mas o menos como se realizan las caricaturas o dibujos animados, ya ven que para esto realizan un dibujo, y después realizan el mismo dibujo pero un poco diferente, y así sucesivamente, después los hacen pasar todos muy rápido, y esto nos da una sensación de movimiento, bueno pues esto es lo que se hace en flash para hacer una animación cuadro a cuadro, solo que aquí no tenemos que volver a dibujar la misma imagen varias veces, si no, que podemos trabajar con la misma, solo que la iremos modificando poco a poco.
Con esto se puede hacer animaciones de forma muy rápida.
En computación, una animación 3d hace referencia a un 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.
Las animaciones que involucran la intervención de capas convertidas en máscaras, son de suma importancia en animaciones básicas tanto de forma como de movimiento. Las animaciones de máscaras muestran solamente una parte de una imagen, texto o forma vectorial
Es dar la orden de correr o iniciar una animación cuando se de click en un botón.El morphing es un interesante efecto de video que es bastante frecuente ver en el cine y la televisión.
Bones/huesos:
Permite crear un esqueleto al personaje usando kinematica inversa, en otras palabras podemos animarlo con extremidades como si fuera un títere.
P-9:Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.
lunes, 7 de noviembre de 2011
lunes, 12 de septiembre de 2011
lunes, 5 de septiembre de 2011
lunes, 29 de agosto de 2011
p-4:TERMINOLOGIA BÁSICA DEL SOFTWARE PARA EDITAR IMAGENES.
Explica para que se utiliza un editor de imágenes.
¿Que es un mapa de bits?Es una estructura de datos que representa una rejilla rectangular de pixeles o puntos de color,conocida como raster que puede ser visualizada en un monitor de computadora,en un papel o en otros dispositivos de representacion.
http://definicion.de/mapa-de-bits/
¿Que es un gráfico vectorial?Una imagen vectorial es una imagen dijital 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.
http://es.wikipedia.org/wiki/Gráfico_vectorial
¿Que es un Pixel?Un píxel o pixel, plural píxeles("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.
http://es.wikipedia.org/wiki/P%C3%ADxel
¿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.
http://es.wikipedia.org/wiki/V%C3%B3xel
¿Que es un Texel?Unidad mínima de una textura aplicada a una superficie en gráficos por computadora.
Los texel pueden ser comparados con los píxeles, sólo que en vez de representar formar una imagen digital , estos representan las texturas mediante múltiples texels.
http://www.alegsa.com.ar/Dic/texel.php
¿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 pixeles 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).
http://www.esacademic.com/dic.nsf/eswiki/959589
¿Que es vectorizacion?Una vectorización consiste en convertir una imagen Bitmap en Vectorial.
Es una buena forma de por ejemplo de crear logotipos. Eso sí la imagene debe de ser lo más sencilla posible y con pocos colores, para que en proceso de vectorización se simplifique en forma y puntos de anclaje lo máximo posible.
http://www.forosdelweb.com/f6/que-vectorizacion-398400/
¿Que es una resolucion de imagen?La resolución de una imagen indica cuánto detalle puede observarse en esta. Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual.
http://es.wikipedia.org/wiki/Alta_resoluci%C3%B3n
Explica los sistemas para el color a las imagenes digitales de acuerdo a su finalidad y cuanto ocupa en pixeles
* ESCALA DE GRISES:Una 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 :La descripción 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.En las pantallas de computadoras, la sensación de color se produce por la mezcla aditiva de rojo, verde y azul. Hay una serie de puntos minúsculos llamados píxeles. Cada punto de la pantalla es un píxel y cada píxel es, en realidad, un conjunto de tres subpíxeles; uno rojo, uno verde y uno azul
http://es.wikipedia.org/wiki/Modelo_de_color_RGB
* CMYK: Modo de color empleado generalmente en impresión, el cual debería obtenerse a partir de tintas de los colores sustractivos primarios, que son Cian, Magenta, y Amarillo. Si mezclamos la cantidad de colores en igual proporción (de estos tres colores) el resultado tendría que ser negro. Sin embargo en la práctica y debido a las impurezas de las tintas, se obtiene un marrón obscuro. Por este motivo resulta necesario añadir el color negro puro. (CMYK).
http://www.diccionarios-online.com.ar/tecno/CMYK.html
¿Cuales son los mejores programas para la edicion de imagenes?Hay muchisimas maneras de editar imagenes,solo depende de qué es lo que queremos editar en ella.Algunos programas pueden ser los siguientes:
Photoshop Express Framed, como un Sello
Picnik Scrapblog
Snipshot Hockneyzer
Efecto Envejecido PicMarkr
MagMyPic Picasa
http://www.dzoom.org.es/cont-53-programas-para-fotos.html
Explica cada uno de los formatos de archivos:
.http://es.wikipedia.org/wiki/Adobe_Photoshop
