Ing.

Claudia Pescina Ortiz

INTRODUCCIN

En la actualidad el uso de Internet representa un medio de comunicacin preferente por la mayora de las personas. Lo cual, el tener presencia en Internet ofrece una enorme ventaja como negocio, educacin, cultura, entretenimiento, etc. En este tutorial se mostrar los conceptos bsicos en torno a un sitio web. El proceso de desarrollo de pginas web por medio del programa de Macromedia Dreamweaver, que es un editor de pginas web ms fcil de manejar.

OBJETIVOS
Plantear las reglas que se deben seguir para la creacin de pginas web. Describir y relacionar los conceptos en el desarrollo de pginas web. Demostrar las etapas que se manejan en el desarrollo web describiendo cada una de ellas. Demostrar por medio de ejemplos sencillos como crear una pgina web.

CONTENIDOS DE APRENDIZAJE

Conceptos bsicos
HTML Pagina web

Sitio Web
Introduccin a Macromedia Dreamweaver rea de trabajo

Reglas para crear pginas Web

Mi primera pgina

Concepto HTML
Lenguaje de marcado de hipertexto. Lenguaje con el cual todas las pginas web son creadas. Es como un idioma, con el cual se comunica con el navegador para mostrar el contenido de una pgina, tal y como nosotros lo acomodamos. El HTML no es visible al momento de visualizar una pgina, pero hay de mencionar, que toda pgina la contiene.

Concepto
Pgina Web

Sitio Web

Es un documento HTML/XHTML accesible generalmente mediante el protocolo HTTP de Internet.

Es un conjunto de pginas web, tpicamente comunes a un dominio de Internet o subdominio.

Una pgina web es como una hoja de un rbol y el rbol representa un sitio Web. El cual, tiene varias hojas.
Pgina2 Pgina1 Pgina3

Sitio Web

Introduccin a Macromedia Dreamweaver

Programa que permite la creacin de pginas Web, de manera fcil. Por medio de este programa podemos agregar imgenes, archivos con animacin (de Flash), video o msica a una pgina.

rea de trabajo de Dreamweaver

Reglas para crear un Sitio Web

Crear una carpeta principal donde se guardarn todas las pginas y otra que guarde el resto de los archivos (imgenes, archivos, de flash, videos, msica, etc.) Antes de agregar imgenes, archivos flash, etc, guardarlos en la carpeta que creamos. Los nombre de los archivos no deben tener espacios en blanco, , o acentos. Toda pagina debe tener tablas. Crear una pgina de inicio

Es importante seguir estas recomendaciones, pues si se omite cualquiera de ellas, se tendr que trabajar doble o triple.

Mi primera pgina

Crear una carpeta para guardar todos los archivos Abrir el programa de Dreamweaver Dar clic en la opcin crear nuevo HTML Ir a la barra insertar y en la opcin Titulo cambiar Documento sin titulo a Mi pgina. De esta forma se establece el titulo de una pagina, el cual se mostrar siempre en la barra de titulo del navegador de Internet.

Men insertar / Tabla. De 2 filas 1 columnas, borde 0. Y aceptar. Seleccionar toda la tabla ir al inspector de propiedades y seleccionar centrar en alinear. Dar clic en el botn propiedades de la pgina, que esta en el inspector de propiedades. En la categora de aspecto, seleccionar fuente, color de fuente y color de fondo. Aceptar Clic a Men archivo / Guardar como. Gurdala en la carpeta que creaste. Observa la siguiente imagen, y as debe verse la pgina hasta ahora.

Guarda una imagen adentro de la carpeta que creaste al principio. Para agregarla en la pgina haz lo siguiente: 1. Clic a la celda 2 de la tabla. 2. Men insertar / imagen. Busca y selecciona la imagen que guardaste. Acepta. Y escribe el texto que se muestra.

Listo una pgina ha sido creada, solo falta verla en el Explorador de Internet. Solo hay que presionar la tecla F12. Observa que se abre el explorador con la pgina que creaste.

EJERCICIO
Crear una pgina web con Dreamweaver, con el tema y contenido que tu quieras, con lo siguiente: Cambiar el titulo de la pgina Seleccionar el aspecto de la pgina; Fuente, tamao, color de fuente y color de fondo. A tu gusto. Inserta una tabla de tal forma que puedas agregar 2 imgenes. Guarda la pgina en la misma carpeta que creaste al principio del tutorial. Inserta las 2 imgenes. Visualiza la pgina en el explorador de Internet.

Evaluacin: Contesta el siguiente cuestionario.

Cul es el significado de HTML? Describe que es una pgina Web Describe que es un Sitio Web Cul es la diferencia entre pagina y sitio web? Qu es Macromedia Dreamweaver? Menciona 2 reglas para la creacin de una pgina web Escribe los pasos para cambiar el color de fondo de una pgina Escribe los pasos para insertar una imagen Dnde debe estar guardada una imagen que deseamos agregar? Cul es la tecla que visualiza una pgina en el explorador de Internet.

Bibliografa

http://help.adobe.com/es_ES/Dreamwea ver/10.0_Using/WSc78c5058ca073340d cda9110b1f693f21-7e80a.html