paginas web

Páginas: 7 (1532 palabras) Publicado: 25 de junio de 2014
ACTIVIDADES
PÁGINAS
WEB

PRÁCTICA 1: Plantilla
Nuestro primer ejercicio consiste en diseñar una plantilla de documento HTML para iniciar rápidamente todas
nuestras páginas y ahorrarnos escribir los elementos mínimos de una página.
1) Para comenzar a escribir un código, podemos utilizar un editor de texto cualquiera, por ejemplo gedit.
2) Como cualquier página HTML, constará de lacabecera y el cuerpo del documento, ambas partes
situadas entre la etiqueta de apertura y su análoga de cierre .
3) La cabecera del documento sería:


plantilla

4) El cuerpo del documento quedaría como el siguiente:


Esta pagina es la primera que hacemos.

5) Por último, terminaremos con la etiqueta de finalización de un documento html,.
6) Guardaremos el documento con el nombre“Plantilla” y la extensión .html .
“Plantilla.html”
7) Por lo tanto el documento completo será:


plantilla



Esta pagina es la primera que hacemos.



PRÁCTICA 2: Acentos, caracteres especiales y comentarios
1.

La cabecera del documento junto con la etiqueta de apertura sería:



Mi primera página en html

2.

El cuerpo del documento quedaría como el siguiente:


lasetiquetas que hemos aprendido hasta ahora son las que forman la
estructura básica de un documento html: <html>, <head>,
<title> y <body>. también hemos aprendido a comentar
nuestras páginas con las etiquetas <!-- y -->.

3.

Por último, incluiremos la etiqueta de finalización de un documento HTML:


4. Guarda el ejercicio con el nombrepractica2.html .

PRÁCTICA 3: Tamaños y formatos
En este ejercicio, crearemos un documento HTML para iniciarnos con el tamaño de la fuente. Para
profundizar un poco más sobre lo que hemos visto en este tema, hemos utilizado también un encabezado y un
efecto de letra un poco peculiar. Procure que el ejercicio quede lo más parecido a la imagen final.
1.

2.

La cabecera del documento juntocon la etiqueta de apertura sería:



Ejercicio sobre tamaños y formatos


El cuerpo del documento quedaría como el siguiente:


Esto está a un tamaño de 40px
Esto está a un tamaño small
Esto está a un tamaño medium
Esto está a un tamaño large
Esto está a un tamaño xx-large
Esto está a un tamaño xx-small
Esto está a un tamaño 2%
Esto está a un tamaño 20%
Esto está a untamaño 80%
Esto está a un tamaño 200%
Esto está a un tamaño 300%
Pruebas de formatos
Esto es normal
y esto es subíndice: sub
Esto es normal y esto es superíndice: sup



3.

Guardar como

practica3.html

PRÁCTICA 4: Líneas
Crearemos una página para practicar con líneas horizontales. Esta herramienta, junto con todas sus variedades,
es muy útil para dar un aspecto más profesional anuestras páginas. Procure que el ejercicio quede lo más
parecido a la imagen que mostramos abajo.
1.

La cabecera del documento junto con la etiqueta de apertura sería:



Ejemplos de líneas horizontales


2.

El cuerpo del documento quedaría como el siguiente:


Línea estándar:

Línea de grosor 5px, que ocupa el 50% de la ventana:

Línea de grosor 25px y 50 px de ancho:Línea de grosor 10px, que ocupa el 75% de la ventana,color azul
y alineada a la izquierda:

Línea de grosor 50px, que ocupa el 60% de la ventana, color rojo ,
con borde 10px verde y alineada a la derecha:



3.

Guardar como

practica 4.html

PRÁCTICA 5: Colores
Otro aspecto muy llamativo a la hora de diseñar una página, es el uso de colores. Realiza un documento html
lo másparecido posible a la imagen final.
1) La cabecera del documento junto con la etiqueta de apertura sería:


colores

2) El cuerpo del documento quedaría como el siguiente:


#000000 negro
#FFFFFF blanco
#FF0000 rojo
#00FF00 verde
#0000FF azul
#FFFF00 amarillo
#FF00FF
morado,mezcla de rojo y azul


3) Guardar como

practica5.html.

PRÁCTICA 6: Una tabla compleja
1) La...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Pagina web
  • Paginas Web
  • Paginas Web
  • pagina web
  • Página web
  • Paginas Web
  • Paginas Web
  • paginas web

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS