Introducción antes de comenzar

Lee estos datos antes de comenzar


RECUERDA que este pequeño curso tiene la intención de acercarte sólo un poco a cómo se programa con lenguaje HTML. Estas páginas han sido diseñadas siguiendo estos comandos, pero claro en el mercado existen valiosos programas Editores de páginas HTML que son de libre distribución (Freeware) o que tienen unos días de prueba (Shareware) que facilitan enormemente el trabajo de diseño. También los últimos Procesadores de textos incluyen una opción de guardar el documento en formato .HTM

 

AVISO: Este minicurso tiene reservados los derechos de reproducción y de autoría. Versión 3.1 (desde 1997)
Se pueden realizar impresiones en papel siempre que conste el nombre del autor.
© Ricardo Fernández Viana rifervia@yahoo.com
BAJO LICENCIA DE AUTOR DE CREATIVE COMMONS Licencias http://es.creativecommons.org/licencia/

Creative Commons License
Aprende HTML en 30 puntos by Ricardo Fernández Viana is licensed under a Creative Commons Reconocimiento-No comercial-Sin obras derivadas 3.0 España License.
Based on a work at platea.pntic.mec.es.
Permissions beyond the scope of this license may be available at http://platea.pntic.mec.es/~rfernand/tema0.htm.

Nota: Para poder leer mejor este minicurso puedes imprimirlo en papel, o descargarte el minicurso en un archivo .PDF de Acrobat Reader

Si lo deseas puedes descargarte el minicurso en formato .PDF de Acrobat Reader Minicurso en PDF ( 14 páginas )

Si no tienes ACROBAT READER puedes descargarlo Descarga Acrobat Reader


1.- PROGRAMAS

a.- Necesitas al menos tener un programa navegador de Internet (por ejemplo: Mozilla Firefox®, Internet Explorer de Microsoft®, Google Chrome®, Safari de Apple®, u Opera® ) que seguro que ya lo tienes o lo puedes descargar de Internet. Abajo tienes enlaces a los principales.

b.- Necesitas un programa editor de páginas HTML que existen en el mercado y que ya muchos son gratuitos en sus versiones básicas (freeware), como FrontPage Express® de Microsoft®, KompoZer Portable®, que está en español, o los Procesadores de texto ya guardan en formato .HTM. Si después de leer este Minicurso, o de leer más sobre códigos HTML, os atrevéis a codificar, podíais incluso utilizar un Procesador de textos o el Bloc de Notas del entorno Windows para diseñar y guardar en formato ASCII (texto) vuestras páginas siempre que guardéis con extensión ".htm".

c.- Si deseas poner tus páginas de HTML en Internet, necesitarás un programa de transmisión de ficheros FTP para una vez acabadas las páginas puedas dejarlas en la parte del disco duro que tu servidor de Internet te deja para tal efecto (por ejemplo: Filezilla, WS_FTP, Cute_FTP, etc). Actualmente existen algunos servidores en Internet que permiten a sus usuarios trasladar sus archivos a través de una página de navegación sin necesidad de usar ningún programa específico de FTP.

  • Deberás de tener en cuenta los siguientes detalles para instalar en Internet tus archivos de páginas:

Importante:

1.- El nombre de la página de inicio ha de ser siempre index.htm (poner todos los nombres de archivos en minúsculas, sin acentos ni símbolos raros y sin espacios para evitar luego errores). El resto de los archivos de páginas-web pueden tener cualquier nombre y como extensión debe ser o .htm o .html

2.- Los archivos de páginas HTML se deben transmitir como ficheros ASCII o de texto hacia el servidor.

3.- Los archivos de imágenes u otro tipo se deben transmitir como ficheros binarios hacia el servidor.

Nota: También tienes la posibilidad de diseñar las páginas HTML para crear pequeñas aplicaciones de Enseñanza Asistida por Ordenador (EAO) sin ser necesario ponerlas en Internet, sino que si las guardas como archivos en un disco duro, cd-rom, dvd-rom, pendriver, etc... y creas los enlaces entre ellos (al igual que se hace para Internet) podrás mostrar la información que desees sin necesidad de conectar con Internet, tan sólo deberás de arrancar un programa navegador (por ejemplo Mozilla Firefox) en modo local.
Tienes la oportunidad de descargar en tu ordenador alguno de estos programas:
Descarga FrontPage Express Descargar Mozilla Firefox Descargar Internet Explorer Descaga un programa de FTP Accede a muchos programas
Descargar el programa gratuito editor de páginas HTML (FrontPage Express) Descargar el navegador: Mozilla Firefox Descargar el navegador: Internet Explorer Descargar el programa de transmisión de archivos (FTP) Filezilla Acceder al Servidor de múltiples programas: SOFTONIC

2.- METODO DE TRABAJO

a.- Una vez tengas un programa Editor de HTML instalado (FrontPage Express ® , KompoZer Portable ® , o un Procesador de Textos que guarde en formato HTML) ,...ejecútalo.

b.- Sin cerrar dicho programa arranca un programa navegador (por ejemplo: Mozilla Firefox®, Internet Explorer de Microsoft®, ...).

c.- Las páginas Web que vayas diseñando con el Editor de HTML guárdalas en un directorio concreto (carpeta) cada vez que modifiques o añadas algo. Es muy importante que todos los archivos de .htm que generes y los que uses de imágenes y demás formatos, estén guardados en el mismo directorio o carpeta del disco duro. Pues te facilitará todo el proceso. Claro está que si dominas la informática podrás organizarlo con una estructura más complicada.

d.- Puedes ir viendo como quedarán si abres dicho archivo .htm desde el navegador que tengas... y después vas actualizando la visión (recargar) del contenido del archivo cada vez que realices una modificación. Te recuerdo que cada página-web (.htm) es un archivo diferente y que para poder pasar de una página-web a otra debes poner un enlace (link) al archivo concreto de la página-web siguiente. Este tipo de enlaces lo aprenderás a realizar en la Lección 3.


Ricardo Fdez. Viana © desde 1997
Licencias
Licencia de uso
Se pueden realizar impresiones en papel siempre que conste el nombre del autor. © Ricardo Fernández Viana rifervia@yahoo.com

Visitas desde 10-mayo-2010:

<< Volver a INICIO