enero



ENERO





LECCIÓN 6


CONOCER:
  • Los principios para desarrollar paginas web
  • El entorno de Dreamweaver
  • Las características y propiedades generales de un sitio web

APLICAR:
  • El uso de principios básicos de programación de la web.
  • Plantillas de trabajo de Dreamweaver.

ACTUAR:
  • Positiva mente y de manera creativa.
  • Siguiendo las indicaciones dados para la elaboración de un proyecto.

HABILIDADES DIGITALES QUE DESARROLLARAS:
  • Identificar  y definir problemas auténticos y preguntas significativas para investigar
  • Demostrar responsabilidad personal para aprender a lo largo de  la vida
  • Entender y usar sistemas tecnológicos de información y comunicación
  • Trasferir el conocimiento existe al aprendizaje de nuevas tecnologías de información y comunicación

 Aprendizajes esperados:
  • Aplicar el uso de plantillas de trabajos.
  • Desarrollar y crear sitios web locales de almacenamiento.
  • Mejorar contenidos de textos y propiedades.
  • Poner en marcha sitios web mediante navegadores. 
 PROCEDIMIENTOS

1.Crea carpeta con el nombre PROYECTO
2.Crea una subcarpeta IMÁGENES
3. Inicia Dreamweaver
4. Dirígete a la ventana principal de Dreamweaver
5. Sitio/ Nuevo sitio
6. Ventana Configuración del sitio para Proyecto
7. Nombre de Sitio/ Proyecto
8. Carpeta del sitio local/ examinar
9.Configuración avanzada/ información local
10. Carpeta predeterminada de imágenes/ carpeta Imágenes
11. Clic casilla Comprobación de vínculos con distinción entre mayúsculas y minúsculas/ Guardar
12.Archivos locales
13.Pantalla principal de Dreamweaver/ archivo
14. Abre Plantillas de inicio, Diseños básicos/ Básica: cuadricula simple/ Crear
15. Clic botón Dividir
16. Clic En vivo/ Barra de herramientas de documentos
17. Clic GRID
18. Escribe Isaac Asimov
19. Formato/ Encabezado 2
20. Cierra Dreamweaver/ abre Microsoft Word/ Isaac Asimov/ Materiales/ Entorno Digital Green Hat
21. Dirígete a Dreamweaver y pega la imagen
22. Copia información del documento Word
23. Selecciona CCS/ negro/ color
24. Plantilla de diseño, sombrea con el mouse el texto
25. Justifica el texto/ Formato/ Alinear/ Justificar
26. Señala opción En vivo
27. Clic Dividir/ barra de herramientas de documento y observa
28. Cierra Dreamweaver






LECCIÓN 7

Dreamweaver-Diseño y estructura web.






CONOCER:
El manejo de enlaces.El uso de códigos en la aplicación de paginas web.

APLICAR:
El uso de hiperestesiares en paginas web.El diseño web en una plantilla.

ACTUAR:
De manera empañica con los demás.Respetuosamente con la opinión de las personas.

APRENDIZAJES ESPERADOS:
Combinar el uso del diseño.
Inserción de imágenes y vídeos en paginas web.
Establecer el uso de enlaces en diferentes paginas web.
Manejar contenidos de texto y propiedad.
Poner en marcha sitios web mediante navegadores.

HABILIDADES DIGITALES QUE DESARROLLARAS:
Identificar y definir problemas auténticos y preguntas significativas para investigar .
Usar múltiples procesos y diversas perspectivas para explorar soluciones alternativos.
Demostrar responsabilidad personal para aprender a largo de la vida.
Trasferir el conocimiento existente al aprendizaje de nuevas tecnologías de información y comunidad. 
PROCEDIMIENTOS

  1. Abre Dreamweaver/ Sitio de trabajo
  2. Sitio/ Nuevo sitio
  3. Nombrarlo Novedades
  4. Carpeta Proyecto/ Lección 7/ Seleccionar carpeta/ Guardar
  5. Ventana principal de Dreamweaver
  6. Abrir un elemento reciente/ Abrir
  7. Carpeta Novedades
  8. Index
  9. Abrir
  10. Index.html, observa su contenido
  11. Clic Style CCS*/ Dividir
  12. Modifica im05-b.jpg/Banner.jpg/Materiales/Entorno digital Green Hat
  13. Index.html/ abrir documentos
  14. Pestaña Diseño
  15. Cambia Texto o contenido por Multitouch
  16. Minimiza Dreamweaver
  17. Abre novedades/ materiales/ entorno digital green hat
  18. Pagina web 1/ Ctrl +C
  19. Regresa a Dreamweaver/ Ctrl+V
  20. Menú insertar
  21. Opción Imagen
  22. Archivo Multitouch
  23. Pestaña Dividir
  24. Área diseño/ clic Mi video/ codigo de pagina
  25. <a href="#">MiVideo</a></Li>/ diseño
  26. Clic en vivo
  27. Cierra navegador/ regresa Dreamweaver
  28. Archivo/ abrir
  29. Plantilla Vídeo/ diseño
  30. Copia Novedades
  31. Modificar Tecnología multitouch/ enlace/ inicio/ inicio
  32. Modo diseño
  33. Menu insertar
  34. Elige HTML
  35. Selecciona Flash SWF
  36. Archivo Vídeo Touch
  37. En vivo
  38. Carpeta Novedades
  39. Clic inicio/Clic Mi Vídeo
  40. Cierra dreamweaver/ novedades

