Manuel Belgrano

HTML
Lucas Portugal Esteban Iñiguez

Escuela Abierta - Taller de HTML

TALLER DE HTML BÁSICO

Para comenzar a trabajar con HTML es necesario contar con la interfaz GNOME instalada en nuestra XO. GNOME es una interfaz gráfica similar a la de una computadora de escritorio, como podemos ver en la siguiente imagen:

Una vez que nos encontremos en GNOME será necesario acceder al programaGedit, que será el programa que utilizaremos para la creación de nuestra página web en HTML. Para acceder a Gedit debemos dirigirnos a la barra superior y buscar en el menú: Aplicaciones → Accesorios → Editor de Textos como se muestra en la siguiente imagen:

Página - 2 -

Escuela Abierta - Taller de HTML Al seleccionar Editor de textos se abrirá el programa Gedit, que puede verse acontinuación:

Una vez abierto el programa podemos comenzar a escribir nuestro código HTML y diseñar nuestra primera página web. Después crearemos una carpeta en el escritorio donde pondremos nuestras imágenes, las que quieras y la que vas a usar, y también en donde guardaremos nuestra página web con el nombre de index.html

ESTRUCTURA BASICA DE HTML HTML es un lenguaje que se compone de etiquetas. Estasetiquetas se escriben entre los signos por ejemplo: . Para cerrar una etiqueta se escribe la etiqueta encerrada entre dichos signos, agregando una barra “/” al comienzo del nombre de la etiqueta. Por ejemplo para cerrar la etiqueta se escribe La estructura básica para comenzar a crear una página web es siempre la misma:

< y >,

Página - 3 -

Escuela Abierta - Taller de HTML

Esto seescribe en el editor de textos de la siguiente manera (siempre hay que respetando el orden que se muestra): “Entre estas etiquetas se escribe el título de la página” “Entre estas etiquetas se incluye en contenido de la página, como por ejemplo color de fondo, color de letras, imágenes, sonidos, textos, etc.”

Lo primero que debemos hacer es crear una carpeta en dónde iremos guardandonuestra página web, las imágenes, sonidos, videos o cualquier recurso que deseemos agregar a la página. Para ello debemos hacer click con el botón derecho del mouse en cualquier lugar libre del escritorio de GNOME y luego seleccionar la opción Crear una carpeta, tal como se muestra a continuación:

Una vez creada la carpeta debemos escribir el nombre que queramos darle, se recomienda escribir elnombre y apellido del alumno que esté haciendo la página, y sin dejar espacio entre ellos y todo con letras minúsculas. Por ejempo el alumno Juan Perez le pondrá de nombre a su carpeta juanperez:

Página - 4 -

Escuela Abierta - Taller de HTML

Una vez creada nuestra carpeta podremos volver al editor de textos Gedit. Comenzaremos por escribir un código muy simple: Bienvenidos al taller deHTML Debe quedar como en esta imagen:

Luego de esto debemos guardar el documento para ello debemos hacer click en el botón que dice “Guardar” ubicado en la parte superior del programa. Página - 5 -

Escuela Abierta - Taller de HTML

Aparecerá una ventana que nos pedirá que ingresemos el nombre, el nombre que ingresaremos será index, es importante saber que luego del nombre debe ir seguidopor un punto (.) y luego por html. Entonces en el cuadro de nombre debemos ingresar: index.html. Luego debemos elegir el lugar dónde guardar esa página. Lo haremos en la carpeta personal que creamos con nuestro nombre y apellido. Para ello hay que seleccionar la opción Buscar otras carpetas que se encuentra marcada en la imagen:

Al presionar en esa opción la se despliega la ventana de Guardar ybuscaremos el lugar dónde creamos nuestra carpeta, esto es en: Escritorio, luego seleccionamos la carpeta con nuestro nombre y apretamos en el botón Guardar. Todo esto se encuentra en la secuencia de la siguiente imagen:

Una vez guardado minimizaremos el editor de textos Gedit y buscaremos en el escritorio y entraremos en la carpeta con nuestro nombre y veremos lo que apareció:

Página -...