OCTAVO

  17 DE SEPTIEMBRE DE 2013
 

Introducción a flash

Que es Flash

Flash es un programa  que fue creado con el objetivo de crear animaciones y diseños vistosos para la web a través de gráficos interactivos.

Las posibilidades que nos ofrece flash son innumerable y en cada una de sus versiones se logran mejores efectos con menor trabajo.

El principal uso de flash se da en el mundo de la web desde la creación de pequeños botones o banner publicitario hasta web basadas en esta tecnología.

Desventajas que tiene flash

El tiempo de carga. Las animaciones flash ocupan muchos más bites que las paginas HTML ya que superan los 100 KB por tal motivo el tiempo que tarda en ser visible el contenido de flash es mayor.

Los buscadores. Son capaces de indexar el contenido de nuestra página ósea el texto pero no el contenido de flash ya que no lo pueden leer lo que es negativo para la página ya que las web deben está bien posesionadas para con ellos ser fácilmente encontradas.

Flash requiere de plugins. Estos son para poder visualizarse el contenido de la página de no estar instalados impedirán la visualización de flash.

Compatibilidad con distintos dispositivos. Algunas tecnologías móviles, los Smartphone y las tables no soportan flash.

Usabilidad. La usabilidad es mínima debido a que a veces se hacen de manera compleja y no es fácil interactuar con ellas.

  20 DE AGOSTO DE 2013

Hosting

Dos de las palabras más comunes que nos encontramos cuando queremos tener una página web son“Hosting” y “Dominios”, pero ¿qué son exactamente?

Un “Hosting” o “Web Hosting” es la computadora donde se guarda toda la información de tu página, correos, bases de datos y mucho más. Veamos cómo trabaja una página de internet.

Cuando entras a una página en Internet, tu computadora se conecta con otra computadora en internet para descargar la información que va a mostrar, a ésta otra computadora se le llama Servidor, porque es la encargada de brindar la información, y a tu computadora se le llama Cliente, porque es quien recibe la información.

El servidor es el encargado de brindar el Web Hosting que es todo lo necesario para que una página pueda ser accesada y utilizada desde internet, tiene varios servicios, como son:

• §  Espacio en la computadora para almacenar la página

• §  Espacio para guardar los correos electrónicos

• §  Recibir y enviar correos electrónicos

• §  Guardar y administrar bases de datos

• §  Guardar estadísticas sobre las visitas a la página de internet

Dependiendo del Hosting contratado, los servicios pueden variar. Ximhai ofrece una amplia variedad de Hostings, con distintas tecnologías y capacidades. Los Hostings normalmente se pagan anualmente, pero se pueden hacer contrataciones bianuales o por 5 años.

06 DE AGOSTO DE 2013

SERVIDORES WEB

El rol fundamental de un Servidor Web

La principal función de un servidor Web es almacenar los archivos de un sitio y emitirlos por Internet para poder ser visitado por los usuarios. Básicamente, un servidor Web es una gran computadora que guarda y transmite datos vía Internet. Cuando un usuario entra en una página de Internet su navegador se comunica  con el servidor enviando y recibiendo datos que determinan qué es lo que ve en la pantalla. Por eso decimos que los servidores  Web están para almacenar y transmitir datos de un sitio según lo que pida el navegador de un visitante.

Cómo funcionan los servidores

Cada servidor Web y cada computadora conectada a Internet tiene asignado una dirección de IP irrepetible que lo identifica en la red incluyendo la PC que tienés en tu casa. La dirección de IP vendría a ser como los datos del remitente en una carta postal. Cuando llegas a un sitio Web, se envía un pedido desde tu dirección de IP hacia la dirección IP del servidor. El servidor Web responde mandando datos a la dirección IP que los pide. Esto es lo que pasa cada vez que estamos navegando un sitio en Internet.

Más del 90%  de los sitios en Internet utilizan un servidor alquilado a través de una empresa de Web hosting.

La capacidad de un servidor depende del tipo de servidor que sea y de los componentes que lo conforman.

La imagen representa uno de los tantos datacenter de IBM, donde generalmente son ubicados los servidores web.

31 DE JULIO 2013

04 DE JUNIO DE 2013

https://docs.google.com/file/d/0B6FtGg67GzaGLVdnUzcySENGNXM/edit?usp=sharing



29 DE MAYO DE 2013

MARCOS DE DREAMWEAVER

17 DE MAYO DE 2013

BARRA DE NAVEGACIÓN EN DREAMWEAVER

Una barra de navegación se compone de una imagen o un conjunto de imágenes cuya visualización cambia según las acciones que realiza el usuario. La barra de navegación permite desplazar fácilmente entre las páginas y los archivos de un sitio.

En la siguiente imagen se resalta con una línea roja la barra de navegación

