© Mediascopio 2002

Si desea colaborar en Mediascopio escríbanos

 

 

Diseño de páginas web

Prensa-escrita - Radio - Televisión -Internet - Publicidad - Video-juegos

¿Como hacer una página web desde el principio?

 

 

Vamos a dar un breve repaso de todos los pasos a seguir para aquellas personas que aun no se han hecho un pagina web, y desearían tenerla... veremos paso por paso lo que deben hacer hasta tenerla en la red y después como promocionarla para conseguir visitas

1.Lo primero evidentemente es realizar la web, Lo puedes hacer con un programa muy fácil como Web facil (Conveniente para iniciarse) o con otro programa más profesional como Dreamweaver (El programa está instalado en el ordenador)

Mientras aprende practica el curso de aula fácill haciendo una página web y respondiendo a las siguientes preguntas:

(NOTA: En vez de utilizar un archivo word para responder las preguntas utiliza una página web y aplica progresivamente los conocimientos que adquieras jugando con los textos de las preguntas y las respuestas para crear distintas presentaciones)

¡ Si no hay linea utiliza el tutorial de Dreamweaver !

A) Enumera los pasos a dar para definir un sitio web en tu ordenador. (Consulta la lección 28 para ver como se estructura un sitio web).

B) ¿A qué se llama "sitio remoto" en diseño web?

C) ¿Cómo se abre una página y cómo se acota el espacio en su interior?

D) ¿Cómo se formatea un texto en Dreamweaver? ¿Qué son los estilos HTML y las hojas CSS?

E) ¿Cómo se elabora una lista?

F) ¿Cómo se hace un vínculo?

G) ¿Cómo se guarda una página?

H) Una primera posibilidad de organización del espacio en una página web es a través de las tablas. Diseña una tabla y añade y quita celdas y filas.

I) Las tablas sirven para colocar textos e imágenes en lugares determinados de la página. Juega con la visibilidad de las tablas y de sus bordes

J) Haz una tabla cuya primera fila tenga color de fondo diferente a las otras y que tenga un titular.

K) La disposición de los elementos en la página se puede conseguir a través de la parrilla. (Lección 22 y ss de Aula fácil) Explica que es la parrilla y como se define el espacio a través de la misma.

L) ¿Qué es el panel objetos? ¿Cómo se abre y que otras posibilidades tiene? Explora esas posibilidades.

LL) Las acciones o comportamientos (Lección 25) . Abre la ventana comportamientos y diseña un comportamiento para la página que estás diseñando.

M) ¿Como se comprueba si existen errores en una página: lección 29)

N) ¿Cómo se insertan formularios en una página web y para que sirven? (Leccion 30)

NN) Diseño de capas. Pulsa aquí para ver como se hace

¿Cómo se mandan las páginas al servidor remoto una vez diseñadas? Ver aquí

2.El paso siguiente una vez hecha nuestra web o en vías de desarrollo es pedir espacio gratuito en alguno de los miles de sitios que regalan espacio: Espacio gratuito en Internet ; Pobladores.com ; Wanadoo; Consulta los pasos a dar en la web de Aula facil (http://www.aulafacil.org/CursoCrearPaginasWeb/introduccioninformatica.htm)

3.Tenemos la web y tenemos espacio ahora necesitamos subir la web desde nuestro ordenador a internet usaremos un programa FTP En la página de Web fácil escoge la opcióndescargar. Ciertos programas como dreamweaver llevan su propio FTP.

4.Ya esta en la Red ahora solo queda promocionar la página,

5.Generacion de Metatags, imprescindibles para que los buscadores encuentren tus paginas y recibas visitas, te damos gratuitamente una herramienta para generarlas y pegarlas en tu pagina web, la manera de colocarlas es entre <HEAD Y /HEAD>

Direcciones útiles para el diseño de paginas web

Curso de paginas web Creando páginas web
Educared http://www.educared.net/aprende/f_herramientas.htm
Guía de recursos http://www.geocities.com/TimesSquare/Castle/6525/guia.html
Donde publicar gratuitamente Publicar en Internet
Cursos Instituto de las artes visuales. Cursos de pago para diseño web
Ayuda Servicios del Programa de Nuevas tecnologias del Ministerio de educación

Recursos para Internet

Recursos varios http://terra.es/personal/tamarit1/enlaces/recursos.htm
Diseño de banners con Photoshop http://www.pinceldigital.com.ar/banners_efecto.htm