act. 18 terminología básica del software para diseñar paginas WEB

dreamweaver cs5: es un software fácil de usar que permite crear páginas web profesionales.

CSS: es una tecnología que nos permite crear páginas web de una manera más exacta.

plantilla en dreamweaver: Las plantillas son una especie de copia de la página en la que van a estar basadas el resto de páginas del sitio web, pero que incluyen la posibilidad de establecer unas zonas editables y otras zonas que serán fijas, que no podrán ser modificadas.

contenedor en dreamweaver: En width es donde puedes hacer el cambio de pixeles a porcentaje. Y margin: 0 auto es para que esa capa contenedora quede centrada. Así todo lo demás permanecerá centrados.
Obviamente, tienes que cerciorarte que los elementos que le pongas sean del mismo tamaño o sumen todos 960px. No se te olvide contar los márgenes, bordes y rellenos.

comportamientos en dreamweaver: Los comportamientos son acciones que suceden cuando los usuarios realizan algún evento sobre un objeto, como puede ser mover el ratón sobre una imagen, pulsar sobre un texto, hacer doble clic sobre un mapa de imagen, etc.

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.

sitio dinamico: las páginas web estática (páginas construidas normalmente,) siempre se ven igual y el contenido nunca cambia a menos que se cargue una nueva página, o usted cambie la página usted mismo (cargando la nueva versión de la página en el servidor web).


sitio interactivo: 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.


región editable: 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.


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.

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

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.

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.

http://www.aulaclic.es/dreamweaver-cs5/t_1_1.htm
http://www.desarrolloweb.com/articulos/26.php
http://www.aulaclic.es/dreamweaver-cs5/t_11_1.htm
http://www.killersites.com/translations/spanish/sitiosWebVinculadosAbasesDeDatos.html
https://mx.answers.yahoo.com/question/index?qid=20101206215433AA98c0W
http://www.ehowenespanol.com/crear-mapa-imagen-interactivo-dreamweaver-como_42659/
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13263
http://www.aulaclic.es/dreamweaver-cs5/t_18_1.htm
http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13243
http://help.adobe.com/es_ES/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7deda.html#WScbb6b82af5544594822510a94ae8d65-7df4a

1.3 elementos basicos de html

• 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/

• buscadores: Un buscador es una página web en la que se ofrece consultar una base de datos en la cual se relacionan direcciones de páginas web con su contenido. Su uso facilita enormemente la obtención de un listado de páginas web que contienen información sobre el tema que nos interesa. http://www.aula21.net/tallerwq/buscadores/buscador1.htm

• compatible: La compatibilidad se entiende en el ámbito de la informática y la tecnología como la capacidad que tienen dos sistemas de trabajar uno con otro simultáneamente. Y por sistemas entendemos tanto hardware como software, de modo que podemos hallarnos frente a compatibilidad entre dos programas, entre programa y hardware, o directamente entre hardware. http://www.mastermagazine.info/termino/4366.php

•  estructura de la pagina web: Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.
  La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).                                         http://html.hazunaweb.com/102.php

<html>
<head></head>
<body>
</body>
</html>

• etiqueta: Básicamente, HTML utiliza los mismos elementos que SGML, esto es, marcas o etiquetas compuestas de códigos enmarcados por los signos < >. Cualquier documento HTML comienza con la etiqueta <html> y termina con la etiqueta </html>. Dentro existen dos zonas bien identificadas: el encabezamiento, que se identifica con la etiqueta <HEAD> y </HEAD>y sirve para definir una serie de valores válidos en todo el documento, y el cuerpo del documento, representado por etiqueta <BODY> y </BODY> que muestra la información del documento. http://www.hipertexto.info/documentos/html.htm

• hipertexto: Un hipertexto es un documento digital que se puede leer de manera no secuencial y el sistema que lo implementa. Es un texto que encontramos en Internet, que se puede leer linealmente o a través de links, pero también tiene varias opciones , por lo que los lectores pueden elegir la que prefieran , a su gusto, de modo que no es un texto predeterminado en el cual tengas que leer lo que el autor quiere, sino que de alguna manera tú puedes elegir lo que más te guste para seguir leyendo    .http://mural.uv.es/aicoca/hipertexto.html