Comentarios

Publicar un comentario

Entradas más populares de este blog

25 herramientas TIC para aplicar el aprendizaje colaborativo

Imagen
25 herramientas TIC para aplicar el aprendizaje colaborativo Cruz Pérez Danna Lizzeth. 1ALQ imagen en PDF Entornos de trabajo Office365 . El entorno colaborativo de Microsoft proporciona un espacio para la creación deminisites, grupos de trabajo, almacenaje en la nube, chat o edición online de documentos, entre otras herramientas útiles para trabajar de forma colaborativa. Zoho . Grupo de aplicaciones web que permiten crear, compartir y almacenar archivos en línea. También incluye chat, videoconferencias, mail, calendario y herramientas de ofimática en línea. Google Apps for Education . Entorno colaborativo enfocado especialmente al ámbito de la educación, en el que se incluyen diversas herramientas de Google que permiten trabajar en línea: Gmail, Google Drive, Google Calendar, Docs o  Sites. Edmodo . Plataforma educativa que permite compartir documentos e información y comunicarse en un entorno privado, a modo de red social. Recursos para comunicarse, debatir y colabo...
Leer más

Junio

Imagen
LECCION 9: CONOCER El diseño de animaciones utilizando Animate. Las partes de la ventana de Animate. Las herramientas para crear una animación y convertirla en video. APLICAR Animación o imágenes. tus conocimientos para crear una animación en Animate. ACTUAR: Creativamente en el uso de la herramienta. Respetando el trabajo de tus compañeros. PROCEDIMIENTOS : adobe animate/ícono correspondiente/animate ventana/crear nuevo action script/archivo/nuevo action script/aceptar archivo importar/escenario avion/materiales/entorno digital green hat abrir observa libro pag 78 herramienta transformación libre ajusta 75% shift+Alt sin soltar dedos/modificar tamaño/coloca dentro mueve imagen fuera del escenario puntero mouse 0 insertar fotograma observa clic derecho  crear interpolacion de movimiento aceptar imagen a la derecha punteado azulado cabeza del final al principio #10 imagen hacia abajo posicion 15 20 arriba seleccion bar...
Leer más

octubre

Imagen
OCTUBRE Tabla PORTAFOLIO DE EVIDENCIAS BLOQUE I Técnica y tecnología TRIMESTRE I SEGUNDO PARCIAL  OCTUBRE 2018 PROF. ANA LAURA HERNÁNDEZ VÁZQUEZ INSTRUCCIONES: PARA CADA UNA DE LAS EVIDENCIAS DEL PORTAFOLIO EL DOCENTE SELECCIONARA LA MAS ADECUADA O SE APEGUE MAS A LA VALORACIÓN DEL DESEMPEÑO ALCANZADO DE CADA ACTIVIDAD. EVIDENCIA NUMERO EVIDENCIA COMPLETA EVIDENCIA SUFICIENTE EVIDENCIA DEBIL NO HAY EVIDENCIA 1.   Libreta (márgenes, ¡vje!, nombre completo, fecha) orden y limpieza. Procedimientos de sus actividades en el centro de cómputo  ( El alumno va generando un reporte de los procedimientos que lleva acabo para la elaboración de actividades  de la  lección 1 y 2). 20% 10 % 5 % 0 % 2.  Abrir  archivo de software e ir haciendo procedimientos del libro pág. 10 a la 12. Continuara en la misma actividad de la pág. 12 a la 14 siguiendo procedimientos. En la misma act...
Leer más