APRENDIENDO A CREAR PAGINAS WEB

¿Qué es Dreamweaver?Dreamweaver 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, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual. Provee los conocimientos para diseñar, codificar y desarrollar sitios, páginas y aplicaciones Web, mediante herramientas útiles y sencillas de manejar, dentro de un ambiente cómodo y con todas las opciones a la mano. También puede crear potentes aplicaciones de Internet.

http://www.youtube.com/watch?feature=player_embedded&v=fR_H92xe7FQ

Términos Básicos :• World Wide Web (WWW): Es un sistema de información, propio de Internet. Sus

características son:Información por hipertexto: Diversos elementos (texto o imágenes) de la información que vemos en pantalla tiene vínculos con otras informaciones que pueden ser de otras fuentes. Para acceder a esta otra información bastará con hacer clic sobre dichos vínculos.Gráfico: En la pantalla aparece simultáneamente texto, imágenes e incluso sonidos.

• Navegador: Es el programa que nos ofrece acceso a Internet. Debe ser capaz de comunicarse con un servidor y comprender el lenguaje de todas las herramientas que manejan la información de Web. Ejemplo Internet Explorer.

• Servidor: Se encarga de proporcionar al navegador los documentos y medios que este solicita. Utiliza un protocolo HTTP para atender las solicitudes de archivos por parte de un navegador.

• HTTP: Es el protocolo de transferencia de hipertexto, es decir, el protocolo que los servidores de World Wide Web utilizan para mandar documentos HTML a través de Internet.

Términos Básicos :• URL (Uniform Resources Locator): Localizador Uniforme de Recursos, o dicho más

claramente, es la dirección que localiza una información dentro de Internet.

• HTML: Estas siglas se corresponden con la definición "Lenguaje para marcado de hipertexto", se trata de un lenguaje para estructurar documentos a partir de texto en World Wide Web. Este lenguaje se basa en etiquetas (instrucciones que le dicen al texto como deben mostrarse) y atributos (parámetros que dan valor a la etiqueta).

La pantalla inicial

• Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento y dónde, como veremos más adelante.

Imágenes• En este tema vamos a ver cómo insertar imágenes en un documento. que ayudan a mejorar

la apariencia de nuestras páginas.• Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten

mejorar su apariencia, o dotarla de una mayor información visual.

Tablas

• Todos los objetos se alinean por defecto a la izquierda de las páginas web, pero gracias a las tablas es posible distribuir el texto en columnas, colocar imágenes al lado de un bloque de texto, y otra serie de cosas que sin las tablas serían imposibles de realizar.

• Hoy en día, la mayoría de las páginas web se basan en tablas, ya que resultan de gran utilidad al mejorar notablemente las opciones de diseño.

• Las tablas están formadas por un conjunto de celdas, distribuidas en filas y columnas. A continuación tienes un ejemplo de tabla.

Hiperenlaces

• Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra página o archivo.

• Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen.

Multimedia

• Vamos a ver cómo insertar elementos multimedia. En concreto, veremos cómo insertar una animación Flash, un sonido y un vídeo.