• marcas: Una etiqueta o baliza (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. http://es.wikipedia.org/wiki/Etiqueta_(lenguaje_de_marcado)

• navegador: Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos. http://es.wikipedia.org/wiki/Navegador_web

• pagina web: Se conoce como página web al documento que forma parte de un sitio weby que suele contar con enlaces (también conocidos como hipervínculos olinks) para facilitar la navegación entre los contenidos. http://definicion.de/pagina-web/

• sitio web:
  Sitio es un lugar que sirve para algo o un espacio ocupado (o que puede llegar a serlo). La noción de Web, por su parte, hace referencia a Internet, una red de redes que permite la interconexión de computadoras mediante un conjunto de protocolos denominado TCP/IP. Un sitio web, por lo tanto, es un espacio. http://definicion.de/?s=sitio+web
  
  plataforma: Es una aplicación en forma de estudio de animación que trabaja sobre "Frames" destinado a la producción y entrega de contenido interactivo para diferentes audiencias alrededor del mundo sin importar la plataforma .http://www.medioscorp.com/v7/index.php/plataformas
  
  servidor web: Un servidor web o servidor HTTP es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código recibido por el cliente suele ser compilado y ejecutado por un navegador web.
  
  vínculos: Un vínculo es una conexión desde un recurso web a otro. Aunque es un concepto simple, el vínculo ha sido una de las principales fuerzas que ha hecho posible el éxito de la Web. http://html.conclase.net/w3c/html401-es/struct/links.html
  

1.2 introduccion al html

¿QUE ENTIENDES POR UNA PAGINA HTML?
es el lenguaje con el que se definen las páginas web.
sirven para definir el texto y otros elementos que compondrán una página web.

DEFINE CADA UNA DE LAS LETRAS QUE CONFORMAN HTML
HTML significa HyperText Markup Language.

<body>, el cuerpo, que es donde se coloca la información que queremos mostrar en la pantalla principal del navegador.

<center>...</center> Permite centrar. <br> Cuando escribimos un documento HTML los retornos de carro no tienen ningún efecto (salvo si están contenidos bajo la directiva <pre>). <hr> Inserta una linea horizontal o separador. align="..." alineamiento de la barra, puede valer left, right o center

<b>...</b>

Pone el texto en negrita.
<i>...</i>
Representa el texto en cursiva.
<u>...</u>
Para subrayar algo.

¿QUIEN INVENTO 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.
¿CUAL ERA EL OBJETIVO DE CREAR HTML?
El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.MENCIONA 4 CARACTERÍSTICAS DEL LENGUAJE HTML

• HTML es un lenguaje de marcas orientado a la publicación de documentos en Internet. La mayoría de las marcas son semánticas. 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.
• Los documentos HTML están formados por una serie de bloques de texto (titulares, párrafos, listas...). La interpretación de estas entidades se deja al navegador.
• HTML es un lenguaje estructurado.
• HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer el texto en el navegador, así como las imágenes y demás elementos.

MENCIONA 7 REGLAS BÁSICAS QUE DEBES SEGUIR PARA EL DISEÑO DE UNA PAGINA WEB

1. 
   
2. Usar imágenes de alta calidad. Elige cuidadosamente las mejores imágenes que va con el mensaje. 
3. Sé valiente a la hora de diseñar. Los sitios web que se destacan entre la multitud son memorables para los clientes y lectores. 
4. Diseño con un propósito. Cada elemento de una página web debe ser diseñado con un propósito. Siempre tiene que haber una razón para la creación de cualquier elemento de la página web. 
5. Lo simple es mejor. Los diseños simples tienen un mayor impacto en lugar de los complicados. Una disposición de uno o dos-columnas es mucho mejor que un diseño de múltiples columnas. 
6. Elija las fuentes sabiamente. La tipografía es una parte muy importante de un diseño. 
7. Elija gráficos sobre el texto. Las imágenes entregan el mensaje de manera más directa y son más fáciles de entender que un bloque de texto. Recuerde siempre que los lectores tienen prisa y quieren encontrar la información lo más rápidamente posible. 
8. Mejorar las partes importantes de una página. El lector debe saber de lo que trata su sitio web en los primeros 10 segundos de la primera visita, por lo que es muy importante destacar las características importantes. 

http://www.desarrolloweb.com/articulos/que-es-html.html
http://tuspreguntas.misrespuestas.com/preg.php?idPregunta=3598
http://www.luiscanada.com/manualHTML/caracteristicas-html.php
http://nconideas.com/blog/?p=59

1.1 sitio web

proyecto finaal

mi video

3.2 barra de herramientas de flash cs5

3.1 identificar los elementos de la ventana de flash

2.3 identificar las herramientas básicas del software

2.2 identificar los elementos de la ventana del software de diseño

2.1 conocer la terminología básica del software para editar imagenes

que  es una imagen digital?

La imagen digital es la representación bidimensional de una imagen empleando bits, unidad 

mínima de información compuesta por dígitos binarios (1 y 0), que se emplea a instancias de 

la informática y cualquier dispositivo de tipo digital.

cuantas clases de imágenes hay?

Existen dos tipos de imágenes digitales:

1º. Mapa de Bits

2º. Imágenes vectoriales

que es una resolución?
La resolución es la medida de lo detallada y precisa que es una imagen.
La escala de resolución depende del dispositivo que se mida. Las digitalizaciones se miden en píxeles por pulgada (ppi). Las tramas pueden medirse en líneas por pulgada (lpi). En todos los casos, cuanto mayor sea la resolución, más detallada y definida es la imagen.

imagen digital vector

las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación). El procesador "traducirá" estas formas en información que la tarjeta gráfica pueda interpretar.

