Creación de Un Web básico

1
22941

Desarrollo de un Web Personal

(Este tutorial va dedicado a mi hermano Luismi)

Introducción

En el siguiente documento, vamos a mostrar como se puede crear un Web
personal si coste alguno.

Creo que es conveniente experimentar un poco antes de lanzarse a hacer algo
un poco más serio ya que, como pronto veremos, aunque los fundamentos son muy
sencillos, como todo en esta vida, hacer las cosas bien, requiere muchas horas
de dedicción.

Como este es un manual básico, me voy a tomar ciertas licencias así que,
los puristas, sed comprensivos.

 

¿Por qué crear un Web?

Cada uno puede tener una razón.

Puede ser tan sencillo que «por la satisfacción de hacerlo», por
compartir fotos con tus amigos, por tener algo en que invertir el tiempo, etc.
En estos casos, posiblemente no te preocupe cuante gente entre a tu Web, es
más, tal vez te interese que solo entre la que tu quieres.

Yo os voy a contar porque he creado el mio www.adictosaltrabajo.com

  • Porque he hecho muchos a los demás y no tengo el mio.
  • Porque vas adquiriendo un gran conocimiento, a través de años de
    trabajo, que olvidas tan deprisa o más que lo cojes y me gustaría que
    perdurase.
  • Porque es un curriculum vivo.
  • Porque el que siembre recoge (a lo mejor, algún día me, permite ganar lo
    suficiente para trabajar en casa)

En mi caso, y tal vez en el vuestro aunque os muevan otros intereses, os
interese ganar algunos duros con el Web.

Tambien, os enseñara como hacerlo.

 

¿Qué es un Web?

Pues sencillo. Es un conjunto de páginas, interrelacionadas entre si.

Estas páginas, llamadas HTML tiene la capacidad de establecer enlaces entre
ellas de tal modo, que tu Web esta formada por una principal (home page) y otras
que estan enlazadas a esta.

Como el movimiento se demuestra andando, lo vamos a ira haciendo.

Abrir un simple editor de texto (notepad)

Como se puede observar, esta primera página html es muy básica y
autodescriptiva:

  • Tiene etiquetas que empiezan por «<» y terminan por
    «/>»
  • Cada etiqueta define una sección
  • Lo que ves en el navegador, esta entre las etiquetas «body»

Vamos a ver como queda nuestra página. la grabamos como index.html en el
directorio que más nos guste.

Si pulsamos dos veces, se nos abrirá un navegador y veremos el resultado

Bueno…. pues vamos ha complicar un poco la cosa.

Creamos otra página, que vamos a llamar «quiensoy.html»

Y ahora, modificamos la primera página (index.html) para ligarla a la
segunda

El resultado es:

Bueno, no hay que ir a Salamanca para darse cuenta que, sabiendote un
conjunto de etiquetas y su comportamiento, con el notepad mismo, te puedes crear
un Web.

La técnica a evolucionado mucho, por lo que casi nadie (que no sea
profesiona), se hace un Web a mano. Normalmente, usas una herrmienta que lo haga
por ti.

Hay miles, y ademas muchas de ellas gratuitas. Yo, personalmente busco
siempre herramientas en www.download.com ,
a otros le gusta www.tucows.com …..

Vamos a ello:

Yo, personalmente usi el frontpage, porque tengo licencia y como vereis, la
herrramienta es lo de menos.

Bueno, voy darle un pequeño cambio a nuestras páginas con ForntPage (es
como el Word).

Inserto una tabla:

Queda tal que así

Seleccionalos la fila con el ratón y con el pulsando el botón derecho
selecciono propiedades

Le asigno un tamaño en pixels a la columna central

y hago lo mismo con la laterales

Me queda tal que así

Pues todo es igual …

Como podemos ver, el editor crea el HTML por nosotros

 

Lo primero por lo que nos tenemos que preocupar, es ¿y donde lo pongo?.

Al principio, no hay que obsesionarse por el aspecto gráfico …. todo
llegará. Lo más seguro es que cambies de menús, ideas, imagenes, etc cientos
de veces hasta tener claro a que va a ir orientado tu Web (a menos que seas un
visionario 🙂 )

Es más interesante ponerlo en marcha … por lo menos el primero…. el
segundo… posiblemente lo orientemos de otro modo.

Sino, solo tienes que mirar el mio….que es poco más que lo que acabamos de
hacer….

 

1 Comentario

Dejar respuesta

Please enter your comment!
Please enter your name here