SANTIAGO DE CALI

AREA: TECNOLOGIA E INFORMATICAPROYECTO DE AULA

PERIODO 3 GRADO 11- EQUIPO Nº _____

DOCENTE: ESP. GUILLERMO MONDRAGON CASTRO

LICEO DEPARTAMEN

TAL

Versión: 01 Fecha: Página Código:

ESTÁNDAR BÁSICO DE COMPETENCIA: CTS-Apropiación y uso de la tecnología

Tengo en cuenta principios de funcionamiento y criterios de selección, para la utilización eficiente y segura de artefactos, productos, servicios, procesos y sistemas tecnológicos de mi entorno.

COMPETENCIAS BÁSICAS:

-- Utilizo adecuadamente herramientas informáticas de uso común para la búsqueda y procesamiento de la información y la Comunicación de ideas.

COMPETENCIAS CIUDADANAS:

- Contribuyo a que los conflictos entre personas y entre grupos se manejen de manera pacífica y constructiva mediante la aplicación de estrategias basadas en el diálogo y la negociación.

COMPETENCIAS LABORALES GENERALES:- Diseño algunos modelos tecnológicos que apoyan el desarrollo de tareas y acciones.

I.LOGRO ESPERADO:Definir, conocer y crear una página WEB utilizando el programa Publisher del paquete de office tomando un tema de referencia específico.

II.INDICADORES DE LOGRO1. Ser :

Honestidad, Respeto, Responsabilidad2. Saber:

PARTICIPANDO DEL CONOCIMIENTO NOS VAMOS APROPIANDO

Conoce lo referente a una relatoría, ensayo, página Web, sitio Web, HTML (programación)

Aplica los pasos para elaborar una página WEB utilizando Publisher.

3. Hacer: desarrolla el plan de aula, resuelve los talleres y las prácticas propuestas

Lee y Consulta en equipo*Elabora una relatoría de manera individual sobre: lecturas páginas Web, lenguaje de programación para paginas web html y diseño de página Web en Publisher con letra arial 12; utilizando normas icontec, dicha actividad debe subir a la wiki*Elabora un ensayo de manera individual- original sobre los derechos de autor.Lo envía al correo electrónico gmondragon64@gmail.comElabora un blog*Elabora una página web en JIMDODebe hacerlo tomando el tema de referencia

4. Convivir: Respeta las opiniones de las otras personas, fomenta la cultura Ciudadana.

Asume una actitud de respeto en el uso de las direcciones

Electrónicas.

III. GRUPO TEMÁTICO: INFORMATICA APLICADA1. Relatoría - ensayo2. Internet3. ¿Cómo evaluar un sitio Web?4. Página WEB5. Lenguaje de programación para páginas Web 6. Diseño de una página Web con Publisher7. Respeto por la diferencia8. Relaciones interpersonales9. Análisis de situaciones personales

IV. ACTIVIDADES PEDAGÓGICAS:1. Desarrollo del proyecto y del plan de aula2. Lectura, análisis individual y grupal de los documentos propuestos3. En la sala de sistemas equipos de 2-3 personas (diseño)4. Crear cuenta de correo de google y utilizarla enviando los informes de manera puntual (cuenta personal)5. Manejo de tic (tecnología de información y comunicación)

V. MATERIAL DIDÁCTICO:1. Proyecto y plan de aula2. Lecturas sugeridas y recomendadas3. Saberes de las y los participantes4. Medios telemáticos (computador, Internet)5. Documentos, textos, libros6. Material magnético nuevo ( CD ), memoria USB7. Puede adquirir el material en la fotocopiadora ( no olvide llevarlo a la sala de sistemas).

VI. CRITERIOS DE EVALUACION:Desempeños académicos: (solución de problemas, cumplimiento escolar, uso adecuado de las tic), desempeños sociales: (trabajo en equipo, conservación del medio ambiente, liderazgo), desempeños personales: (asistencia, presentación personal, disposición al trabajo)

