actividad 23: sitios gratis

actividad.-18 terminologia basica de software para diseñar paginas web

1. dreamweaver cs5: Qué es Dreamweaver CS5
   Dreamweaver CS5 es un software fácil de usar que permite crear páginas web profesionales.  http://www.aulaclic.mobi/dreamweaver-cs5/t_1_1.htm
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. http://www.masadelante.com/faqs/css
3. plantilla de dreamweaver: Una plantilla 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.
4. contenedor de dreamweaver: ¿Qué es una capa?. 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. http://www.aulafacil.com/dreamweaver2/Dream05/Lecc-39.htm
5. COMPORTAMIENTOS EN DREAMWEAVER 
   El panel comportamientos

   Use el panel Comportamientos para adjuntar comportamientos a los elementos de la página (más concretamente, a las etiquetas).

   Para abrir el panel Comportamientos, elija:

   Ventana > Comportamientos.

   

   La etiqueta actualmente seleccionada en la ventana de documento aparece en la barra de título del panel Comportamientos. Los comportamientos que ya se han adjuntado al elemento de página actualmente seleccionado aparecen en la lista de comportamientos (el área principal del panel), en orden alfabético por eventos. Si hay varias acciones para un mismo evento, las acciones aparecen en el orden en que se ejecutarán. Si en la lista de comportamientos no aparece ningún comportamiento, significa que no hay ningún comportamiento adjuntado al elemento actualmente seleccionado.

   Las opciones del panel Comportamientos son las siguientes:

   Acciones (+): Despliega el siguiente menú emergente de las acciones que se pueden adjuntar al elemento actualmente seleccionado. Cuando se selecciona una acción de esta lista, aparece un cuadro de diálogo en el que se pueden especificar los parámetros correspondientes a la acción. Si todas las acciones aparecen atenuadas, significa que el elemento seleccionado no puede generar ningún evento.

   

   
   

   Eliminar (-): Elimina la acción y el evento seleccionados de la lista de comportamientos.

   Eventos

   Eventos (el menú que aparece al hacer clic en el botón de flecha que hay junto al nombre del evento seleccionado en la lista de comportamientos) es un menú emergente que contiene todos los eventos que pueden desencadenar la acción. Este menú solamente se ve cuando hay un evento de la lista de comportamientos seleccionado. Aparecerán distintos eventos dependiendo del objeto seleccionado. Si no aparecen los eventos esperados, asegúrese de que esté seleccionado la etiqueta o el elemento de página correcto.

   En la siguiente lista se describen los eventos que pueden asociarse a las acciones relacionadas en el menú emergente Acciones (+) del panel Comportamientos. Cuando un visitante de la página Web interactúa con la página (por ejemplo, haciendo clic en una imagen) el navegador genera sucesos que pueden utilizarse para llamar a funciones JavaScript que, a su vez, provocan la ejecución de una acción.

   onAbort (NS3, NS4, IE4, IE5) Se genera cuando el visitante detiene el navegador antes de que se cargue completamente una imagen (por ejemplo, cuando el usuario hace clic en el botón Detener del navegador mientras se está cargando una imagen).

   onBounce (IE4, IE5) Se genera cuando el contenido de un elemento de marquesina ha alcanzado el límite de la marquesina.

   onChange (NS3, NS4, IE3, IE4, IE5) Se genera cuando el visitante cambia un valor de la página, como, por ejemplo, cuando el visitante elige un elemento de un menú o cambia el valor de un campo de texto y, seguidamente, hace clic en algún otro lugar de la página.

   onClick (NS3, NS4, IE3, IE4, IE5) Se genera cuando el visitante hace clic en el elemento especificado, como, por ejemplo, un vínculo, un botón o un mapa de imagen. (El clic no termina hasta que el visitante suelta el botón del ratón; puede usar onMouseDown para que se produzca una acción en el momento en que se presiona el botón.)

   onDblClick (NS4, IE4, IE5) Se genera cuando el visitante hace doble clic en el elemento especificado. (Hacer doble clic consiste en presionar y soltar rápidamente el botón del ratón mientras se señala al elemento.)

   onError (NS3, NS4, IE4, IE5) Se genera cuando se produce un error en el navegador al cargar una página o una imagen.

   onFinish (IE4, IE5) Se genera cuando el contenido de un elemento de marquesina completa un bucle.

   onHelp (IE4, IE5) Se genera cuando el visitante hace clic en el botón de Ayuda o elige Ayuda del menú de un navegador.

   onKeyDown (NS4, IE4, IE5) Se genera en el momento en que el visitante presiona cualquier tecla. (No es preciso que el visitante suelte la tecla para que se genere este evento.) El navegador no puede detectar qué tecla se ha presionado.

   onKeyPress (NS4, IE4, IE5) Se genera cuando el visitante presiona y suelta cualquier tecla; este evento es una combinación de los eventos onKeyDown y onKeyUp. El navegador no puede detectar qué tecla se ha presionado.

   onKeyUp (NS4, IE4, IE5) Se genera cuando el visitante suelta una tecla después de presionarla. El navegador no puede detectar qué tecla se ha presionado.

   onLoad (NS3, NS4, IE3, IE4, IE5) Se genera cuando termina de cargarse una imagen o una página.

   onMouseDown (NS4, IE4, IE5) Se genera cuando el visitante presiona el botón del ratón. (No es necesario que el usuario suelte el botón del ratón para que se genere este evento.)

   onMouseMove (IE3, IE4, IE5) Se genera cuando el visitante mueve el ratón mientras señala al elemento especificado. (Es decir, el puntero permanece dentro de los límites del elemento.)

   onMouseOut (NS3, NS4, IE4, IE5) Se genera cuando el puntero abandona el elemento especificado. (Normalmente, el elemento especificado es una imagen, o un vínculo adjuntado a una imagen.) Este evento se usa a menudo junto con el comportamiento "Restaurar imagen intercambiada"" para devolver una imagen a su estado original cuando el visitante deja de señalarla con el puntero del ratón.

   onMouseOver (NS3, NS4, IE3, IE4, IE5) Se genera cuando el ratón se mueve por primera vez para señalar el elemento epecificado (es decir, cuando el puntero pasa de no estar señalando a estar señalando el elemento). El elemento especificado para este evento es generalmente un vínculo.

   onMouseUp (NS4, IE4, IE5) Se genera cuando se suelta un botón del ratón que se encuentra presionado.

   onMove (NS4) Se genera cuando se mueve una ventana o un marco.

   onReset (NS3, NS4, IE3, IE4, IE5) Se genera cuando se restauran los valores predeterminados de un formulario.

   onResize (NS4, IE4, IE5) Se genera cuando el visitante cambia el tamaño de la ventana del navegador o de un marco.

   onScroll (IE4, IE5) Se genera cuando el visitante desplaza la página hacia arriba o hacia abajo.

   onSelect (NS3, NS4, IE3, IE4, IE5) Se genera cuando el usuario selecciona texto en un campo de texto.

   onStart (IE4, IE5) Se genera cuando el contenido de un elemento de marquesina inicia un bucle.

   onSubmit (NS3, NS4, IE3, IE4, IE5) Se genera cuando el visitante envía un formulario.

   onUnload (NS3, NS4, IE3, IE4, IE5) Se genera cuando el visitante abandona la página.                               Adjuntar un comportamiento

   Se pueden adjuntar comportamientos al documento completo (es decir, a la etiqueta body) o a vínculos, imágenes, elementos de formulario o a cualquier otro elemento HTML. El navegador de destino que se elija determinará los eventos posibles para un elemento dado. Internet Explorer 4.0, por ejemplo, tiene una gama de eventos para cada elemento mucho más amplia que Netscape Navigator 4.0, o que la versión 3.0 de cualquier otro navegador                                                                                 http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13284
