Turorial de dreamweaver

BREVE PRESENTACIÓN DEL CURSOTodo el que se decida a introducirse en el mundo web y colgar en la red una propia (bien sea en un hospedaje gratuíto o de pago), deberá decidirse tarde o temprano por enfrentarse a la tarea de ir construyendo esa web paso a paso, y finalmente subirla a su servidor del hospedaje para que sea publicada en Internet y por tanto sea vista por los demás. Y para ir creandouna por una las páginas que compondrán su web, deberá tener en cuenta que lo puede hacer de dos maneras: una, aprendiendo a programar en HTML por ejemplo y la otra usar un editor que le dará la tarea de programar ya hecha mediante el modo diseño.

Aunque existen varios programas de este tipo, este tutorial como veis está dedicado a Dreamweaver de Macromedia, y en concreto a la versión MX-2004(aunque vale perfectamente para la versión 8); advierto que no será un manual a un nivel superior, sino orientado a todo aquel que nunca ha tenido contacto con el mismo, en una palabra: un tutorial básico para que aprendas desde cero su manejo. |
Otra cosa ya es el diseño de la misma, más o menos refinado y que forma parte de la habilidad de cada uno para expresar su gusto personal, es como elpintar un cuadro, se podrán dar unas directrices para obtención de los colores, la composición, etcétera, pero al final será el artista el que plasme en un lienzo lo que él siente. Espero lo disfrutes y te resulte interesante.

|
|
|

Damos por supuesto que ya lo has instalado, y por tanto la forma de abrirlo será como siempre a través del icono que te haya creado en el Escritorio, y si nofuera así pues a través de Inicio-Programas-Macromedia :Así que picando en su apartado, procederá a abrirse el programa y aparecerá:Debiendo elegir la opción Diseño para que nos lleve a la siguiente pantalla:Aquí vemos que hay una serie de zonas diferenciadas; una arriba con los menús típicos de cualquier programa (Archivo, Edición, Ver, Insertar…..etc).Que tiene a la derecha del todo los clásicosbotones para minimizar, maximizar y cerrar: Viene a continuación hacia abajo una zona importantísima como veremos a lo largo del tutorial, la cual presenta varios iconos según el tipo de estado que elijamos a la izquierda; vemos que normalmente aparecerá: y si picamos en la flechita negra saldrá un menú así:De tal modo que según tengamos picado cada uno de los 8 apartados, aparecerán distintosiconos como dije, si picamos en Común tendremos: Si por el contrario picásemos en Diseño nos cambiaría la barra a:Y si es nuestro deseo tener los iconos de Formularios tendríamos a la vista:Mientras que si elegimos Texto varíamos lo siguiente:Para el apartado HTML aparecería lo siguiente:Si estamos en el modo Aplicación lo que veríamos sería esto:Casi acabamos, si tenemos Elementos Flash lo queaparecerá será:Y si finalmente optamos por Favoritos nos invita a pulsar el botón….
- |
Como veis, ocho opciones distintas con muchos iconos que iremos viendo a través de los ejemplos que desarrollemos en el tutorial, aunque hay muchos de ellos que ni los tocaremos porque para el propósito de este curso no serán necesarios. |
|

EL ESPACIO DE TRABAJOSeguimos viendo el espacio donde vamos atrabajar y conociendo las distintas barras y menús que se nos muestran, así que siguiendo hacia abajo, la siguiente zona que se nos muestra una vez hemos creado una página, es la que te muestro en esta imagen que aparece aquí abajo:Puedes ver que a la izquierda tiene 3 zonas llamadas Código , Dividir y Diseño que son para poder ver sólo el código y por tanto si sabes programar en HTML puedesrealizar la página enteramente en código --tecleando directamente en este espacio--, que aparece como te muestro aquí abajo: |
|
| |
LECCIONES PUBLICADAS

1. Presentación
2. El espacio de trabajo
3. Crear un sitio
4. Primera página
5. Incluír contenido en la página
6. Más contenido en la página
7. Mejorando el aspecto
8. Estudio de las tablas
9. Estudio de las tablas (parte 2)...