DREAMWEAVER
Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, videos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.
Sus principales competidores son Microsoft Expression Web y BlueGriffon (que es de código abierto) y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explore y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
1.- Debemos tener Instalado el Programa Dreamweaver 8.
2.- Entramos en el Programa, como observamos la imagen siguiente nos muestra diferentes iconos, como nuestro propósito es diseñar entramos en el Icono HTML hacemos click izquierdo y se genera una nueva ventana.
3.- Para crear una Tabla, observemos la imagen donde nos genera paso a paso, el segundo es donde nos presenta como deseamos la tabla, lo elemental es las filas y columnas, ahí podemos poner el numero de filas y columnas que nosotros deseemos, y por ultimo hacemos click en aceptar y se va a ver en la hoja como va a quedar nuestra tabla.
4.- Como observamos la imagen la tabla esta presentada, ahora necesitamos a que tenga un color de borde (paso 1), también necesitamos a que la tabla este centrada en la parte de la hoja (paso 2), y por ultimo podemos poner color al texto o también añadir mas tablas (paso 3).
5.- Como ya tenemos al diseño ahora necesitamos poner un color al fondo escogemos cualquier color que mas nos guste (paso 1), hacemos click en la primera fila, ya que ahí va a ser insertada la imagen (paso 2), ahora vamos a la parte de arriba para poder seleccionar una imagen damos click ahí y nos va a decir donde se encuentra la imagen, seleccionamos (paso 3), seguimos el mismo paso para centrar una imagen como lo hicimos con la tabla.
6.- Debemos tener un diseño realizado en Microsoft Word, que es lo que vamos a poner en nuestra pagina, para que así sea mas sencillo y rápido insertar imagen y su contenido.
7.- Ya tenemos insertada la imagen en la primera fila ahora lo que nos toca es crear un indice para que su cliente vea que opciones presenta, nos creamos una nueva tabla, su diseño lo presenta usted mismos, como usted lo desee (paso 1), damos click en la segunda fila e insertamos la tabla (paso 2) y ahi podemos poner lo que mas nos guste, si ustedes desean podemos cambiar el color de texto (paso 3).
8.- Ahora como ya vimos la imagen que se mostró anteriormente tenemos (paso 2 "Inicio Acerca Capacidades Servicios Vídeos Contactos") a esos hay que ponerles nuevas hojas donde se vincule la información que nosotros queramos poner.
9.- Seguir los mismo pasos que anteriormente hicimos anteriormente una vez que ya tengan su diseño tienen que guardar su documento.
10.- Como vemos en la imagen ya tenemos las dos presentaciones el Inicio de la pagina, y el Acerca de Technology.
11.- Ahora para vincular con la pagina tenemos que entrar en la pagina inicial, subrayar al contenido que usted quiera (paso 1), una vez hecho eso nos vamos a una carpeta donde nos dice, Buscar el Archivo (Paso 2), nos va a desplegar una ventana donde el archivo que usted guardo "mis documentos, escritorio,etc...,"
12.- Lo guardamos, como vemos en la imagen se guardo en el Escritorio, como una pagina web (paso 1 y 2), nosotros debemos estar conectado con en el Internet ya que esto tiene funcionamiento con Internet, y veremos que se despliega una ventana mas en la paginas que estemos utilizando (Mozilla, Internet Explorer, o Google Chrome) (paso 3), ahora como ya tenemos la ventana desplegada en la pagina Web, tendríamos que hacer click en las viñetas que colocamos en la pagina para ver cada detalle (paso 4)
13.- Y así nuestra pagina creada para una propia empres, o muchas mas para que puedan ser buenos diseñadores, y conseguir su propio trabajo.
No hay comentarios:
Publicar un comentario