6. SITIO LOCAL: Al definir un sitio local, está indicando a Dreamweaver el lugar en el que tiene intención de almacenar todos los archivos de un sitio concreto.   http://www.desarrolloweb.com/articulos/1062.php
7. SITIO DINAMICO: Los sitios Web dinámicos 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.  http://www.webandmacros.com/webdinamica.htm
8. SITIO INTERACTIVO: Los sitios web en general son interactivos, dado que el usuario puede interactuar a través del teclado y el mouse, recibiendo una "respuesta" del mismo.
   
   Es cierto que existen sitios web mucho más interactivos que otros, pudiendo interactuar (es decir, intercambiar información y comandos constantemente desde el sitio web hacia el usuario y viceversa) de muchas otras formas.  http://www.alegsa.com.ar/Diccionario/C/5226.php
9. REGIÓN EDITABLE:Es donde pueden editar la parte de los pixls.  http://mx.answers.yahoo.com/question/index?qid=20111121113453AAIIIN7
10. MAQUETACIÓN:La maquetación, también llamada a veces diagramación, 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. http://es.wikipedia.org/wiki/Maquetaci%C3%B3n_(edici%C3%B3n)
11. .-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. http://www.virtualnauta.com/html-etiqueta-div
12. .-TABLA:Tabla en las bases de datos, se refiere al tipo de modelado de datos, donde se guardan los datos recogidos por un programa. Su estructura general se asemeja a la vista general de un programa de hoja de cálculo. http://es.wikipedia.org/wiki/Tabla_(base_de_datos)
13. FORMULARIO:Un formulario es un documento, ya sea físico o digital, diseñado con el propósito de que el usuario introduzca datos estructurados (nombre, apellidos, dirección, etc.) en las zonas del documento destinadas a ese propósito, para ser almacenados y procesados posteriormente.  http://es.wikipedia.org/wiki/Formulario
14. FORMULARIO DE CONTACTO: El formulario de Contacto, permite que los visitantes del sitio web puedan contactarse con el administrador del Sitio. - See more at: http://www.ayuda.anacondaweb.com/formulario-de-contacto-web#sthash.yBlVH4Av.dpuf                http://www.ayuda.anacondaweb.com/formulario-de-contacto-web       http://www.ayuda.anacondaweb.com/formulario-de-contacto-web

