Cmo hice mi pgina web

1
Cómo hice mi página web?

• Venturas y desventuras de un principiante en
  informática

2
Primer pasoaveriguar cómo funciona Microsoft
Word para crear páginas web

• Nos disponíamos a hacer la primera práctica de
  las asignatura de informática.
• La profesora nos había explicado que en el WORD
  había una opción para crear páginas web.
• A esta opción se accedía seleccionando en dicho
  programa las opciones de ARCHIVO-NUEVO-PÁGINA
  WEB.
• Yo no tenía ni idea ni había usado nunca dicha
  opción.Nunca había hecho una página web.QUÉ
  HORROR!!QUÉ DESASTRE!!

3
Temática de la práctica La cuestión podía
resumirse en Teníamos que hacer una página web
que tratara sobre nuestra vida. Que llevara
enlaces a páginas ya existentes, a páginas hechas
por nosotros y a elementos de la misma
página. Que fuera una página completa, con fotos,
imágenes, índice, con relación de nuestras
aficiones y de nuestras direcciones de INTERNET
favoritas.Todo ello enmarcado en un fondo
estético.
4
Cuestiones básicas de la práctica I ( para hacer
la página)

• Elementos mínimos que debía tener la página web
• Índice.
• Texto con enlaces a otras páginas web y a
  elementos de la misma página.
• Fotos.
• Relación de webs favoritas.
• Dirección de correo electrónico.
• Enlace a otra página web en la que colgaremos
  las prácticas del curso.

5
Posteriormente, la profesora nos dijo que
teníamos que crear un hipervínculo en la página
principal que nos llevara a otra página web
también creada por nosotros que pusiera PÁGINA
EN CONSTRUCCIÓN y que ahí iríamos colgando todas
las prácticas que fuéramos haciendo durante el
curso. Yo la llamé practicas.htm, le puse un
fondo naranja a la espera de ir colgando las
prácticas que pueda apañar este año
6
La configuración de la página web la idee
pensando en crear la página principal (index.htm)
y toda una serie de páginas, a las que se accedía
con enlaces desde la página inicial, con fotos,
textos, imágenes e hipervínculos que me llevaran
de nuevo a la página principal,al inicio.
7
Formato básico de mis páginas web
8
IMAGEN TEXTO con hipervínculos a páginas web
hechas por mí y a otras ya existentes. Índice con
enlaces Foto mía Webs
favoritas Correo electrónico

Diposición de index.htm Esta es la página
principal y desde ella se puede acceder a páginas
web hechas por mí, a otras ya existentes y a
elementos de la misma página.
Fondo página web real.
9
L
Disposición página mihermana.htm Aquí muestro la
disposición de la página que hice a la que se
accede desde un enlace en la página
index.htm. Intenté hacer página con el máximo de
componentes posibles.
IMÁGENES TEXTO FOTO DE MI HERMANA TEXTO HIPERVÍ
NCULO PARA VOLVER A INDEX..HTM
Fondo página web.
10
Disposición página mihermano.htm Esta es la
disposición de la página que realicé con fotos de
mi hermano. A ella también se accede desde un
enlace en la página index.htm.
IMAGEN TEXTO FOTO TEXTO HIPERVÏNCULO PARA
VOLVER A INDEXHTM
Fondo página web.
11
Disposición página miprimo.htm Os muestro aquí
la estructura de la tercera página web que cree
yo misma y a la que también se accede desde un
enlace situado en la página principal (index.htm).
IMAGEN TEXTO FOTO TEXTO HIPERVÍNCULO PARA
VOLVER A INDEX.HTM
Fondo página web.
12
IMÁGENES TEXTO FOTO TEXTO ENLACE PARA VOLVER
A LA PÁGINA DE INICIO
Disposición de la página mifamilia.htm Resumen
de la estructura que le di a esta página cuando
la cree y la puse como un enlace de la página
index.htm
Fondo página web.
13
IMÁGENES TEXTO 1 FOTO 1 TEXTO 2 FOTO
2 HIPERVÍNCULO para volver a la página
principal
Disposición de la página amigos.htm Esta es la
estructura y los elementos esenciales de la
página que hice con el nombre amigos.htm. Intenté
poner el máximo de elementos para hacer una
página completa.
Fondo de la página real.
14
Cómo guardar una página web?

• Después de tener las páginas hechas habiendo
  seleccionado la opción página web en el Word ...
• Tenía que guardar las páginas no con extensión
  .doc sino .htm.

15
Cuestiones básicas de la práctica 1 ( para hacer
la página)
Cómo crear un enlace Selección de
elementos. Herramientas para realizar la tarea.
16
Cómo crear un enlace en una página web

• En el Word,seleccionamos la palabra que nos
  servirá de enlace a otra página existente, a una
  página hecha por nosotros mismos o a otros
  elementos como fotos o documentos.
• Después hacemos click en el botón derecho del
  ratón y seleccionamos la opción de hipervínculo.

17
Cómo crear un enlace en una página web

• Posteriormente nos saldrá una ventana que nos
  pedirá a qué elemento dirigir el enlace.
• Nosotros debemos escribir el nombre de dicho
  elemento o buscarlo con las herramientas que nos
  ofrece la ventana

18
Cómo crear un enlace en una página web

• Al acabar el proceso veremos que al crear el
  enlace, Word ha modificado su color para que los
  visitantes de la página vean que es un enlace.
• Ahora ya tenemos un enlace a otro destino.

19
Cuestiones básicas de la práctica 1 (para colgar
la página)

• Cómo buscar un servidor.
• Datos que te solicita el servidor.
• Cómo subir ficheros.
• Cómo queda tu página web colgada.

20
Cómo buscar un servidor

• Me conecté a INTERNET y puse la dirección
  www.google.com.
• En el buscador escribí free servers.
• Me salió toda una lista de servidores gratuitos y
  elegí uno en castellano www.galeon.com

21
Datos que te solicita el servidor

• Ya en www.galeon.com hice click sobre la opción
  regístrate y me pidieron nombre de usuario y
  contraseña que debía decidir yo. Posteriormente
  me mandaron un e-mail para verificar que quería
  un espacio para colgar mi página.
• Después de esto me otorgaron un espacio para que
  fuera subiendo mis ficheros.

22
Cómo subir ficheros

• Cuando ya tuve nombre de usuario y contraseña me
  dispuse a subir mis ficheros.
• Sólo tenía que crear las carpetas en el servidor
  e ir subiendo los ficheros con la opción examinar
  en la que me aparecía una lista de los ficheros
  que quería subir y que estarían dentro de esa
  carpeta.
• Resultó ser más fácil de lo que pensaba!!!!

23
Cómo queda tu página web colgada
Después de todo esto ya tenía mi página web
colgada a la que se accedía con la dirección
http//angeles11.galeon.com. Por fin había
acabado!
24
Y esto es todo...
Así es como tuve mi primera aventura con la
creación de páginas web y cómo colgarlas...una
experiencia... No tan complicada....
FIN