TEMA DE INVESTIGACION

INVESTIGA QUE ES UNA PÁGINA WEB LINEALEN DREAMWEAVER Y EJEMPLIFICALA.
FECHA DE ENTREGA JUEVES 25 DE NOVIEMBRE  EN TU CUADERNO.

DETALLES DEL VIDEO A ELABORAR DE LOS TEMAS A EXPONER.

1.- Función delcoordinador:

• Re4alizar el informe de actividades  con fecha de reuniones para elaborar el  material de expocición  y dirigirel trabajo, escribir como fuerón  asignados los temas,incidencias que se presentarón (si algun participante no participo,como se pusierón de acuerdo,como trabajarón).
• EL  INFORME DEBERA DE SER ENTREGADO EN ARCHIVO WORD CON LASIGUIENTE NOMENCLATURA:    coordinador_nombre_apellidopaterno_apellidomaterno_páginasweb_grupo.

2.-Lafunción delpresentador es:

• Presentar a los integrantes del  equipo
• Los Temas  a tratar
• Debera entregar la  lista de cotejo  y la guia de observación  ambos en archivo word con la siguiente nomenclatura:
• presentador_apellidopaterno_apellidomaterno_nombre_páginasweb_grupo.

3.-  LOS  EXPOSITORES  EXPLICARAN LOS TEMAS AUXILIANDOSE DE LOS  DIFERENTES  MEDIOS DIDACTICOS,  PIZARRON,COMPUTADORA, ROTAFOLIOS PERO NO SE PERMITE LEER TODO DEBE DE SER EXPLICADO ANALIZADO.

4.-   En  la expocición deltrabajo  y elaboración de su video deben de estar todos los integrantes del equipo uniformados y sin que falte alguno.

5.- FECHA DE  SUBIDA DE LOS ARCHIVOS  29 DE NOVIEMBRE   AL BLOG  Y SERAN ENTREGADOS  POR ELCOORDINADOR Y PRESENTADOR DE CADA EQUIPO   (SE ENTREGARA AUN CUANDO NO SE SOLICITE)

Introduccion a Dreamweaver

Macromedia Dreamweaver  es  un editor profesional de documentos que nos permite crear páginas  tanto escribiendo directamente el código  HTML  como diseñando  de  forma visual  loselementos. 
En Dreamweaver se  puede  introducir el texto de sus páginas  WEB  insertar  emágenes,  crear  tablas  y asignar formatos.
El  flujo  de trabajo para  la  creqaciñon de un sitio que utiliza  WEB  esta dividido  en etapas como lo  son:
1.-  Planeación del sitio WEB
2.-  Recopilación  de información e imágenes
3.-  Manipulacón y optimización de imágenes en un programa de diseño.
4.-  Creación del  nuevo sitio en Dreamweaver
5.-  Diseño de la  página  Web.
6.-  Integración de contenido en las páginas
7.- Agregar interactividad (navegaciñón)
8.- Prueba y Depuración.

El entorno de trabajo deDreamweaver   se basa en las Barras que contiene el programa como lo son:

• Barra  de Titulo
• Barra de Menús
• Barra de Insertar
• Barra  de  Herramientas del  Dumento
• Barra de Estado
• Ventana del Documento
• Inspector de Propiedades
• Paneles.

Dreamweaver es la mejor forma de iniciar un sitio con un programa adaptado a  vistas  basta con crear tú carpeta donde  se iran colocando los archivos de tu página , después de crear tu carpeta principal es el momento de iniciar  el diseño de la página  aplicando un mismo estilosobre eldiseño de toda la página y su navetgación,  es importante que dentro de Dreamweavertodas laspáginas tengan caracteristicas similares para dar uniformidad y congruencia a tu sition WEB.

Fecha de entrega de las Actividades

LA FECHA DE ENTREGA DE TODAS ESTAS ACTIVIDADES SERÁN  PARA EL DÍA LUNES 8 DE  NOVIEMBRE AL IGUAL QUE EL TRABAJO.SOBRE "FRONTPAGE Y DREAMWEAVER" AMBOS TRABAJOS TANTO CUADERNOS  COMO LOS FOLDERS COLOR VERDE  LOS RECIBIRÁ LA PROFESORA ÁNGELES GODOY ÚNICAMENTE A LAS 7:00 A.M.  DE DICHO DÍA EN SALA DE MAESTROS YA TODOS JUNTOS LOS RECOJERAN EDGAR Y  SERVIN  Y SE LOS ENTREGARAN TODOS JUNTOS A LA PROFESORA , DESPUÉS DE ESTE HORARIO  (FECHA Y HORA) NO SE RECIBIRÁ NADA.

Actividad No. 13

