miércoles, 30 de mayo de 2012

Planeacion Quincena

Quincena: 28 de Mayo al 08 de Junio 

E.P: Página Web
P.P: ¿ Cómo se integran imágenes en una página web?
M.C: Diseñar una página web que incluya variedad de imágenes.

Actividad: 

  • Diseñar Una pagina Web que Contenga Una Pagina Principal y Cinco Paginas secundarias
    Tema: Libre

miércoles, 23 de mayo de 2012

Desarollo Actividad


¿Qué es un hipervínculo?
Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links.
Normalmente el destino se puede saber mirando la barra de estado del navegador cuando el ratón esté sobre el hipervínculo.
Dependiendo de cual sea el destino , hacer clic en un hipervínculo puede hacer que ocurran varias cosas. Si el destino es otra página web, el navegador la cargará y la mostrará, pero si el destino es un documento de Word, el navegador nos dará la posibilidad de abrir una sesión de Word para visualizarlo o de guardar el archivo.
Por lo tanto, podemos usar los hipervínculos para conducir a los visitantes de nuestro sitio web por donde queramos. Además, si queremos que se pongan en contacto con nosotros, nada mejor que ofrecerles un hipervínculo a nuestro correo electrónico.
Tipos de hipervínculos.
Existen varios tipos de hipervínculos. Vamos a ver los más usados.
Hipervínculo de texto: Un hipervínculo de texto es un enlace que se encuentra asociado a un texto, de forma que si hacemos clic sobre ese texto, navegamos dónde indique el hipervínculo. Por defecto, cuando creamos un hipervínculo de texto, el texto aparece subrayado y en un color distinto al del texto normal, de forma que el visitante sepa que existe ese enlace. Si volvemos a la página después de visitar el enlace, este aparecerá con otro tono también. Aunque es interesante diferenciar el hiperenlace, es posible que no queramos que aparezca así.


Hipervínculo de imagen: Un hipervínculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que si hacemos clic sobre esa imagen, navegamos dónde indique el hipervínculo. Por defecto cuando creamos un hipervínculo de imagen, la imagen aparece rodeada de un borde con un color llamativo para que el visitante sepa que existe ese enlace.¿ Como se crean Hipervínculos ?
  1. Seleccione el texto o la imagen que desee mostrar como hipervínculo.
  1. En la ficha Insertar, dentro del grupo Vínculos, haga clic en HipervínculoImagen del botón.
También puede hacer clic con el botón secundario del mouse (ratón) en el texto o en la imagen y, a continuación, hacer clic en Hipervínculo en el menú contextual.
  1. Siga uno de estos procedimientos:
  • Para crear un vínculo a un archivo o página Web existente, haga clic enArchivo o página Web existente dentro de Vincular a y, a continuación, escriba la dirección a la que desea vincular en el cuadroDirección. Si no conoce la dirección de un archivo, haga clic en la flecha de la lista Buscar en y, a continuación, localice el archivo que desea.
  • Para crear un vínculo a un archivo que no se ha creado aún, haga clic en 
    Crear nuevo documento en Vincular a, escriba el nombre del archivo en el cuadro Nombre del nuevo documento y, a continuación, en Cuándo modificar, haga clic en Modificar documento nuevo más adelante o Modificar documento nuevo ahoraURL : office.microsoft.com/.../crear-un-hipervinculo
DREAMWEAVER
  • Hojas de estilo y capas
  • Javascript para crear efectos e interactividades
  • Inserción de archivos multimedia...

Manual de Dreamweaver 2
Manual de Dreamweaver 3
Dreamweaver Ultradev
Por otra parte, los hipervínculos pueden referirse a páginas del mismo sitio web o de otros sitios web.
Hipervínculo local o internoUn hipervínculo local o interno es un vínculo a una página que se encuentra en el mismo sitio web (sitio local). Así, para referirnos a ella tan solo basta con poner la ruta o dirección en el disco duro. Si se encuentra en la misma carpeta, basta con poner su nombre.
Por ejemplo, supongamos que tenemos un vínculo desde esta página a otra llamada curso que está en la carpeta access . El vínculo sería: access/curso.htm
Hipervínculo externo : Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completa de la página incluido http://www....
Hipervínculo a una dirección de correo electrónico: Un hipervínculo a una dirección de correo electrónico es un vínculo que contiene una dirección de correo. Al pulsar en él, automáticamente se abre el programa de correo que tenga el usuario instalado para poder escribir a esa dirección de correo.