ACT. 19 ELEMENTOS DE DREAMWEAVER.

act. 1.3 elementos basicos de html

1.-bloc de notas:
El Bloc de Notas es el programa más básico que tiene Windows para crear documentos de texto. Puede también venir identificado por su nombre en inglés: Notepad (http://curso8informatica8basica.wordpress.com/tag/bloc-de-notas/)
2.-buscador:
Un buscador es un tipo de software que crea índices de bases de datos o de sitios web en función de los títulos de los ficheros, de palabras clave, o del texto completo de dichos ficheros. El usuario conecta con un buscador y especifica la palabra o las palabras clave del tema que desea buscar. El buscador devuelve una lista de resultados presentados en hipertexto, es decir que se pueden pulsar y acceder directamente al fichero correspondiente. http://www.pergaminovirtual.com.ar/definicion/Buscador.html
3.-compatible;
La compatibilidad es la condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente (mediante un algoritmo). A este algoritmo que hace que un programa logre ser comprendido por un sistema, arquitectura o aplicación se lo denomina emulador por el hecho de que es un intérprete entre el programa y el sistema, arquitectura o aplicación. http://es.wikipedia.org/wiki/Compatibilidad_(inform%C3%A1tica)
4.-estructura de pag. web;

Todas las páginas web tienen la siguiente estructura:

<html>
<head>
   <title>Primera página</title>
</head>
<body>

</body>
</html>

  http://www.juntadeandalucia.es/averroes/~04000134/informatica/html.html
5.-etiqueta; 
 Etiqueta (metadato), una palabra clave o término asociado con o asignado a una pieza de información. Ver: etiqueta (metadato).  http://www.alegsa.com.ar/Dic/etiqueta.php

6.-hipertexto
7.-lenguaje HTML
8.-marcas (tag);

(Tag). Marca o marcas que se dejan en un texto para que luego sean interpretadas, generalmente para realizar alguna acción sobre el mismo texto marcado. Por ejemplo, el lenguaje HTML se basa en la aplicación de múltiples etiquetas para dar formato y darle características a un texto. Este texto es interpretado y mostrado por un navegador. Ver: etiqueta HTML. http://www.alegsa.com.ar/Dic/etiqueta.php

9.-navegador;
 un navegador o navegador web es un programa informático que permite visualizar la información contenida en una página web, ya sea alojada en Internet o en un servidor local. 
http://definicion.de/navegador/
10.-pag. web;
Una página web o página electrónica¹ , es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador.    http://es.wikipedia.org/wiki/P%C3%A1gina_web
11.-sitio web 
Un sitio web es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet¹ Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.
http://es.wikipedia.org/wiki/Sitio_web
12.-plataforma
En informática, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones). Al definir plataformas se establecen los tipos de arquitectura, sistema operativo, lenguaje de programación o interfaz de usuario compatibles.
http://es.wikipedia.org/wiki/Plataforma_(inform%C3%A1tica)
13.-servidor web
En informática, un servidor es un nodo que, formando parte de una red, provee servicios a otros nodos denominados clientes. http://es.wikipedia.org/wiki/Servidor
14.-vinculos 
En Internet, un vínculo o hipervínculo (también conocido como enlace, hiperenlace o link) es un elemento de un documento electrónico que está relacionado con otro recurso y que, al formar parte de una red de documentos, posibilita la navegación.   http://definicion.de/vinculo/

