jueves, 6 de noviembre de 2014

Marcos

 Los marcos son una herramienta muy útil para distribuir mejor los datos de la pagina, hay que tener en cuenta que cada marco tiene un HTML propio ademas del “index.html”.
 Una vez que tenemos armados los marcos podemos modificarlos desde la pagina que los contiene algo que facilita mucho el trabajo.
 Para crear un maro hay que seguir los siguientes pasos:

  • Dirigirse al menú insertar 
  • Elegir la opción html 
  • Dirigirse a marcos donde nos aparecerá varias opciones del tipo de marco que se quiere creer
    Una vez elegido la opción en la ventana del archivo se puede visualizar una linea, se puede ir cambiando entre marcos simplemente haciendo click en la zona.
  • Imagenes

    Las imágenes son aspecto esencial para una pagina web ya que ayudan a mejor el aspecto visual de la imagen y a completar información.

    Como insertar una imagen:



  • Para insertar una imagen hay que dirigirse al menú Insertar, a la opción Imagen. 
  • Después de esto, ya es posible seleccionar una imagen a través de la nueva ventana. 


  • Nota: Cuando te acostumbres, te será más cómodo acceder con la combinación de teclas Ctrl + Alt + I.
    Recuerde que tiene que colocar las imágenes en la misma carpeta que contiene la pagina

    Hipervinculos

    Un hipervinculo al igual que las tablas son elementos esenciales para la creación de una pagina.
    Un hiperenlace, hipervinculo, 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.

    Formas de crear un hipervinculo:

  • la mas sencilla  es a través del inspector de propiedades. Para ello es necesario seleccionar el texto o el objeto que va a servir de enlace, y seguidamente establecer el Vínculo en el inspector HTML.
  • Otra forma de crear un enlace es a través del menú Insertar, opción Hipervínculo.
  • 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.
    Es por esto que las tablas son uno de los elemento mas usados a la hora de crear paginas.

    Para insertar una tabla hay que seguir lo siguientes pasos:
    1. Dirigirse al panel insertar
    2. Elegir la opción tabla
    3. Una vez hecho esto nos aparecerá la siguiente ventana 
       

    4. En esta ventana habrá que especificar el número de Filas y Columnas que tendrá la tabla, así como el Ancho de la tabla.

    miércoles, 5 de noviembre de 2014

    ¿Como crear una plantilla?

    1. Abra el documento que desea guardar como plantilla.
    2. Siga uno de estos procedimientos:
    3. Seleccionar archivo > Guardar como plantilla.
    4. En la categoría Común del panel Insertar, haga clic en el botón Plantillas y, a continuación, seleccione Crear plantilla.

      Nota: A menos que anteriormente haya seleccionado No volver a mostrar este mensaje, recibirá una advertencia que indica que el documento que está guardando no contiene regiones editables. Haga clic en Aceptar para guardar el documento como plantilla o en Cancelar para cerrar el cuadro de diálogo sin crear una plantilla.
    5. Seleccione un sitio para guardar la plantilla en el menú emergente Sitio y, a continuación, introduzca un nombre exclusivo para la plantilla en el cuadro de texto Guardar como.
    6. Haga clic en Guardar. Dreamweaver guarda el archivo de plantilla en la carpeta Templates del sitio en la carpeta raíz local del sitio, con la extensión de archivo .dwt. Si no existe la carpeta Templates en el sitio, Dreamweaver la creará automáticamente cuando guarde una plantilla nueva.

    7. Nota: No saque las plantillas de la carpeta Templates ni guarde en ella archivos que no sean plantillas. Tampoco debe sacar la carpeta Templates de su carpeta raíz local. Si lo hace se producirán errores en las rutas de las plantillas.

    Dreamweaver y sus partes.

    Una  vez que nuestro sitio esta definido podemos empezar a crear nuestra página,para esto debemos conocer cada unas d las partes del dreamweaver.

    Barra de Menú: es el area donde se encuentran las opciones y del programa
    Barra de Herramientas: es el area donde se encuentran algunas de las herramientas del programa
    Grupo de paneles: Son conjuntos de paneles relacionados y apilados y se les identifica con un nombre, cada panel tiene su función y el panel mas usado eel panel "insertar".
    Ventana del documento: en esta area se visualiza una muestra del sitio que estamos creando.
    Panel de archivos: en este panel se visualiza un mapa para poder agregar archivos a la página.
    Barra de estado: en esta barra se muestra el estado de la pagina, como por ejemplo el zoom y saber en que etiqueta nos encontramos.
    Panel de propiedades: en este panel se pueden modificar las propiedades de la pagina y de las etiquetas.

    Definir nuevo sitio en Dreamweaver.

    Al empezar una de las cosas mas importantes que hace es definir el sitio(la carpeta) donde se hospedara toda la página.

    Esto sirve para cuando uno quiere subir su página a un servidor, en el siguiente vídeo se les mostrara como hacerlo...





    martes, 7 de octubre de 2014

    ¿Que es Dreamweaver?

    Adobe Dreamweaver es una aplicación en programa de estudio que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web, es uno de los programas más utilizados en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash.
    La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.