y llegó la hora del ADIOS...

Bueno chic@s, esto ha llegado a su fin!!!!

Tengo que decir que este grupo en general me ha dado una grata sorpresa. Hemos pasado de tener que definir conceptos muy básicos de internet y del múndo informático (tales como diferenciar una página web, del navegador, comprender el funcionamiento electrónico) a manejar programas tan complejos como son Adobe Photoshop y Dreamweaver y no solo eso sino que HABÉIS COMPLETADO VUESTRA PROPIA PÁGINA WEB DESDE CERO!!

Estoy muy orgullosa de vosotros y espero que sigáis practicando y ampliando los conocimientos que habéis adquirido estos días.

A la derecha de este blog, voy adjuntar un vínculo a vuestras páginas, para que las tengáis todas a mano siempre que queráis visitarlas.

ENHORABUENA!!!

Subir la pagina terminada al Servidor

Visto el "éxito" que tuvimos con el alojamiento gratuito de Tripod Lycos (¿hubo alguien a quien no expulsara???) vamos a probar suerte con FORTUNECITY, http://www.fortunecity.com/

Es uno de los portales que lleva más años ofreciendo este servicio y, hasta el momento, nunca antes me había dado ningún problema.

La única pega es que está en inglés , así que tendremos que esforzarnos un pelín más. De cualquier manera os voy poniendo el paso a paso en fotos , para que os resulte más sencillo.

1. Rellenar los datos solicitados en el apartado FREE WEB SPACE/ HOSTING



2. Confirmar la cuenta de correo electrónico.












3. Activar la cuenta en Fortunecity

4. APUNTATE BIEN, los datos de la cuenta.




5. Accede al Gestor de la página o servicio de FTP

Como podeis observar en la imágen, desde el gestor de página, tenemos acceso a la url de nuestra web, también nos ha generado un blog y lo más importante: FILE MANAGER o nuestro servicio de FTP.




6. Si accedéis a la url propuesta, podéis observar que por defecto FORTUNECITY nos ha creado una página de index automática, en la que dice que nuestra página está en construcción. Antes de empezar a subir nuestro contenido, deberemos eliminar esa página, para evitar posibles errores (como sabéis no puede haber dos páginas "index" en el mismo sitio)



7. Una vez dentro del gestor de contenido, tendremos que eliminar la página index que viene por defecto e ir subiendo cada uno de los archivos que conforman nuestra página (archivos .html, .css, imágenes , etc) ES MUY IMPORTANTE QUE TODO SIGA LA MISMA JERARQUÍA, es decir, que si las imágenes están dentro de una carpeta que se llama imagenes_finales, tendréis que crear en el SERVIDOR una carpeta que se llame imagenes_finales (exactamente igual) e introducir en ella las fotos que estuvieran en su carpeta homónima de vuestro site LOCAL.

8. Fijaos que para subir las fotos dentro de la carpeta imagenes_finales, he tenido que entrar dentro de ese directorio (despues de haberlo creado , claro!), el resto de botones marcados son los que nos van a ayudar en esta última tarea.

9. Y VOILÁ!!! Ya tendríamos nuestra página web, en internet, accesible las 24 horas del día y desde cualquier ordenador del mundo!!!

Maquetar en Dreamweaver

Una vez realizado el "despiece" de la maqueta en photoshop, ahora toca la "reconstrucción" en Dreamweaver.

Maquetarlo todo colocandolo en su ubicación exacta, mediante la utilización de tablas y tablas anidadas. Insertar las imágenes, color de fondo, botones o imágenes de sustitución, así como vínculos que faciliten la navegación por vuestro sitio.

Todo esto ya lo habéis hecho así que, en principio, no deberíais tener ningún problema.

AL ATAQUE!!

Recopilar todas las imágenes y creación del sitio

Una vez ya tengáis TODAS las imágenes para CADA UNA de vuestras páginas en su FORMATO CORRESPONDIENTE, entonces si, ahora pasaríamos a trabajar con Dreamweaver .

Como ya hicimos en su día, comenzaríamos por crear el SITIO y el ÁRBOL DE PÁGINAS, continuaríamos por la maqueta, el sistema de navegación y la insercción de los contenidos de cada una de las páginas... bueno en esto ya sois unos expertos así que no me enrollo más....

Crear maqueta y personalizar las imágenes

Una vez hayais conseguido diseñar una maqueta que os guste, tenéis que guardar cada una de las imágenes y gráficos que lo componen , por separado y con el tamaño y resolución final.

Todo eso, para cada una de las páginas... asi que... ya sabéis !!! todavía os queda mucho trabajo!!!

Diseñar el aspecto gráfico de vuestro proyecto personal

Uno de los apartados más complicados en el diseño web, es conseguir la dosis adecuada de diseño y de usabilidad.

Para ello hay que calcular con mucho cuidado la disposición de los elementos dentro de nuestro espacio de página (textos, navegación, imágenes y demás elementos gráficos).

Hoy dedicaremos la clase al diseño de la maqueta de vuestros propios proyectos personales, dejamos por un momento Dreamweaver para darle caña al Photoshop.

Ya hemos terminado NUESTRA PRIMERA PÁGINA WEB

Una vez que hemos terminado nuestro formulario y lo hemos configurado para el envío de datos...

ALEHOP!!!

YA TENEMOS NUESTRA PRIMERA PÁGINA WEB!!!!

Ahora el siguiente paso , es realizar todos los pasos de "preproducción" para poder comenzar con nuestro proyecto personal. Es decir:

1. Necesitamos haber realizado el informe teórico previo (objetivos, público, análisis de competencia...recordais ¿no?).


2. Después realizad el listado de páginas que contendrá vuestro sitio y la información que contendrá cada una de ellas.


3. Ahora sería el turno de diseñar el aspecto gráfico, colocar en el espacio de pantalla cada uno de los elementos (fotos , texto, botones...etc).


4. Más tarde, cuando todas estas cuestiones estén ya completadas, modificaremos nuestras imágenes en photoshop para que coincidan con nuestro diseño.


5. Entonces si! ya podremos comenzar a trabajar en nuestro sitio web con DREAMWEAVER!!

Aaaaaa curraaaaaar!!