EDITAR PÁGINAS WEB

INICIO
IMAGENES
ENLACES
TABLAS
FRAMES
MULTIMEDIA
MAPAS
FORMULARIOS

INTRODUCCIÓN

Ya hay apuntes de todos los colores en la red (pondremos direcciones) sobre html. Aquí sólo se trata de resumir un poco y de secuenciar actividades.
Editar páginas web no es otra cosa que escribir documentos con un formato determinado. Para escribir estos documentos podemos hacerlo de varias formas:
¿QUÉ SE PUEDE HACER Y QUÉ NO EN HTML?

Muchas de las cosas a que estamos acostumbrados con los procesadores de textos no pueden hacerse en html: Columnas, efectos de fuentes, tabulaciones, ecuaciones, encabezados, márgenes, numeración de páginas...

Lo que sí se puede hacer lo vamos a ir descubriendo pero fundamentalmente : Algunas cosas sobre tamaño de fuentes, estilo (negrita, cursiva, superíndice, subíndice...), colores de fuente y fondo. Listas numeradas, viñetas, tablas, imágenes, archivos multimedia, formularios y sobre todo hiperenlaces a otros documentos o imágenes.

Aunque no podamos crear con html otros efectos (dibujos en movimiento, animaciones,..) sí podemos cortar y pegar algunos que nos gusten ya que html permite la inclusión pequeños programas  escritos en otros lenguajes. Si queremos crear este tipo de efectos nosotros mismos deberemos manejar los programas o lenguajes apropiados ( java, flash,...).

ACTIVIDAD 0 : Abrir mozilla y observar una web

Abrimos mozilla y entramos en la dirección : http://cazabal.eresmas.net o en la del ies litoral y observamos.

ACTIVIDAD 1 : Crear una página en blanco y observar el código
  • <html>
    <head>
    <meta http-equiv="content-type"
    content="text/html; charset=ISO-8859-1">
    <title></title>
    </head>
    <body>
    <br>
    </body>
    </html>



Observemos lo siguiente:
ACTIVIDAD 2 : En la página en blanco empezar a escribir y observar el código. Guardar el documento.

En la página en blanco volvamos a la vista Normal .
Escribimos Bienvenidos a la página de Pepito.
Guardamos en nuestra carpeta con el nombre ejemplo. Archivo > Guardar como > ejemplo > Guardar (en la carpeta /home/usuario/la propia)
Observemos el código: Lo nuevo aparece en color verde

<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>ejemplo</title>
</head>
<body>
Bienvenidos a la p&aacute;gina de Pepito
</body>
</html>                                            
                         
Nota: lo de p&aacute;gina es simplemente la tilde de página, aparecerá cada vez que haya una tilde (a&aacute, e&aacute,..)

Lo demás
no necesita comentarios.

Se observa que ha aparecido la etiqueta <meta> : esta etiqueta puede tener varios parámetros:
ACTIVIDAD 3 : Negrita, aumentar tamaño, cursiva y subrayado : Códigos

ACTIVIDAD 4 : Atributos para todo el cuerpo de documento

Siempre trabajamos en Normal mientras no se diga lo contrario

Formato>Color y Fondo de página>Usar colores personalizados>Fondo> Elegir un color>Aceptar

Ahora observemos que los códigos han aparecido dentro de la etiqueta <body>

Con los colores que yo he elegido :

<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 204);"
 link="#000099" vlink="#990099" alink="#000099">
color: el de texto
backgruond-color: el de fondo
link: color de los hiperenlaces
vlink: color de los hiperenlaces visitados
alink: color del hiperenlace activo

Pues todo eso nos importa poco. Los colores los elegimos directamente en Formato>Color de Fondo y página