ESTRATEGIAS PEDAGÓGICAS DE APOYODEBILIDADES EN EL PROCESO FORMATIVO: (Para la superación del desempeño bajo)

- Aclaración de dudas surgidas en el desarrollo del temaAsignación de talleres de refuerzo Sustentación del tallerEvaluación teórico, práctica (repechaje)Ejercicio y práctica personalizada utilizando el computador.

ACTIVIDADES ESPECIALES DE MOTIVACIÓN:

- Asignación del proyecto de profundizaciónConsulta y sustentación de algunas temáticas que aborden el contenidoElaboración de una pagina web y colgarla en un lugar (hosting)Sustentación del proyecto ante un auditorio teniendo en cuenta el manejo del tema, profundidad de la investigacion, calidad del orador.

REFERENCIAS BIBLIOGRAFICAS

Tiznado S., Marco Antonio, Password procesos creativos 10, Editorial MCGraw- Hill, Santafé de Bogotá, 1997.El Tiempo, Práctico curso de informática e Internet.Candau, Debbie, Intel Educar para el futuro, adaptado para COLOMBIA, primera reimpresión febrero de 2006.

Webgrafia o cibergrafiahttp://www.flashvortex.com/ Para crear los bannerhttp://goanimate.com para crear animaciones web 2.0Jimdo.com para creación de pagina webLive stream Para hacer transmisionesUstream

*Guía de front page en pdfVideos tutorialeshttp://www.aula21.net/ Serie clic curso completo.

LA RELATORÍA

La relatoría es un texto escrito de mínimo 3 páginas y máximo de 5, donde el autor o los autores presentan un texto a partir de las lecturas realizadas. Esta modalidad exige un tiempo de trabajo que le beneficiará.Los objetivos de la relatoría, respecto a usted como estudiante, son:

1. Construir su texto escrito sobre la temática expuesta.2. Desarrollar habilidades comunicativas en los campos de la lectura y la

escritura.3. Desarrollar su capacidad de reaccionar intelectualmente ante una

temática expuesta.Al construir el texto escrito elabórela siguiendo la secuencia pedida a continuación, no es necesario titular cada paso.

ESTRUCTURA

No ASPECTOS A EVALUAR CRITERIOS DE EVALUACIÓN

1.INTRODUCCIÓN:En esta parte el lenguaje es de tipo informativo.

Citar el tema y/o documento sobre el cual va a centrar la reflexión.

Enunciar el objetivo de su relatoría.

2. SÍNTESISEn esta parte el lenguaje es de tipo informativo.

Es primordial rescatar fielmente los planteamientos más importantes de la guía.

Es una síntesis que refleja el tema del ponente.

Es Comprensión interpretativa de lo literal.

No es pertinente introducir ideas propias.

3.

REACCIÓN INTELECTUALEsta parte de la relatoria es la producción intelectual del estudiante participante, de sus puntos de vista sobre la temática, situación que se plasma en la construcción de un texto.

Son reflexiones personales derivadas de la interpretación de la guía y la relación hecha entre la teoría y la aplicación en el contexto de su trabajo, como estudiante.

Se plasman las ideas nuevas o cuestionamientos que surgieron.

FORMA

1.COHESIÓNADECUACIÓN DEL TEXTO

Relación lógica entre las ideas planteadas en el texto.

Secuencia lógica.

2. USOS LEXICALES Ortografía Palabras adecuadas Ideas completas.

3. BIBLIOGRAFÍA Referencia a los textos trabajados.

GRADO 11 - LECTURASPAGINA WEB

Es un documento que permite el manejo de textos, imágenes, sonidos, videos, etc., con el fin de emitir un mensaje.

Una página es un hiperdocumento que se le pueden ingresar muchos elementos, se visualiza en Internet.

Sitio Web: es un conjunto de páginas Web.

Para colocar una página en la Web se puede hacer mediante 2 opciones: gratuita y con pago.

1. Hay empresas que publican una página de forma gratuita.2. mediante pago: se realiza una suscripción a una empresa prestadora