imágenes de mapa de bits:  (también denominadas imágenes raster): son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) contenidos en una tabla. Cada uno de estos puntos tiene un valor o más que describe su color.

cual es la unidad de medida estándar para imprimir  y que significa:

TPI

(Tracks Per Inch) Pistas por pulgada de un disco. Medida de la densidad de pistas grabadas sobre un disco o tambor. Este valor nos indica como se almacena la información en los discos. Cuanto más juntas estén las espirales de grabación, más datos podremos almacenar en una pulgada cuadrada y la densidad de grabación será mayor. Un disquete de 3,5 pulgadas tiene un TPI de 135. En un CD de audio este valor es 16.000 TPI.

sistemas para color:

• La escala de grises

es la representación de una imagen en la que cada pixel se dibuja usando un valor numérico individual que representa su luminancia, en una escala que se extiende entre blanco y negro.
Se trata de una forma supuestamente más profesional para designar lo que la gente no relacionada con las artes gráficas llama "fotos en blanco y negro". Con esta denominación se las distingue de las imágenes formadas por líneas que, en fotografía digital, se llaman "imágenes de mapa de bits". De hecho, las escalas de gris también son mapas de bits.

• RGB

son las siglas del inglés Red, Green, Blue (rojo, verde, azul). El ojo humano, las cámaras digitales y muchos otros dispositivos son sensibles a estos tres colores.
Los ordenadores almacenan y manipulan colores representándolos como una combinación de tres números. En el sistema de colores RGB el ordenador utiliza sendos números para representar los componentes primarios rojo, verde y azul de cada color.
La precisión y los límites de estos números dependen del hardware instalado en el ordenador, en especial, de la tarjeta gráfica.

• CMYK

 es un acrónimo del inglés Cyan, Magenta, Yellow and Black (cian, magenta, amarillo y negro), los cuatro colores del juego de tintas utilizado por muchas impresoras de calidad fotográfica.
Algunas impresoras utilizan colores de seis tintas para obtener copias más homogéneas y fotográficas. Los dos colores adicionales son a menudo tonos más claros de cian y magenta.

formatos de archivos de imágenes:

BMP (Bitmap = Mapa de bits)

GIF (Graphics Interchange Format = Formato de Intercambio Gráfico)

JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos)

TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada)

PNG (Portable Network Graphic = Gráfico portable para la red)

formatos de imagen vectorial

Formato WMF
Formato EMF

WMF-PwPt1: 3.213542 x 2.869792 pulgadas (1851x1653 unid.) Tamaño: 37.1 KB
• WMF-PwPt2: 3.180556 x 3.053819 pulgadas (1832x1759 unid.) Tamaño: 18.3 KB
• WMF-PwPt3: 2.680556 x 3.395833 pulgadas (1544x1956 unid.) Tamaño: 1.83 KB
• EMF-PwPt1: 8.162 x 7.29 cms o 3.213386 x 2.870079 pulg. (8162x7290unidades)
(3857x3445 "unidades") Tamaño: 177.0 KB
• EMF-PwPt2: 8.079 x 7.758 cms o 3.180709 x 3.054331 pulg. (8079x7758 unidades)
(3818x3666 "unidades") Tamaño: 67.1KB
• EMF-PwPt3: 6.809 x 8.626 cms o 2.680709 x 3.396063 pulg. (6809x8626 unidades)

(3218x4076 "unidades") Tamaño: 8.56 KB

http://personal.us.es/jcortes/Material/Material_archivos/Articulos%20PDF/Formatos2D.pdf

http://www.fotonostra.com/glosario/cmyk.htm

http://www.fotonostra.com/glosario/escalagrisesgrayscale.htm

http://www.ite.educacion.es/formacion/materiales/107/cd/imagen/imagen0105.html

http://www.definicionabc.com/tecnologia/imagen-digital.php#ixzz2cpzmXRsQ
http://recursostic.educacion.es/artes/plastic/web/cms/index.php?id=4803