Instrucciones contesta pregunta y respuesta anotandolo en tu caderno.

Cuestionario

1.- ¿Qué debemos escribir para crear un hipervinculo con una página de internet?
2.- Escribe el código para ir al final del documento usando el atributo Name
3.- ¿Qué función realiza  el código  HTML <a href="Archiivo.htm>Boton</a>
4.-¿Cuáles son los objetos de una página Web que puedo utilizar para crear un hipervinculo?
5.-¿Qué es una URL?

Encabezados

Para colocar  Encabezados en las tablas utilizaremos el TAG

<TH> </TH>

Para colocar pequeños encabezados utilizaremos la etiqueta

<CAPTION>   </CAPTION>

Actividad No. 12

Investiga y anota en tu cuaderno  lo siguiente:

¿Podemos cambiar el color de los Hipervinculos? :¿Cómo?

Imágenes de fondo

Se usa para estás imagenes el TAG :

BACKGROUND=URL

Ejemplo:

<HEAD>
<BODY BACKGROUND=limones,jpg>
               <H2> Imagen de fondo </H2>


Hipervinculos

Hay una clasificación de los mismos y son.

1. Internos
2. Externos
3. En una imagen
4. Auna URL
5. Aun correo electronico.

Externo

Etiqueta:

<A HREF=URL>"descripción del vínculo"

Ejemplo:

<BODY>

<H2>  </H2>

<P> páginas favoritas </P>

<HR>

<P><A HREF=http://www.google.com.mx>Google</P>

Interno

Etiqueta:

<AName="nombre de la referencia">

Ejemplo

<HEAD>

<BODY>

           <H2> Indice  </H2>

            <HR>
            <P> <A HREF=#Página principal> Pagina Principal </P>
            <P>< A HREF=# Tema uno> Tema uno</P>
            <HR>
            <P>  <A Name= Página principal > </P>
            <H2> Página principal </H2>
             <HR>
             <P> <img src=Página Principal. jpg ALT="Página principal"align=middle>      
             </P>
             </HR>

                    

Actividad No. 11

Elabora un pequeño resumen de Animación y anotalo en tu cuaderno.

ANIMACION

Para dar animación al texto se utiliza el TAG o etiqueta <MARQUEE>  que nos permite agregarle animación a las imágenes insertadas como todas las etiquetas también cuneta con sus atributos y son:

• behaviour  movimiento scroll
• bgcolor color del fondo del texto
• direction muestra la dirección del movimiento down left right  and up
• height muestra la altura del texto en pixeles o porcentajes
• loop determina el cilco del movimiento del texto.

ejemplo:

<p> <marquee BGCOLOR="green"direction=left></marquee></p>

la etiqueta  anterior mostrara el  texto en verde  con movimiento a la izquierda.

Actividad No. 10

Realiza un pequeño resumen sobre imágenes y anotalo en tu cuaderno con el número de la actividad.

Trabajando con imágenes 2

Imagen

<img src="nombredearchivo.extensión>

src=  es la fuente de donde proviene la imagen y se usan archivos tipo .jpg .gif, .png.  y todos son de formatos de gráficos.

Las imagenes que coloquemos en nuestra página están guardados en  alguna carpeta la cual puede estar dentro de la carpeta de Páginas Web o bien en una sub-carpeta contenida dentro de la de Páginas Web,  en donde la URL  de la imagen será más fácil de escribir y encontrar.
Si la colocamos en una carpeta especial que solo contienen las imágenes  debe de estar dentro de la ruta de las paginas web y quedaría:

<img src=imágenes/foto01.jpg>

Cuando la imagen cueste trabajo visualizarla existe el atributo ALT que nos va a permitir  introducir en nuestra página una descripción de las imagenes.

<img src=URLALT="descripción de la imagen">

<img src=limones.jpg ALT="limones">

Cuestionario Actividad No. 9

Instrucciones:
Contesta en tu cuaderno las preguntas anotando pregunta y después seguido la respuesta indicando el número de actividad a la que corresponde.Las preguntas debes de investigarlas y poner la fuentes de información.

1.- ¿Qué marcadores debe de tener la estructura de una tabla en una página Web?
2.- ¿Cómo podemos establecer color  en el fondo de una tabla?
3.- ¿Cuál es la manera de juntar dos celdas de una fila?
4.- ¿Cómo logras cambiar solo el color de fondo de una celda?
5.- ¿Cuál es la etiqueta para presentar las celdas en una tabla?
6.- ¿Cuál es el atributo rowspan="2"?
7.- Para agregar filas a una tabla ¿qué marcadores vas a utilizar?
8.- ¿Qué función realiza el atributo CELLPADDING, y a que TAG pertenece?