proyecto final

P1.2.-introducción al HTML

1.- ¿Qué entiendes por HTML? hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.

2.- define cada una de las letras que que conforman HTML :

HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), 

3.-quien invento el HTML?

"En el año 1989 Tim Berners Lee creó la web, y junto con ella el lenguaje HTML. El HTML o Hypertext Markup Language, en inglés, es el lenguaje utilizado para las páginas web o de Internet."

4.-cual era el objetivo del científico al crear  el lenguaje HTML? 

 El objetivo era facilitar a científicos de diferentes universidades el acceso a los documentos de investigación de cada uno de ellos. El proyecto obtuvo un éxito mucho mayor del que Tim Berners-Lee nunca hubiese llegado a imaginar. Al inventar HTML, este científico sentó las bases de la web tal y como la conocemos hoy día.

HTML es un lenguaje que hace posible presentar información (por ejemplo, investigaciones cientíticas) en Internet. Lo que ves al visualizar una página en Internet es la interpretación que hace el navegador del código HTML. Para ver el código HTML de una página sólo tienes que pinchar en la opción "Ver" de la barra de menús y elegir "Código fuente" (en Internet Explor

5.-menciona 4 características de el lenguaje HTML?

1. ·        es un lenguaje extensible, al que se le pueden añadir nuevas características, marcas y funciones, dependiendo de la experiencia y la habilidad del programador.
2. ·         los documentos HTML están formados por una serie de bloques de texto (titulares, párrafos, listas...).
3. ·         la interpretación de estas entidades se deja al navegador.
4. ·         HTML es un lenguaje estructurado.

6.-menciona 7 reglas  que debes de seguir para el diseño de una pagina web.

PROPÓSITO: Al término del submódulo, serás competente para diseñar y crear una página web en lenguaje html.

El presente submódulo tiene como objetivo prepararte para que aprendas a diseñar y estructurar una página web. Por lo que como proyecto elaborarás el diseño de una página web personal en código HTML en el editor de texto bloc de notas con las características siguientes: Una página principal que incluya:

? Encabezado

? Imágenes

? Hipervínculos a otras páginas web

? Hipervínculos a tus páginas.

? Opción para enviar un correo

Una segunda página, en la que apliques las tablas

Y por último una página, en la que apliques listas.

Las tres páginas deben de estar enlazadas entre sí y a una página en internet.

3.1 ventanas de flash