Antes de usar el comando Insertar barra de navegación, cree un conjunto de Imágenes para los estados que se mostraran con cada elemento de navegación. Un elemento de navegación se puede considerar como un botón, ya que al hacer clic en él, lleva al usuario a otra página.

Para insertar una barra de navegación se debe dirigir al menú Insertar >>Objetos de imagen >> Barra de Navegación.

14 DE MAYO DE 2013

Vínculos con Dreamweaver

Hay varias formas de poner un vínculo en Dreamweaver

Podemos hacerlo desde la barra insertar (en modo Común) seleccionando el icono en forma de cadena, se abre una ventana de diálogo con varias casillas, en texto ponemos la palabra que queremos enlazar, en vínculo pondremos la dirección html donde queremos ir y en destino podemos elegir entre: _blank, _parent,_self y _ top. Por ahora solo utilizaremos _blank si queremos que nuestro enlace se abra en una ventana nueva del navegador.

Otra forma es hacerlo desde el inspector de propiedades. Hay que seleccionar el texto a enlazar y en la casilla de vínculo introducimos la dirección del enlace.

Si no sabemos la dirección correcta pinchamos sobre el icono de la carpeta y la seleccionamos de nuestro sitio web o pinchamos sobre el icono en forma de rueda y arrastramos para elegir la dirección en el panel archivos.

Si es un enlace externo hay que poner toda la dirección web completa, si es un enlace a nuestro sitio web solo ponemos los elementos de la dirección no comunes del enlace.

Podemos definir el color y formato de los vínculos desde la ventana de propiedades de la página. Iremos a vínculos donde podemos definir cuatro colores diferentes, uno para cada estado del enlace, también podemos definir la fuente, el tamaño y el estilo del subrayado del enlace.

También podemos utilizar imágenes para crear vínculos, en este caso seleccionamos la imagen y en la casilla de vínculo del inspector de propiedades escribimos la dirección del enlace.

7 DE MAYO DE 2013

               CREACIÓN DE PÁGINAS WEB CON PLANTILLAS PREDISEÑADAS
 
Adobe Dreamweaver CS3 permite crear páginas Web a partir de una serie de plantillas prediseñadas que están incluidas en el programa. La utilización de plantillas permite que todas las páginas que conforman un Sitio Web tengan un formato uniforme en cuanto a diseño, color de página, tipo de letra, etc.

Cada diseño de plantilla que posee Adobe Dreamweaver, proporciona estructuras para crear páginas principales, páginas de texto, páginas de productos, páginas de catálogos y de calendario. Esto facilita y agiliza la creación de páginas Web, permitiendo adaptar el diseño de acuerdo a nuestra necesidad, modificando sólo el contenido de la página como imágenes, texto, etc.

• Plantillas – Páginas Principales: Un excelente punto de partida su Sitio Web. Puede incluir texto, vínculos e imágenes.
• Plantillas – Páginas de Texto: Un diseño sencillo para páginas sencillas.
• Plantillas – Páginas de Productos: Permite añadir imágenes, descripciones y características para promocionar productos.
• Plantillas – Páginas de Calendario: Idea para describir próximos eventos y reuniones importantes.
• Plantillas – Páginas de Catálogos: Muestra la imagen y el nombre de cada uno de los productos.

9 DE ABRIL DE 2013 

DREAMWEAVER

Dreamweaver es un editor visual profesional para la creación y administración de sitios y páginas Web. Con Dreamweaver resulta fácil crear y editar páginas compatibles con cualquier explorador y plataforma.

Dreamweaver proporciona herramientas avanzadas de diseño y formateo, y facilita el uso de funciones de HTML dinámico, como capas y comportamientos animados, sin necesidad de escribir una sola línea de código. El establecimiento de destino de exploradores comprueba el trabajo para averiguar si hay problemas potenciales en las plataformas y los exploradores más habituales. La tecnología Roundtrip HTML de Macromedia importa documentos HTML sin necesidad de cambiar el formato del código y, además, es posible configurar Dreamweaver para limpiar y cambiar el formato HTML cuando lo desee.

Dreamweaver se puede personalizar totalmente. Puede crear sus propios objetos y comandos, modificar menús y métodos abreviados de teclado, e incluso escribir código JavaScript para ampliar las posibilidades que ofrece Dreamweaver con nuevos comportamientos e inspectores de propiedades.

5 DE ABRIL DE 2013

PAGINA WEB REALIZADA CON LA TEMÁTICA DE HTML DICTADA EN CLASE  DE DESARROLLO WEB. 

PRODUCCIÓN DE LOS ALUMNOS: ANDREA HURTADO Y JUAN CARLOS LONDOÑO DE 8° 

LINK DE  LA PAGINA

http://equiposdefutbolfc.site88.net/CSS.html#ancla

---