jueves, 19 de marzo de 2015

ACTIVIDAD 18: "TERMINOLOGIA BASICA DEL SOFTWARE PARA DISEÑAR PAGUINAS WEB

DREAMWEAVER CS5:
Es un software fácil de usar que permite crear páginas web profesionales.
 Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
 Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc..  de una forma muy sencilla y visual.
 Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.

CSS
son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.

PLANTILLA EN DREAMWEAVER
 es un tipo especial de documento que sirve para crear un diseño de página “fijo”; puede crear documentos basados en la plantilla que heredan su diseño de página. Al diseñar una plantilla, usted especifica como “editables” aquellos contenidos de un documento basado en dicha plantilla que los usuarios pueden editar. Las plantillas permiten a los autores controlar qué elementos de la página pueden editar los usuarios de la plantilla (como los redactores, los diseñadores gráficos y otros desarrolladores Web). El autor de una plantilla puede incluir varios tipos de regiones de plantilla en un documento.

CONTENEDOR EN DREAMWEAVER
Este concepto, a pesar de su sencillez, es difícil de explicar sin entrar en tecnicismos. Podemos aproximarnos a la idea si imaginamos la página web como una superposición de distintas hojas, como si de un collage se tratara, en la que cada elemento se denomina contenedor.
Todos los contenedores están incluidos en la misma página, pero cada contenedor puede albergar un elemento muy concreto tal como una imagen, una animación o un texto, y podemos situarlo donde deseemos, en cualquier parte de la página.

COMPORTAMIENTOS EN DREAMWEAVER:
son acciones, programadas normalmente en código JavaScript, que suceden cuando los usuarios realizan algún evento sobre un objeto (en lenguaje Dreamweaver) ya sea imagen, texto, capa, ... Los comportamientos de Dreamweaver introducen en los documentos código JavaScript 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.

SITIO LOCAL
se emplea para referirse a una ubicación de almacenamiento local o remota de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de Dreamweaver, debe definir un sitio.

SITIO DINÁMICO
Son aquellos que permiten crear aplicaciones dentro de la propia Web, otorgando  una mayor interactividad con el navegante. Aplicaciones dinámicas como  encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada ....

SITIO INTERACTIVO
Permite a los usuarios participar y aportar contenido. Un sitio interactivo es básicamente un sitio dinámico al que se le han añadido prestaciones interactivas.
Son interactivos los foros, los blogs, los comentarios de los usuarios, y todas aquellas aplicaciones en las que el usuario puede interactuar con otros usuarios o con los administradores del sitio.

REGIÓN EDITABLE:
Editables controlan qué áreas de una página basada en plantilla puede editar el usuario. Antes de insertar una región editable, guarde como plantilla el documento en el que está trabajando.

MAQUETACION:
también llamada a veces diagraman, es un oficio del diseño editorial que se encarga de organizar en un espacio, contenidos escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

ETIQUETA DIV:
es una etiqueta que define las divisiones lógicas existentes en el contenido de una página Web. Puede utilizar etiquetas div para centrar bloques de contenido, crear efectos de columna y crear diferentes áreas de color, entre otras posibilidades.

TABLA:
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.

FORMULARIO:
se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, etc.
Una vez el usuario rellena los datos y pulsa el botón para enviar el formulario se arrancará un programa que recibirá los datos y hará el tratamiento correspondiente.

FORMULARIO DE CONTACTO:

es de suma importancia si queremos darle a los usuarios la posibilidad de que nos envíen consultas, comentarios, pedidos online o que simplemente nos dejen su email para suscribirse a un Newsletter y recibir nuestras ofertas y novedades.Dreamweaver nos da la posibilidad de crear un formulario de contacto sencillo y fácil de programar son tener demasiados conocimientos de html y php; a continuación te cuento paso a paso cómo armar el formulario en html y cómo preparar el archivo php correspondiente para el envío de las consultas.



http://www.aulaclic.es/dreamweaver8/t_9_1.htm
http://modop.com.ar/como-crear-un-formulario-de-contacto-en-dreamweaver-html/
 http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13243

No hay comentarios:

Publicar un comentario