de asistencia en el servicio de la Web y como parte del servicio ellas cuelgan una página Web de un número limitado de páginas.

Programas para diseño de páginas Web:

Word, FrontPage, dreamweaber, Publisher, god live, composer FrontPage y Publisher viene con office, el office Premium viene con FrontPage.Para desarrollar elementos en la página Web resulta útil apoyarse en otros programas para que el producto quede mejor acabado. Apoyarse por ejemplo en coreldraw - ilustration o free mand

Para incluir efectos dinámicos se pueden utilizar programas como: flash macromedia, 3d estudio max, animador, autovision.

Paginas con imágenes se trabajan con programas de edición de imágenes como: photo paint, photo Draw, etc.

Los buscadores son recursos para difundir páginas Web, son buscadores: www.google.comwww.altavista.comwww.yahoo.com

Clasificación de páginas Web:.com comerciales.org organización .co Estatales .es PAUTAS PARA CREAR UN SITIO WEB

Se deben tener en cuenta1. objetivo: permite trabajar de manera eficaz como para que se crea,

porque, como se realiza2. a quien va dirigido: es decir el tipo de público, si este es infantil,

juvenil, técnico, profesional, etc.De acuerdo al público se implementarán herramientas específicas como: modas, lenguaje.

3. proveer la información exacta4. nunca utilice textos o imágenes que estén reservadas a una empresa5. estética: es importante cautivar la mirada del observador

Partes de una pagina WEB

home page : es la página de entrada y esta incluye

1. área de titulo:Comprende nombre de la empresa, el logo o logotipo, nombre de la

Persona, puede ir una imagen o un banner.

El logo es solo un icono, logotipo es icono mas texto, banner son avisos donde se intercambian imágenes y textos.

Normalmente debajo del banner van unas franjitas denominadas vínculos.

2. área de vínculos: aquí pueden aparecer:textosimágenesbotonesimágenes + texto

Su función es permitir acceder a más información, puede ser en dirección horizontal o vertical.

3. cuerpo de páginaPuede incluir algunos de los siguientes aspectos: textos explicativos o imágenes tipo catalogo, galería o propaganda publicitaria.

4. área de vínculo, tipo texto

En el área de los vínculos pueden aparecer empresas que quieren pautar en la página Web que se exhibe.

Lenguaje de programaciónpara páginas Web

HTML

Índice1. Introducción2. Que es el HTML

3. Orígenes del HTML4. Creación de páginas Web con lenguaje HTML5 Como insertar una imagen

6. conclusión

1. Introducción

El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la información sino que también se puede publicar. ¿Y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo.Para que varias personas se comuniquen es necesario que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML.

2. Que es el HTML

