CREAR Y PUBLICAR UNA PÁGINA WEB EN GALEON

REALIZACIÓN DE UNA PÁGINA WEB EN ADOBE DREAMWEAVER

INTRODUCCIÓN

Dreamweaver es un software fácil de usar que permite crear páginas web profesionales.

Las funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.

Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual.

Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.

TAREAS:

¿Qué sabes sobre el programa Adobe Dreamweaver?

¿Qué es una página web?

¿Por qué es importante crear una página web?

¿Averiguar que formatos en imágenes, fondos, sonido y video son los más convenientes para crear una página web y cómo se insertan?

¿Cómo se puede aplicar hipervínculos en una web?

¿Mencione 3 aplicaciones que le puede dar a este programa?

PROCESO

1.   Los estudiantes realizan de manera individual su trabajo de realizar su página web

2.  Crear una carpeta con su nombre

3.  Dentro de su carpeta crear subcarpetas con los nombres de imágenes (almacenaran imágenes formato gifs o jpg), fondos (almacenaran  fondos con formato gifs o jpg), sonidos (almacenaran sonidos con formatos mp3, wav o midi), videos (almacenarán videos con formatos avi o mpeg) y otros que crean conveniente

4.  Administra tu sitio

5.  Crea tus páginas considerando que uno de ellos tienes que llamarlo index para que puedas subirlo en internet

    - Crea una página con marcos y al conjunto de marcos llamalo index

    - Guarda las páginas cada una por separado con los nombres arriba, izquierda y principal que son las páginas que forman el conjunto de marcos de index.

    - Crear las páginas  simples HISTORIA, VISIÓN-MISIÓN, ESPECIALIDADES, MATRÍCULAS Y AUTOR.

    - En cada una de las páginas insertar imagenes adecuadas, tablas y asignar colores a texto y fondos

6.  Realice los hipervínculos entre cada una de las páginas y en cada una de ellas

     

7.  Pulse F12 y visualice el trabajo realizado.

8.  Edite si es necesario

INFORMACIÓN ADICIONAL: En los LINKS

     Separata DW CS5

     Separata Básica

     Separata

     Tutorial de DW 8

LEVANTAR UNA PÁGINA WEB EN EL SERVIDOR

GRATUITO GALEON

INTRODUCCIÓN

Si tenemos una página Web terminada, el siguiente paso es subirla, pero antes debes elegir un hosting para alojar tu página y registrar un dominio  para poder acceder a ella, mostraremos las formas y los pasos para subir una página Web en el servidor gratuito GALEON.

TAREAS

¿Qué es un hosting?

¿Qué es registrar un dominio?

¿Qué es un dominio?

¿Ingrese a www.galeon.com?

¿Mencione 3 servidores gratuitos?

PROCESO

Los estudiantes realizan de manera individual su trabajo de  levantar su página web.

Verifican los requisitos de los nombres de archivos e imágenes, tamaños, etc. de acuerdo al servidor Galeon:

- EL NOMBRE NO DEBE TENER MÁS DE 8 LETRAS

- QUE ESTE EN MINÚSCULAS

- QUE NO TENGA ESPACIOS INTERMEDIOS

- QUE NO TENGA ACENTOS NI LA LETRA Ñ

- EL ARCHIVO NO DEBE SER MAYOR A 1 MB

Ingresan a la página www.galeon.com
Se inscribe como usuario y crea su dominio

levanta sus archivos (según manual para crear espacio web)

Visualiza su página en internet

Edita si es necesario

INFORMACIÓN ADICIONAL: En los LINKS

Separata alojamiento web

Video subir archivos en galeón:

Manual para crear espacio web

EVALUACIÓN

La evaluación tiene en cuenta los siguientes criterios:

CRITERIO DE EVALUACIÓN	SIN ERRORES AL PUBLICAR	DIRIGIDO A PÚBLICO OBJETIVO	TAMAÑO DE  PÁGINA	FACIL NAVEGACIÓN	PRESENTACIÓN ORIGINAL
PUNTAJE	4	4	4	4	4

LINK PÁGINA ELABORADA Y LEVANTADA EN INTERNET

PÁGINA DEL CETPRO

TUTORIALES ADOBE PHOTOSHOP CS5

REALIZAR UN COMIC DESDE UNA FOTOGRAFIA

En este montaje vamos a realizar una técnica para simular el dibujo de un comic partiendo desde una fotografía, para ello hemos elegido una fotografía personal .

   

PASO 1: Triplicar capa.

Para este montaje vamos a trabajar con tres capas de la misma fotografía, para ello duplicaremos dos veces la capa, nos dirigimos al menú capa y seleccionamos duplicar capa, repetiremos la operación y el resultado será el que muestra la imagen. Para terminar este paso, ocultaremos la capa superior desmarcando el ojo.

PASO 2 : Desaturar color de las capas inferiores.

Ahora vamos a quitar el color a las capas inferiores, para ellos nos situamos en la capa del medio y vamos al menú imagen/ajustes/desaturar, repetimos la operación con la capa inferior (capa fondo).

PASO 3 : Invertir color de la capa2 y desenfocarla

 

Primeramente vamos a cambiar el modo de fusión y la dejaremos en modo de sobreexponer color.

El siguiente paso consiste en invertir el color de la capa de el medio, así pues, nos situamos en la capa 2, vamos al menú imagen/ajustar/invertir observará que dejamos de ver la imagen, no se preocupe.

A continuación vamos a desenfocar la capa2, para ello nos dirigimos al menú filtro/desenfocar/desenfoque gaussiano y en la ventana emergente marcamos un valor de 38.

El valor del desenfoque gaussiano aplicado no siempre será el mismo, dependiendo de la luminosidad de la imagen elegiremos el valor que creamos más conveniente en un rango entre 25 y 60.

PASO 4: Combinamos los dos canales inferiores y ajustamos niveles

Ahora vamos a combinar los dos canales inferiores, para ello simplemente nos situamos en la capa de el medio, dirigimos al menú capa/combinar hacia abajo.
Seguidamente nos dirigimos a imagen/ajustes/niveles y marcamos los valores de entrada 50 - 0.50 - 255 y los valores de salida 0 - 235.

PASO 5 : Aplicamos filtro de bordes añadidos.

Vamos a finalizar el trabajo con esta capa añadiendo un efecto de pintura a esta capa, así pues, nos dirigimos al menú filtro/artístico/bordes añadidos y marcamos los valores de 7 - 3 - 2.

 PASO 6 : Damos color al dibujo.



 El siguiente paso va a ser activar la primera capa y ponerla en modo color. En este caso hemos decidido darle una opacidad del 100%, pero podemos jugar con ella y poner el valor que nos resulte más agradable.

PASO 7 : Trabajo terminado

 

Para finalizar, acoplamos la imagen clic derecho en capa Fondo copia 2/acoplar imagen y como siempre, guardamos la imagen, en esta ocasión lo haremos en formato gif, dado que la imagen posee muy pocos colores.

Para poder ver el trabajo finalizado a la resolución real pulse sobre la imagen.

TUTORIALES VARIOS:

http://www.photoshop-designs.com/tutoriales-photoshop.html