1.¿QUE ES DREAMWEAVER?
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.
Para seguir este curso te puedes descargar la versión gratuita de Dreamweaver desde la página de Adobe, la versión caduca al cabo de 30 días, pero seguro que te dará tiempo a entenderlo y decidir si quieres adquirir la versión completa de este fantástico programa.
Nota: Esta versión estará disponible hasta que Adobe lance la nueva versión del programa.
Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas registradas Dreamweaver y Adobe. aulaClic no tiene ninguna relación con Adobe.
Las páginas web están escritas en HTML. Si no conoces las características básicas de HTML puedes verlas aquí.
2.CSS:
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.
3.PLANTILLA EN DREAMWEAVER:
- Una 'Plantilla' es un pre.diseño de una página Web creada para que la utilices como base de un desarrollo Web rápido y de alta clidad en diseño. Simplemente agrega tu textoe imágenes a tu plantilla y obtendrás un sitio Web funcional y vistoso listo para subir a Internet.
4.CONTENEDOR EN DREAMWEAVER:
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.
En lenguaje técnico, cuando hablamos de una página de capas, estamos hablando de utilizar el estándar CSS, hojas de estilo en cascada.
La potencia de este estilo es que tenemos total libertad para asignar una definición de estilo a cada capa, al igual que podemos especificar la forma y dónde queremos que ese elemento en concreto aparezca en la página, y el navegador se encargara por si solo de interpretarlo y visualizarlo de forma correcta.
5.COMPORTAMIENTOS EN DREAMWEAVER:
Los comportamientos 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.
| ||||
El panel Comportamientos, que se puede abrir a través del menú Ventana, o pulsando Mayús+F3 o sobre el botón del lanzador. Un comportamiento se añade a un objeto especificando en primer lugar una acción y, a continuación, el evento que desencadena esa acción. | ||||
| Estos eventos puede ser: | ||||
6.SITIO LOCAL:
En Dreamweaver, el término “sitio” 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.
7.SITIO DINÁMICO:
Las dos principales categorías de sitios web son: sitios web estáticos, y sitios web dinámicos. Ambos tipos de sitios es aconsejable desarrollarles con herramientas que nos faciliten dicha creación como: Dreamweaver, Joomla!, Wordpress, Blogger, etc. Los sitios dinámicos utilizan bases de datos lo que los hace más versátiles y las páginas son generadas dinámicamente. A diferencia un sitios estático presenta mayor rigidez menos versatilidad pero pueden ser personalizados y lograr resultados increíbles a la antigua usanza de los monjes que diseñaban de forma artesanal y laboriosa páginas únicas, páginas que podrían ser una "obra de arte". Los sitios web estáticos tienen como extensión .htm, o .html.
8.SITIO INTERACTIVO.
Es la creación del programa a la preferencia con mas entretenimientos para el. 9. REGIÓN EDITA BLE: son las partes de la página que se pueden cambiar en los archivos basados en esa plantilla. Las regiones bloqueadas (no editables) son las partes del diseño de la página que permanecen constantes de una página a otra. http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263 10. MAQUETACION : La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página.
http://www.aulaclic.es/dreamweaver-cs5/t_18_1.htm
11. ETIQUETA DIV: Una 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.
12. 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:
|
13.FORMULARIO:
Los formularios permiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio.
Los formularios constan de dos partes: el código HTML que describe el formulario (por ejemplo, los campos, etiquetas y botones que ve el usuario en la página) y una secuencia de comandos o aplicación que procesa la información enviada. No se puede recopilar datos de formulario sin utilizar una secuencia de comandos de procesamiento.
Puede 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).
También puede utilizar el comportamiento validar formulario para comprobar la información que proporciona un visitante; por ejemplo, puede comprobar si una dirección de correo electrónico contiene el símbolo "@" o si se han introducido datos en un campo "obligatorio".
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13290
14. FORMULARIO DE CONTACTO:
Es un grupo de diferentes campos o casillas de texto acompañadas de unos rótulos que definen cual será el contenido de las casillas, por ejemplo, si el rótulo es “Nombre:” la casilla de texto a su lado deberá ser llenada con el nombre de usuario del formulario.
No hay comentarios:
Publicar un comentario