1. Qué es Dreamweaver CS4
Dreamweaver CS4 es un software fácil de usar que
permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver CS4
permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la
necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con
capas, etc.., de una forma muy sencilla y
visual.
Además incluye un software de cliente FTP completo,
permitiendo entre otras cosas trabajar con mapas visuales de los sitios web,
actualizando el sitio web en el servidor sin salir del programa.
2. HTML básico
Las páginas que vemos en Internet están escritas
utilizando el lenguaje HTML (Hyper Text Markup Language). Este lenguaje está
basado en etiquetas que marcan el inicio y fin de cada elemento de la página
Web.
Una página HTML básica tendría el siguiente
aspecto:
<html>
<head>
<title> Mi primera página web </title>
</head>
<body>
<p><a
href="http://www.google.com/"> Haz clic aquí para ir a
Google</a>
y aprender más
sobre páginas web.</p>
</body>
</html>
El ejemplo anterior mostraría una página con un
sólo párrafo en el que parte del texto enlaza con la web de Google. Puedes
probarlo copiando el código y pegándolo en un archivo de texto, que debes
guardar con la extensión .htm.
Observa que cada etiqueta tiene una apertura y un
cierre, y que están anidadas unas dentro de otras.
Las etiquetas que se introducen en un documento
HTML no son visibles cuando el documento se muestra en un navegador (IExplorer,
Firefox, Opera, etc). Cuando un usuario desde Internet solicita ver una página
el servidor Web envía la página al navegador y este interpreta las etiquetas
para dar la página correctamente formateada.
Cuando utilizamos Dreamweaver para crear una página
Web no tenemos que preocuparnos de todo esto. Dreamweaver inserta automáticamente
las etiquetas necesarias para construir la página con la apariencia y contenido
definidos en el editor gráfico. Esto nos facilita muchísimo el trabajo.
Otros ejemplos de HTML:
<html>
<head>
<title>
Tipos de texto
</title>
</head>
<body>
<p><b>Este es un texto negrita</b></p>
<p><strong>Este es un texto remarcado</strong></p>
<p><i>Este es un texto en cursiva</i></p>
<p><u>Texto subrayado</u></p>
<p><code>Texto con formato de computadora</code></p>
<p>Este es un texto<sub> Subindice</sub> y <sup> Superindice</sup></p>
</body>
</html>
Otros ejemplos de HTML:
<html>
<head>
<title>
Estableciendo atributos al texto
</title>
</head>
<body bgcolor="yellow">
<font size="24" face="Arial, Comic sans MS, Calibri" color="red">
Formato de texto</font>
</body>
</html>
<html>
<head>
<title>
Tipos de texto
</title>
</head>
<body>
<p><b>Este es un texto negrita</b></p>
<p><strong>Este es un texto remarcado</strong></p>
<p><i>Este es un texto en cursiva</i></p>
<p><u>Texto subrayado</u></p>
<p><code>Texto con formato de computadora</code></p>
<p>Este es un texto<sub> Subindice</sub> y <sup> Superindice</sup></p>
</body>
</html>
3. Editar páginas web
Cualquier editor de texto permite crear páginas
web. Para ello sólo es necesario crear los documentos con la extensión HTML o
HTM, e incluir como contenido del documento el código HTML deseado. Puede
utilizarse incluso el Bloc de notas incluido en Windows para hacerlo.
Pero crear páginas web mediante el código HTML es
más costoso que hacerlo utilizando un editor gráfico. Al no utilizar un editor
gráfico cuesta mucho más insertar cada uno de los elementos de la página, al
mismo tiempo que es más complicado crear una apariencia profesional para la
página, sobre todo si no estamos demasiado familiarizados con el HTML. Aunque
también es cierto que escribir el código nos da más control sobre él, y sobre
todo al principio, nos ayudará a aprenderlo rápidamente.
Hoy en día existe una amplia gama de editores de
páginas web. Uno de los más utilizados, y que destaca por su sencillez y por
las numerosas funciones que incluye, es Adobe Dreamweaver.
Además de Dreamweaver, existen otra serie de buenos
editores de páginas web, como pueden ser Microsoft Expresion Web, Amaya,
Bluefish, NVU, KompoZer o Quanta Plus. Algunos de los cuales tienen la ventaja
de ser gratuitos.
4. Cómo tener una página en Internet
Para poder poner una página web en Internet, es
necesario contratar a alguna empresa con servidores que pueda alojarla y
hacerla accesible desde Internet las 24 horas del día. El precio por disponer
de espacio propio en el servidor dependerá de la empresa, del espacio en disco,
volumen de transferencia y otras opciones que podamos contratar.
Hay empresas que ofrecen este servicio
gratuitamente, pero con ciertas limitaciones: poco espacio de disco, lentitud y
nombre de nuestra página precedido por el de la suya. Hay que tener también en
cuenta que estas empresas deben generar ingresos de alguna forma, por lo que se
dedican a vender espacios publicitarios dentro de nuestras páginas, publicidad
que no podremos negarnos a incluir en ellas.
Por estos motivos, no se recomienda utilizar
hospedaje gratuito para la página de una empresa, aunque sí es aceptable para
una página personal, sobre todo al comienzo.
Cuando se va a contratar un servicio de hospedaje
es necesario contratar también un dominio,
tarea de la que se suele encargar la propia empresa de hospedaje. Registrar un
dominio consiste en registrar un nombre para nuestra página. Este nombre no
puede estar repetido en Internet, ha de ser único, al igual que ocurre con los
nombres de las empresas. Es posible registrar un mismo nombre con distintas
terminaciones, como por ejemplo, .net, .org, .es o .com.
En el caso de los hospedajes gratuitos no es
necesario registrar ningún dominio, ya que nuestra página no será más que un
archivo dentro de la de la empresa contratada.
A la hora de contratar un servicio de hospedaje
también hay que tener en cuenta el número de cuentas de correo electrónico
propias que pueden habilitarse y si disponemos de una base de datos para poder
acceder a ella a través de programación vía Web, aunque esto último será útil
sólo para usuarios avanzados.
En cualquier caso, una vez tengas tu espacio en
Internet, darle contenido es muy sencillo.
Dreamweaver te permite crear una copia local (en tu
ordenador) del sitio web que luego querrás que se encuentre a disposición de
todo el mundo en Internet.
Por tanto, una vez hayas terminado de diseñarla en
modo local sólo tendrás que subirla a tu servidor manteniendo la estructura del
local. Es decir, deberás subir todos los
archivos tal y como aparecen en tu disco duro, respetando el nombre de los
archivos y la organización de las carpetas. Si no lo haces de este modo,
tu sitio experimentará fallos y enlaces que no funcionarán.
Recuerda que será mejor que no utilices caracteres especiales como acentos o eñes, ni
espacios en blanco en los nombres de archivos o carpetas. De esta
forma te asegurarás de que el servidor puede reconocer sin ningún tipo de
problemas los nombres de los archivos que alojes en él.
Para evitar errores de enlaces rotos o imágenes que
no se muestran intenta escribir, también, los
nombres en minúscula. Algunos servidores (los que utilizan linux)
distinguen entre mayúsculas y minúsculas, por lo que si en tu página quieres
mostrar la imagen foto1.jpg deberás guardarla con ese nombre y no como
Foto1.jpg. Evitarás horas perdidas buscando fallos.
