hecho con NvuPrograma de formación docente UAM 2005-2006
Universidad Autónoma de Madrid | Facultad de Filosofía y Letras | Unidad de Calidad y Formación  

Curso básico de creación de páginas web

Miguel Sevilla Callejo
Departamento de Geografía

http://www.uam.es/cotapata/msevilla

Objetivos

Desarrollar en los asistentes al curso las capacidades básicas de edición, diseño y mantenimiento de páginas web de contenidos informativos estáticos: aprender los principios básicos de funcionamiento de la World Wide Web, transferencia de ficheros entre el equipo de sobremesa y el servidor, saber de qué trata el lenguaje HTML, crear una página web básica (diseño, texto, tablas, imágenes, enlaces y estilos básicos), establecer hipervínculos y publicación de archivos.

Documentación básica

Introducción

Principios básicos a tener en cuenta

Programación básica en HTML

Software para crear páginas web 

[arriba]

Atención

Esta página está parcialmente desactualizada y ya no se realizan cambios en ella. Los conceptos básicos que se encuentran desarrollados arriba no necesitan revisión pero si algunos de los contenidos de más abajo. Empezando por el propio programa de edición que se propone sobre el que se han añadido actualizaciones y se le ha cambiado el nombre: Kompozer
más información en: http://www.kompozer.net/ (inglés) ó en Wikipedia (español)

Actualización parcial a 9 de abril 2008

[arriba]

Usando Nvu

El mejor manual para el uso de este software de creación de páginas web está en la popia ayuda a la que se accede desde la ventana principal del programa (ver imagen siguiente).

acceso a la ayuda de Nvu

Se pueden consultar otros manuales de uso de Nvu en los siquientes enlaces:

http://usuarios.lycos.es/cursonvu/descargas.html (en español)

http://nvudev.com/guide/1.0PR/ (en inglés)

How to Design and Publish Your Website with Nvu

Atención!! Nvu evolucionó a es Kompozer / ver información en Wikipedia

[arriba]

Documentación avanzada: enlaces y cosas útiles

Contadores, búsquedas, hojas de estilo, imágenes útiles....

[arriba]

Otros documentos

Presentación utilizada en el seminario:
curso_basico.pdf (589 Kb)

Nvu > software gratuito de creación de páginas web:
Nvu: Página oficial [inglés] | traducción al castellano (Proyecto NAVE)
Versión "portable" de Nvu en castellano:  portablenvu_es.zip (7,8 Mb)

Archivos con plantilla como base de página web
Plantilla básica (como esta página): plantilla_base.zip (11 Kb)
Plantilla con hoja de estilos CSS: localize_fyl.zip (10 Kb)
Plantilla con hoja de estilos CSS: estilo_mscl.zip (112 Kb)

Filezilla > software gratuito para intercambio de ficheros por FTP:
Página web de Filezilla (página en inglés pero software en diversos idiomas)

Opensource Web Design > Diseños de páginas web de libre uso (inglés)
Página principal | Los diseños más populares

Mozilla Firefox > el mejor navegador web
Se recomienda encarecidamente el uso de un navegador diferente a MS Internet Explorer (no cumple los estándares y posee numerosos problemas de seguridad).
Posiblemente la mejor y más segura alternativa a IE es Mozilla Firefox:
Descargaló desde la página principal de firefox
más información sobre el asunto aquí (entrevista al desarrollador de Firefox) o aquí (críticas a MS Explorer en Wikipedia, en inglés)

FireFTP Firefox Extension
Si usas Firefox puedes cargar la extensión FireFTP que te permitirá desde el propio navegador realizar todo tipo transferencias FTP

[arriba]

Enlaces:

Mis enlaces en Del.icio.us

http://del.icio.us/msevilla00/ (navega por las etiquedas de diseño web)

Sobre el servidor de la UAM

Para publicación web 
Docentes, PAS e investigadores
Estudiantes con UTID

Otra documentación en la red:

Cómo hacer una buena página web (por Daniel Clemente Laboreo)
Tutoriales en la webdelprogramador.com

Busca directamente en Google o tu buscador favorito.
Wikipedia

Herramientas web:

Webblogs, Blogs o Bitácoras
Blog en Wikipedia-es

Blogger
Wordpress.com
Otras alternativas gratuitas

Crear tu página web y colgarla de la manera más facil:
Google Page Creator

Colgar imágenes
Flickr

Colgar vídeos
Google Video
YouTube

Colgar documentos
Free File Hosting
Quicksharing.com
OhShare.com

Incluir una licencia Creative Commons a tu página web u otro trabajo
Creative Commons

Valid HTML 4.01 TransitionalValidar el código fuente de tu página web
W3C Markup Validation Service
    

[arriba]

Creative Commons License
Esta obra está bajo una licencia de Creative Commons.

(cc) 2006/2008 Miguel Sevilla Callejo
Departamento de Geografía · Universidad Autónoma de Madrid