Existen diferentes clases de rutas de acceso a la hora de definir los vínculos.
Referencia absoluta: Conduce a una ubicación externa al sitio en el que se encuentra el archivo. La ubicación es en Internet, es decir toda la url identificativa del archivo en la red. Los hipervínculos externos siempre deben tener una referencia absoluta. Por ejemplo: "http://www.ecomur.com". Los hipervínculos internos pueden tener referencia absoluta o relativa. Por ejemplo: "http://www.deciencias.net/disenoweb/elaborar/graficos.htm" o "graficos.htm"
Referencia relativa (al sitio o al documento): La referencia relativa al sitio conduce a un archivo situado dentro del mismo sitio que el documento actual partiendo del directorio raiz y al documento conduce a un archivo situado dentro del mismo sitio que el archivo actual, pero partiendo del directorio en el que se encuentra el actual.
Se emplea más por ser menos engorrosa la relativa al documento. Pero hay que tener muy presente la estructura del sitio en carpetas y subcarpetas y los niveles de organización de los archivos:
Ejemplo: (al documento): " ../index.htm "; (al sitio): " disenoweb/index.htm"
Referencia a una parte de un documento: Conduce a un punto dentro de un documento, ya sea dentro del actual o de otro diferente. Primero debemos definir un punto de fijación, anclaje o marcador. El punto se define dentro de un documento con el cursor en el lugar exacto a través del menú Insertar , opción Anclaje con nombre (DW) o Marcador (FP).
Después colocar el vínculo:" #nombre_anclaje" (misma página)
" nombre_documento#nombre_anclaje" (distinta página).                         


Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobretodo en lo que a productividad se refiere.
Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar:
Además es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras compañias, para realizar otras acciones más avanzadas.
En resumen, el programa es realmente satisfatorio, incluso el código generado es de buena calidad. La unica pega consiste en que al ser tan avanzado, puede resultar un poco difícil su manejo para personas menos experimentadas en el diseño de webs.
Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para la creación de páginas dinámicas de servidor en ASP, con acceso a bases de datos (versión Ultradev) y una mayor integración con otras herramientas de Macromedia como Fireworks.
Referencias
Este programa se puede descargar desde el web de macromedia www.macromedia.com, es una versión limitada en el tiempo, pero suficiente para enterarse bien si es el programa que andabamos buscando.
Dispone de muy buena documentación, la ayuda del propio programa y la documentación que se puede descargar del sitio de Macromedia, en la dirección www.macromedia.com/support/dreamweaver/
Por otra parte, también Macromedia tiene unos manuales muy amplios sobre sus programas. Se pueden descargar e imprimir.


CREAR Y EDITAR TABLAS CON DREAMWEAVER


I.- EDITAR TABLAS EN VISTA ESTÁNDAR (Por defecto la página se abre en vista estándar)
A.- CREAR UNA TABLA1.- Para insertar una tabla en un documento de Dreamweaver, llevar a término una de estas operaciones:
a) Situar el punto de inserción en el lugar de la ventana de documento donde se desea que aparezca la tabla - Insertar - Tablab) En la barra Insertar hacer clic en el botón Insertar Tabla de la ficha Comúnc) Con el puntero del ratón arrastrar el botón Insertar Tabla desde la ficha Común en la barra Insertar hasta la posición deseada en la ventana de documento
2.- En estas tres operaciones aparecerá siempre el cuadro de diálogo Insertar tabla :a) En el campo Filas, especificar el número de filas de la tablab) En el campo Columnas, especificar el número de columnas de la tablac) En el campo Relleno de celda, especificar el número de píxeles que habrá entre el contenido de la celta y el límite de ésta. El número predeterminado de relleno es 1 píxel. Introducir 0 para especificar que no se desea rellenod) En el campo Espacio entre celdas, especificar el número de píxeles que debe haber entre las celdas de la tabla. El valor predeterminado es 2 píxeles. Introducir 0 para especificar que no se desea espaciadoe) En el campo Ancho, especificar el ancho de la tabla como porcentaje de la ventana del navegador o como un número de píxelesf) En el campo Borde, especificar el ancho en píxeles del borde de la tabla. Poner 0 si no se desea que la tabla tenga borde


URL :

Planeacion Quincena 14 al 25 de mayo

Eje problemico: Pagina web
Pregunta Problematizadora: ¿ Qué son y cómo se crean tablas en una página web?
Meta de comprensión: Diseñar tablas en una página web.

Actividad: 
¿ Qué son hipervínculos y tablas en Dreamweaver?
¿ Cómo se crean hipervínculos ?
(Incluir imágenes y URLS consultadas)

miércoles, 2 de mayo de 2012

Planeacion Quincena!

Quincena del 30 de abril al 11 de mayo
Eje Problemico: Páginas web
Pregunta Problematizadora: Cómo se crean hipervínculos en una página web
Meta de comprencion: Diseña hipervínculos en página web

Actividad:
1. Diseñar una página web ( A nivel local) utilizando el programa Dreamwever.
Tema: Spiderman