TERMINOLOGIA BASICA DEL SOFTWARE PARA DISEÑAR PAGINAS WEB

ACTIVIDAD: 18

DREAMWEAVER CS5: es una aplicación en programa 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, vídeos y aplicaciones Web basados en estándares. Creado inicialmente 
por Macromedia.

:)

CSS: sirve para organizar la presentación y aspecto de una página web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informáticos para elegir multitud de opciones de presentación como colores, tipos y tamaños de letra.

:) HEPER

PLANTILLA EN DREAMWEAVER:

Son  plantillas profesionales prediseñadas para sitios Web que se pueden editar y personalizar fácilmente utilizando Adobe Dreamweaver. 

:)

COMPORTAMIENTOS EN DREAMWEAVER: introducen en los documentos código Java Script que permite a los visitantes interactuar con la página Web para modificarla de diversas maneras o para que se realicen determinadas tareas. Un comportamiento es una combinación de un evento con una acción que desencadena ese evento.

Comportamientos y texto

Comprobar navegador

Arrastrar capa

Acciones (+):

:)

SITIO LOCAL:

Está  indicando a Dreamweaver el lugar en el que tiene intención de almacenar todos los archivos de un sitio concreto. Para trabajar de manera eficaz con Dreamweaver, defina siempre un sitio local para cada sitio Web que cree. 

:)

SITIO DINAMICO:

Familiarízate con la pantalla básica de Dreamweaver. De forma predeterminada, debes tener una barra de herramientas en la parte superior de la pantalla con las funciones básicas "Archivo", "Editar", "Ver", etc. Debajo de ella, debería haber una pantalla que muestre el código de la página actual y debajo de él deberías ver una pantalla que muestre el diseño de la página actual, que en realidad se verá como un navegador. 

:)

SITIO INTERACTIVO:

Puedes crear botones con apariencia profesional con flash en un complemento muy fácil para Dreamweaver. Puedes seleccionar un estilo predefinido del botón de flash y cambiar la configuración del texto, color, enlaces y otros para personalizar tu sitio web. Con la opción "obtener más estilos" puedes elegir entre cientos de botones únicos creados por otros usuarios.

:)

REGION EDITABLE:

Para insertar una región editable vacía en una plantilla:

En la plantilla, coloque el punto de inserción en la posición en la que desea insertar la región editable.

Elija Modificar > Plantillas > Nueva región editable.

En el cuadro de diálogo Nueva región editable, introduzca un nombre para la región.

El nombre de la región, encerrado entre llaves ({}), se inserta en la plantilla como un marcador de posición encerrado en un contorno rectangular del color de resaltado correspondiente.

Al aplicar la plantilla a un documento, se pueden seleccionar las llaves y el nombre de la región y sustituirlos por texto, imágenes u otro contenido.

Ver regiones editables

 :)

ETIQUETA DIV:

La etiqueta <div> se utiliza para definir una sección dentro del documento.

Esta etiqueta se usa comunmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.

:)

TABLA:

Las tablas son una herramienta potente para presentar datos e imágenes en páginas HTML. Las tablas proporcionan a los diseñadores Web formas de añadir estructura vertical y horizontal a una página. Utilice las tablas para presentar datos tabulares, diseñar columnas o disponer texto o gráficos en una página Web. Podrá agregar contenido; añadir, eliminar, dividir y combinar filas y columnas; modificar las propiedades de tablas, de filas o de celdas para añadir color y alineaciones, así como copiar y pegar celdas.

Las tablas constan de tres componentes básicos:

Filas: Espacio horizontal.

Columnas: Espacio vertical.

Celdas: Los contenedores que se originan en las intersecciones de las filas y las

:).

FORMULARIO:

uede utilizar Dreamweaver para crear distintos objetos de formulario, como campos de texto, campos de contraseña, botones de opción, casillas de verificación, menús emergentes o imágenes en las que es posible hacer clic (por ejemplo, un botón Enviar)

:)

FORMULARIO DE CONTACTO:

Un formulario, permite interactuar con los usuarios que visitan nuestro sitio.

Un formulario consta de tres partes:

-El código HTML, con la etiqueta form, abarcando todo el formulario.

-Secuencias de comandos CGI (Common Gateway Interface), una aplicación que se ejecuta en el servidor y que procesa la información enviada por el usuario.

-Elementos del formulario, así como campos de texto, casillas de verificación, listas, etc...

En este tutorial vamos a hacer un formulario simple de contacto.

Lo haremos a través de la barra de Insertar > Formulario

Lo primero que debemos hacer es abrir nuestro formulario, para ello, damos click en el botón de formulario

Vamos a configurar, la forma en que procesará los datos nuestro formulario, esto lo hacemos seleccionando nuestro formulario y en la paleta de propiedades configuramos a nuestro gusto:

:)