El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la WWW (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .htmlEstos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.3. Orígenes del HTML

1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML. 1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones

Nucleares presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas que conectadas por redes basadas en TCP/IP.1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que más tarde se llamará nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web. 1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo (http://info.cern.ch). 1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.

4. Creación de páginas Web con lenguaje HTML

Para crear una página Web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft FrontPage o el Macromedia Dreamweaver. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.5. Como insertar una imagenA la hora de crear una página Web podemos introducir gráficos de forma muy sencilla, sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG.

Una vez que terminamos de escribir todo nuestro documento, lo guardamos poniéndole un nombre, y necesariamente lo debemos guardar con la extensión .HTM o .HTML.

6. ConclusiónSin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos. El lenguaje de HTML abrió una puerta al mundo permitiéndole a las

personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos personales y el número de tarjeta de crédito y en ocho días lo tenemos en nuestra casa.Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación.

DISEÑO DE PAGINA WEB CON PUBLISHER

Debes crear la carpeta, ejemplo: Sergio- Ramírez, subcarpeta ejemplos- estudiantes, dentro de ella la subcarpeta: sitio- Web- estudiantes-multimedia.

PASO 1: COMO USAR EL ASISTENTE DEL SITIO WEB

1. inicia el Publisher2. mira el panel del asistente, haz clic en sitios Web( haz doble clic en el

sitio que has elegido)3. clic en insertar página si decidiste más de una página4. clic en relleno y sonido de fondo y elige la opción5. si deseas barra de exploración (las barras de navegación

proporciona vínculos a las otras páginas de tu sitio). 6. si deseas algún tipo de formulario, haciendo clic en la opción

seleccionada7. clic en combinaciones de colores y elige la que prefieras8. clic en combinaciones de fuentes y elige la deseada9. puedes cerrar el asistente haciendo clic en la cruz del borde superior

derecho del mismo10.puedes volver al asistente en cualquier momento, haciendo clic en el

menú formato y luego seleccionas opciones de sitios Web11.en el menú archivo, haz clic en guardar como 12.encuentra tu carpeta del programa. Abre la carpeta ejemplos –

estudiantes. Abre la carpeta sitio- Web estudiantes 13.en el cuadro nombre de archivo, escribe un nombre para tu

documento. Publisher automáticamente agrega la extensión .pub.14.haz clic en guardar

Como añadir páginas adicionales al sitio Web

1. en el menú insertar, haz clic en página2. comando tipo de páginas disponibles cuando quieres cambiar el tipo

de página por otra distribución, haz clic en una distribución 3. ver mas opciones

4. debajo de opciones, haz clic en duplicar todos los objetos de la página 1

5. si deseas que un botón de la página principal vincule esta nueva pagina, selecciona agregar hipervínculo a la barra de exploración de Web

6. haz clic en aceptarnota: la barra de exploración Web solo admite 10 páginas

Como cambiar el titulo de la página Web1. en la barra de estado de la parte inferior de la pantalla , haz clic en el

icono de la página 1 para regresar a la página 12. haz clic en titulo de la página principal en la parte superior de tu

página Web.3. en la barra de estado, haz clic en el icono página 2 para ir a al página

24. haz clic en el cuadro de texto titulo ubicado en la parte superior de la

página2. digita un titulo apropiado.5. guarda tu publicación cada 15 minutos

Como agregar un formulario1. haz clic en formato y luego en opciones de sitio Web2. selecciona el formulario deseado3. Publisher elabora automáticamente una nueva página con el

formato de un formulario4. completa los campos del formulario5. haz doble clic en enviar para indicar a que correo electrónico

serán enviadas las respuestas , inscripciones o pedidos ( como editar el código HTML de un formulario de respuestas)

6. en el cuadro de dialogo propiedades del botón de comando, haz clic en propiedades de formulario y luego en enviar datos por correo electrónico

7. en el cuadro enviar datos a esta dirección de correo electrónico, escribe la dirección de correo electrónico a la que deseas que sean enviados los formularios.

8. en el cuadro asunto del mensaje del correo electrónico, cambia el mensaje si lo deseas.

9. haz clic en aceptar10. aceptar11. guarda tu publicación.

PASO 2: COMO REALZAR UN SITIO WEB

Demasiados sonidos e imágenes pueden distraer la atención y provocar lentitud al cargar el sitio.Recuerda cumplir con las normas legales sobre derechos de autor y marcas; incluye las fuentes bibliográficas si fuese necesario y guarda tu trabajo con frecuencia.

Como agregar marcos al texto

1. oculta el asistente2. en la barra de herramientas de objetos de la izquierda, haz clic en

( instrumento marco de texto)

3. dibuja un cuadro de texto. Arrastra el cuadro diagonalmente hasta donde deseas que termine tu texto.

4. haz clic en cualquier parte del cuadro de texto para activar el modo edición

5. cambia el estilo del texto si lo deseas y comienza a digitar tu texto

Como crear hipervínculos

Como crear un hipervínculo a otra pagina de un sitio Web1. selecciona una imagen o un bloque de texto que te gustaría vincular

a otra página en tu sitio o a otra dirección de Internet.2. en el menú insertar, haz clic en hipervínculo, o haz clic en el botón

insertar hipervínculo de la barra de herramientas.3. en el cuadro de dialogo insertar hipervínculo, haz clic en lugar de este

documento.4. especifica la página apropiada5. clic en aceptar6. guarda tu publicación

Como crear vínculos a Internet

Como elaborar un vínculo para una parte del texto:1. selecciona el texto que quieres vincular a otro sitio de Internet2. en insertar, haz clic en hipervínculo, o haz clic en el botón insertar

hipervínculo de la barra de herramientas.3. clic en archivo o página Web existente.4. al lado de dirección pega o escribe la dirección URL en el cuadro

habilitado5. clic en aceptar 6. los textos subrayados por lo general indican la presencia de un

hipervínculo.

Como crear un hipervínculo a una dirección de correo electrónico

1. haz clic en la imagen o selecciona el texto que quieras vincular a la dirección de correo electrónico. Cuando alguien selecciona este vinculo en Internet, se inicia el programa de correo electrónico de esa persona con tu dirección de correo electrónico en el campo para.

2. en insertar, haz clic en hipervínculo o haz clic en el botón insertar hipervínculo de la barra de herramientas

3. en el Cuadro de diálogo insertar hipervínculo haz clic en dirección de correo electrónico

4. escribe la dirección de correo electrónico5. escribe asunto, si deseas que los mensajes te lleguen con un

asunto determinado6. aceptar7. guarda

Como crear un vínculo para un archivo:Si deseas que los visitantes solamente lean el documento, necesitas guardarlo como una pagina WEB.

Como crear un vinculo a un documento de Microsoft Word o Excel

1. abre el documento

2. en archivo, haz clic en guardar como página Web 3. guarda el archivo en la misma carpeta que tu sitio WEB4. vuelve a tu página. selecciona el texto o la imagen que

quieres vincular al documento5. en insertar, haz clic en hipervínculo o haz clic en el botón

insertar hipervínculo, en la barra de herramientas estándar.6. en vincular a, haz clic en archivo o pagina WEB existente 7. examina para encontrar el archivo apropiado y haz clic en

aceptar.

PASO 3: COMO USAR EL VERIFICADOR DE DISEÑO

1. en el menú herramientas, haz clic en el verificador de diseño2. haz clic en todas. Para verificar páginas especificas, haz clic

en páginas, y digita los números de páginas en los cuadros desde y hasta

3. haz clic en aceptar4. Publisher verifica el diseño y abre un cuadro de dialogo si

encuentran algún problema5. si deseas solucionar el problema, ve a la publicación y haz los

cambios6. haz clic en cerrar.

PASO 4: VISTA PREVIA DE UN SITIO WEB

1. en el menú archivo, haz clic en vista previa de páginas WEB.2. en el cuadro de diálogo vista previa de páginas Web, haz clic en sitio

Web para tener la vista previa de todas las páginas de tu sitio WEB 3. verifica todos tus vínculos para asegurarte que funcionan

correctamente.

PASO 5: COMO GUARDAR UN SITIO WEB

Antes de cargar tu sitio Web a Internet, primero guárdalo como un archivo de Publisher. Este permite editarlo y hacerle cambios. Cuando hayas terminado, guarda tu sitio Web como una página Web.

Como guardar como un archivo de Publisher

1. guarda tu sitio Web como un archivo de Publisher en tu carpeta de página Web

2. en el menú archivo, haz clic en guardar.3. encuentra tu carpeta del programa. Abre tu carpeta de

ejemplos estudiantes. Luego abre tu carpeta sitio Web- estudiantes

4. digita un nombre para tu sitio Web5. haz clic en guardar.

Como guardar como una pagina Web

Guárdala una última vez como un archivo de Publisher, ya que el formato HTML no puede ser editado en Publisher.

1. en el menú archivo, haz clic en guardar como página Web. Encuentra tu carpeta del programa. Abre tu carpeta ejemplos- estudiantes. Abre tu carpeta sitio- Web- estudiantes

2. haz clic en guardar3. si deseas verificar que los vínculos de tu presentación power point

funcionan, abre MI PC o Microsoft Windows Explorer, y luego haz doble clic en el index de tu carpeta de páginas WEB.