1.- DREAMWEAVER CS5
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, vídeos 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.
2.- CSS
¿Qué es CSS?
CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).
3.- plantilla
en dreamweaver
Una
plantilla es una estructura en la que hay partes no editables (que no se van a
poder modificar) y otras que son modificables para llenarse de contenido.
Es una utilidad aconsejable cuando se van a repetir determinados
documentos en los que unas partes van a permanecer fijas y otras van a cambiar.
Ahorra trabajo y permite la presentación de determinados contenidos con una
unidad de estilo.
Vamos a poner como ejemplo la realización de la siguiente
plantilla:
4.-CONTENEDOR EN DREAMWEAVER
otra de las
partes de cualquier página que creemos, es la que se conoce como (que en
español significa contenedor y se trata de esa caja en la que va el contenido
de la web (texto, así como las imágenes, etc..., que van en un apartado
dentro de dicho container content contenido
también en el container nos
encontramos con el menú de la izquierda en este ejemplo, que se conoce por sidebar
|
5.-COMPORTAMIENTOS EN DREAMWEAVER
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.
|
6.- ¿Qué es
un “sitio de Dreamweaver”?
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 DINAMICO
pesar de que proporciona una amplia gama de herramientas para construir
sitios web dinámicos, los cuales están dirigidos a las bases de datos de sitios
que utilizan un lenguaje de programación interpretado como PHP, puede ser
difícil encontrar exactamente dónde están los instrumentos o cómo utilizarlos
adecuadamente. Si tienes un poco de paciencia y te gusta solucionar problemas,
te encuentras en buen camino.
8.- SITIO INTERACTIVO
Cómo crear un mapa de
imagen interactivo con Dreamweaver. Los mapas de imagen son imágenes que tienen
regiones interactivas conocidas como "zonas calientes". Cuando los
usuarios hacen clic sobre una de las zonas calientes, son redirigidos a una
página que indiques. Dreamweaver 3.0 te permite crear fácilmente mapas de
imagen para dar diversión y entusiasmo a tu página.
9.- Regiones
editables
En una
plantilla, las regiones editables 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.
10.-MAQUETACIÓN
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.
11.-ETIQUETA DIV
en realidad las div son divisiones que se
pueden hacer en una pagina, para permitir aplicarle formato distinto por
ejemplo. Entonces las Div son capas, tal como la etiqueta Layer, pero que son
aceptadas por todos los navegadores.
A una
div le aplicas atributos de align y pos, y obtienes una capa.
Por
ejemplo es mas util colocar una tabla dentro de una Div, y asi definir
atributos para la capa, sin modificar tu 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 columnas.
13.- Introducción
a los formularios
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.
14.- Crear
formulario en Dreamweaver
Los
formularios sirven para que los usuarios o visitantes de la página envien
un comentario o consulta al cliente.
