36
Publicación de Documentos Electrónicos en la Red OTEM 402 Universidad del Este, Universidad Metropolitana, Universidad del Turabo © Sistema Universitario Ana G. Méndez, 2007 Derechos Reservados Prep. 1 de julio de 2007 Profa. Rosa A. Ortiz Rodríguez

Modulo OTEM 402

Embed Size (px)

DESCRIPTION

Modulo de la clase de OTEM 402 de la Universidad del Turabo

Citation preview

Page 1: Modulo OTEM 402

Publicación de Documentos Electrónicos en la Red

OTEM 402

Universidad del Este, Universidad Metropolitana, Universidad del Turabo © Sistema Universitario Ana G. Méndez, 2007 Derechos Reservados

Prep. 1 de julio de 2007

Profa. Rosa A. Ortiz Rodríguez

Page 2: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 2

TABLA DE CONTENIDO

PRONTUARIO--------------------------------------------------------------------------------------------------------- 3

TALLER UNO --------------------------------------------------------------------------------------------------------- 7

TALLER DOS---------------------------------------------------------------------------------------------------------10

TALLER TRES -------------------------------------------------------------------------------------------------------13

TALLER CUATRO --------------------------------------------------------------------------------------------------15

TALLER CINCO -----------------------------------------------------------------------------------------------------18

ANEJOS ---------------------------------------------------------------------------------------------------------------21

ANEJO A --------------------------------------------------------------------------------------------------------------22

TALLER 1: EJERCICIOS HTML

ANEJO B --------------------------------------------------------------------------------------------------------------27

DEFINICIONES - TIPOS DE ENLACES (HIPERVÍNCULOS)

ANEJO C --------------------------------------------------------------------------------------------------------------29

EJERCICIOS PARA PREPARAR EN EL FORMATO HTML

ANEJO D --------------------------------------------------------------------------------------------------------------32

EJERCICIOS PARA IMPORTAR Y EXPORTAR DOCUMENTOS DE UN PROGRAMA A OTRO

Page 3: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 3

Prontuario

Título del Curso: Publicación de Documentos Electrónicos en la Red Codificación: OTEM 402 Duración: Cinco semanas Prerrequisitos: OTEM 202, OTEM 401 Descripción:

El curso está diseñado para desarrollar las destrezas y los conocimientos

necesarios para generar estructuras de contenido textual y de imagen, que se

muestren en forma eficaz en la Web. El estudiante utilizará los principios de diseño y

una variedad de técnicas para producir páginas comerciales y profesionales.

Objetivos Generales Al finalizar el curso, el estudiante estará capacitado para:

1. Aplicar los conceptos y los elementos básicos para crear documentos en el

lenguaje de hipertexto.

2. Definir y describir los seis pasos del desarrollo de una página Web y el propósito

de hipertexto.

3. Identificar la audiencia, trazar el contenido y la estructura para planear la página

y la navegación.

4. Preparar gráficas en un programa de aplicaciones para éstas.

5. Importar y exportar documentos de un programa de aplicaciones hacia otro.

6. Identificar y utilizar los códigos HTML (Hypertext Markup Language) lenguaje de

hipertexto para colocar la página.

7. Utilizar el programa de búsqueda correspondiente para ver su documento.

8. Demostrar dominio de las técnicas esenciales para el diseño de páginas Web.

9. Diseñar páginas con contenido textual, gráfico y auditivo, con enlaces a otras

páginas en la red para colocar las páginas en la Web.

10. Demostrar valores éticos en el manejo de la información y los derechos de autor

aplicables a documentos preparados para la publicación.

Page 4: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 4

11. Demostrar destrezas para trabajar en grupo, respetar las decisiones y

aportaciones de los miembros.

Textos y Bibliografía Shelly, G. B., Cashman, T. J. and Koseba, L. A., (2002). Web Design. Mexico:

Thomson.

Web Site http://www.mycourse.com

http://www.amigar.com/gente/

http://www.pstcc.edu

http://www.creatupropiaweb.com/

http://es.geocities.yahoo.com/

http://www.ijijiji.com/

http://www.comocreartuweb.com/

http://www.myspace.com/

http://www.facebook.com/

Biblibliografía Heffferin, Linda, Weixel, Suzanne, Bucki, Lisa & Wempen Fíate, (2003). Learning Microsoft Office XP Advanced Skills An Integrated Approach. New York. DDC

Publishing.

Shuman, J. E., (2001). Multimedia Concepts. Mexico: Thomson.

Vanhuss, S. H., Forde, C., and Woo. D. L. Woo, (2003). Integrated Applications, New

York: Thomson South-Western.

Weaver, C. and E. Rainville, (2003). Microsoft FrontPage. New York: DDC

Publishing.

Materiales Pen Drive para grabar sus documentos y sobre manila para guardar los documentos

preparados diariamente.

Page 5: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 5

Evaluación:

Examen Número Contenido

1 (Taller 3)

Diseñar documentos HTML (lenguaje de

hipertexto) en los programas de

aplicaciones Microsoft Word, Excel

PowerPoint y Publisher.

2 (Taller 4) Crear y diseñar una página Web siguiendo

los seis pasos para el desarrollo de éstas

de un tema o asunto en específico.

Final (Taller 5)

Diseñar una página Web comercial y

aplicar los formatos multimedia (texto,

gráficas, sonido animación) y enlaces para

su publicación en la Web.

Portafolio (Taller 5) Entregar Portafolio de los diversos

documentos producidos durante los cinco

talleres.

Descripción de las normas del curso:

1. La asistencia es obligatoria. El estudiante debe excusarse con el/la facilitador(a),

si tiene alguna ausencia y reponer todo trabajo. El/la facilitador(a) se reserva el

derecho de aceptar la excusa y el trabajo presentado y ajustar la evaluación,

según entienda necesario.

2. Las presentaciones orales y actividades especiales no se pueden reponer, si el

estudiante presenta una excusa válida y verificable (ej. médica o de tribunal), se

procederá a citarlo para un examen escrito de la actividad a la cual no asistió.

3. Este curso es de naturaleza acelerada y requiere que el estudiante se prepare

antes de cada taller según especifica el módulo. Se requiere un promedio de 10

horas semanales para prepararse para cada taller.

4. Debido a que es un curso de redacción, el/la facilitador(a) podrá requerir al

participante que re-escriba cualquier trabajo.

5. Se espera un comportamiento ético en todas las actividades del curso. Esto

implica que TODOS los trabajos tienen que ser originales y que de toda

Page 6: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 6

referencia utilizada deberá indicarse la fuente, bien sea mediante citas o

bibliografía. No se tolerará el plagio y, en caso de que se detecte casos del

mismo, el estudiante se expone a recibir cero en el trabajo y a ser referido al

Comité de Disciplina de la institución. Los estudiantes deben observar aquellas

prácticas dirigidas a evitar incurrir en el plagio de documentos y trabajos.

6. Si el/la facilitador(a) realiza algún cambio, deberá discutir los mismos con el

estudiante en el primer taller. Además, entregará los acuerdos por escrito a los

estudiantes y al Programa.

7. El/la facilitador(a) establecerá el medio y proceso de contacto.

8. El uso de teléfonos celulares está prohibido durante los talleres.

9. No está permitido traer niños o familiares a los salones de clases.

10. Los estudiantes que reciban servicios de Rehabilitación Vocacional deben

comunicarse con la profesora al inicio del semestre para planificar el acomodo

razonable y equipo asistido necesario conforme a las recomendaciones de la

Vicerrectoría de Desarrollo y Retención. También aquellos estudiantes con

necesidades especiales que requieren de algún tipo de asistencia o acomodo en

cualquier aspecto del curso, deben comunicarse con su profesora. El estudiante

con necesidades especiales deberá consultar con su profesor en caso de

necesitar evaluación diferenciada debido a su necesidad particular.

11. Todo estudiante es responsable de cumplir con las normas académicas y

administrativas de la institución que están disponibles en la Vicerrectoría de

Asuntos Estudiantiles, incluyendo el reglamento de estudiantes.

Page 7: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 7

Taller uno Objetivos específicos Al finalizar el taller, el estudiante podrá: 1. Trabajar con la tecnología de hipertexto.

2. Distinguir los términos hipertexto, hipermedia y multimedia.

3. Preparar ejercicios en el formato HTML en los programas de aplicaciones Word,

Excel, PowerPoint & Publisher.

4. Aplicar elementos de los programas de aplicaciones antes mencionados en páginas

Web: background, theme, web bullets, graphics lines, grahics object (picture, chart,

animations), web page titles, autoshapes.

5. Utilizar la aplicación de hipervínculos (llamados también enlaces) hyperlink para

conectarse entre documentos.

6. Utilizar las aplicaciones: save as a web page, web page preview, open as an HTML

document, para estar seguro que el documento está correctamente completado en

el formato HTML.

Direcciones electrónicas http://www.scsite.com/web/ch1/webinfo.htm (en esta dirección podrá encontrar

información importante del capítulo 1 del libro que se recomienda como texto).

Shelly, G. B., Cashman, T. J. and Koseba, L. A., (2002). Web Design. Mexico:

Thomson.

http://www.desarrolloweb.com/articulos/711.php

http://www.unav.es/cti/manuales/HTML/indice.html

http://www.hipertexto.info/documentos/hipermedia.htm

http://www.ccim.be/ccim328/htmlsp/Htminter.htm

Estas direcciones te informan detalladamente el formato HTML y las diferencias entre

los conceptos hipertexto, hipermedia y multimedia.

http://www.cec.uchile.cl/~roroman/pag_1/Pag_web.htm

http://www.onu.org.do/instraw/practica/index.html

Libros: Weixel, Susanne. Learning Microsoft Word 2003. Pearson Prentice- DDC Publishing.

Stevenson Nancy. Learning Microsoft Ofiice PowerPoint 2003. Pearson Prentice Hall -

DDC.

Page 8: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 8

Fulton, Jennifer. Learning Microsoft Office Excel 2003. Pearson Hall -DDC

Tareas a realizar antes del Taller uno

Instrucciones:

1. Buscar información sobre los conceptos hipertexto, hipermedia y multimedia.

2. Preparar los ejercicios del Apéndice A.

3. Estas tareas se entregarán al facilitador en el Taller I.

Actividades 1. El facilitador explicará los requerimientos del curso, la evaluación, normas de

absentismo y otros detalles. 2. El estudiante entregará las tareas del Taller I al facilitador. 3. El estudiante preparará los ejercicios presentados por el facilitador.

Assessment PRUEBA DE CONOCIMIENTO PREVIO

La administración de esta Prueba no conlleva ningún tipo de nota o puntuación. Su propósito es saber el conocimiento que posee el estudiante sobre los conceptos presentados en el primer Taller.

1. Describir el término hipertexto.

2. ¿Qué es HTML y para qué se utiliza?

3. ¿Sabe insertar, editar y borrar hipervínculos (hyperlink)?

4. Escriba brevemente las diferencias entre hipertexto, hipermedia y multimedia.

Page 9: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 9

5. ¿ Sabe cómo aplicar estos elementos en una página Web: background, theme, web bullets, graphics lines, grahics object (picture, chart, animations), web page titles, autoshapes? ¿Cuáles sí? __________________________________________________ _____________________________________________________________ _____________________________________________________________ ¿Cuáles no? __________________________________________________ _____________________________________________________________ _____________________________________________________________

Page 10: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 10

Taller dos Objetivos específicos Al finalizar el taller, el estudiante podrá:

1. Crear una página Web de un tema o asunto en específico.

2. Aplicar los seis pasos en el desarrollo de la página Web.

3. Preparar la página index (página inicial del portal).

4. Aplicar enlaces internos y externos.

Direcciones electrónicas http://www.scsite.com/web/ch2/webinfo.htm (en esta dirección podrá encontrar

información importante del capítulo 2 del libro que se recomienda como texto).

Shelly, G. B., Cashman, T. J. and Koseba, L. A., (2002). Web Design. Mexico:

Thomson.

http://www.eduteka.org/Hipertexto1.php

http://www.eduteka.org/imprimible.php?num=177

http://www.marketineros.com/GRBE.htm

http://www.deyaboo.com/mas-visitados/crear

https://www.microsoft.com/dominicana/pymes/themes/marketing/article9.mspx

En estas direcciones electrónicas el estudiante podrá conocer más a fondo la

importancia de los enlaces, cómo se preparan, los usos, la navegación y su estructura.

En deyaboo podrá navegar en un sinfín de enlaces de diferentes asuntos.

Tareas a realizar antes del Taller dos

Instrucciones:

1. Seleccionar un tema o asunto en específico para crear una página Web.

Identificar la audiencia hacia quién se dirigirá la información. El tema puede ser

economía, salud, deportes, interés social, belleza, político, educativo, etc. 2. Planificar la página index (página inicial del portal – a esta página también se le

identifica como Home Page). La página debe incluir toda la información que

ayude al usuario a conocer la misma. Por ejemplo: texto, títulos, fotos, vídeos,

dirección electrónica, dirección física y postal.

Page 11: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 11

3. Leer los capítulos 3 y 4 del libro que se recomienda como texto del curso:

Shelly, G. B., Cashman, T. J. and Koseba, L. A., (2002). Web Design. Mexico: Thomson. Este libro tiene una versión del 2005, la cual también puede utilizar.

4. Repasar las aplicaciones del programa Microsoft Publisher, especialmente la

plataforma de Web Site and E-mail y sus componentes: Web Site Options and

Site Builder.

5. Navegar por los Web Sites:www.myspace.com; http://es.geocities.yahoo.com;

http://www.facebook.com/, para planificar en cuál de los Web Sites desea crear

su página personal.

6. Preparar las tareas del Anejo B.

Actividades 1. El facilitador explorará las dudas de las aplicaciones de Microsoft Publisher

especialmente la plataforma Web Site y sus componentes.

2. El facilitador aclarará en forma gráfica las dudas presentadas por los estudiantes.

3. El facilitador presentará un ejemplo de una página informativa creada en el

programa Microsoft Publisher.

4. El facilitador explicará los tipos de enlaces: (puede ver las definiciones en el Anejo

B).

• Interno

• Externo

• Directo

• Correo electrónico

5. El estudiante preparará la página Web en unos de los siguientes programas: Word,

PowerPoint o Publisher.

6. El facilitador discutirá, con la participación de los estudiantes, los seis pasos

sugeridos para el desarrollo del diseño de páginas Web.

1) Definir el propósito

2) Identificar la audiencia

3) Planificar el contenido

4) Planificar la estructura

5) Planificar la páginas Web

6) Planificar la navegación

Page 12: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 12

7. Guiados por el facilitador, el estudiante se conectará a su dirección Web page gratis para cargar sus archivos (uploading). Assessment

RÚBRICA PARA CORREGIR PÁGINA WEB INFORMATIVA

NOMBRE: PUNTUACIÓN

PUNTOS CRITERIOS Asignados Obtenidos

Preparó el contenido de la página Web de acuerdo

al tema que seleccionó. 5

Creó la página index (portal “home page”) de

acuerdo a los enlaces incluidos en la misma. 7

Insertó enlaces internos y externos correctamente.

Aplicó los seis pasos para desarrollar páginas Web

previamente discutidas en clase. 4

Utilizó la creatividad y discernimiento en la creación

de la página Web. 5

La página luce atractiva y tiene todos componentes

básicos para ser publicada en la red de la Internet. 9

TOTAL 30

Curva:

30 – 25 A

24 – 20 B

19 – 15 C

14 – 0 F

Page 13: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 13

Taller tres Objetivos específicos Al finalizar el taller, el estudiante podrá:

1. Preparar Worksheet en el programa Microsoft Excel, grabarlos y abrirlos el en

formato HTML. 2. Preparar documento en el programa MS PowerPoint, grabarlos y abrirlos el en

formato HTML. 3. Utilizar la herramienta Web browser para la vista del documento. 4. Utilizar la aplicación Web Page Preview para conocer la manera en que el

documento será visto en la pantalla de WWW. 5. Preparar diferentes estilos de gráficas en los programas de aplicaciones

Microsoft Excel y PowerPoint, aplicar formatos del menú de gráficas. Direcciones electrónicas http://www.scsite.com/web/ch3/webinfo.htm (en esta dirección podrá encontrar

información importante del capítulo 3 del libro que se recomienda como texto).

Shelly, G. B., Cashman, T. J. and Koseba, L. A., (2002). Web Design. Mexico:

Thomson.

http://office.microsoft.com/en-us/excel/CH011275561033.aspx

http://www.bcschools.net/staff/ExcelHelp.htm

http://www.spreadsheetconverter.com

http://www.enplenitud.com/cursos/powerpoint.asp

En estas direcciones hay tutoriales gratis, instrucciones paso a paso para preparar

ejercicios y en Office Microsoft puede aclarar dudas relacionadas a las aplicaciones de

dichos programas. La herramienta de help (type a question) que tiene cada programa

de Microsoft Office es de gran apoyo para los usuarios.

Tareas a realizar antes del taller tres

Instrucciones:

1. Prepararse para tomar el examen parcial I.

2. Preparar documentos HTML simples en los programas mencionados en la

columna contenido de la evaluación.

3. Preparar las tareas del Anejos C.

Page 14: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 14

4. Repasar las aplicaciones de los programas Excel y PowerPoint, específicamente

las relacionadas con documentos HTML.

5. Repasar las aplicaciones de gráficas en los programas Excel y PowerPoint.

6. El facilitador le indicará cuáles son las tareas entregar.

Actividades 1. Tomar el examen I.

2. Preparar documentos HTML en los programas Excel y PowerPoint, Word &

Publisher.

3. Preparar diferentes estilos de gráficas en los programas Excel, PowerPoint y

guardarlas como HTML.

4. Guiados por el facilitador,el estudiante utilizará las aplicaciones interactivity

publish as a web page, web browse.

5. Insertar hipervínculos (hyperlinks) internos y externos. Assessment

Criterios evaluados Excelente

4 ptos. Satisfactorio

3 ptos. Regular 2 ptos.

Pobre 1 pto.

Las actividades que se llevaron a cabo en el Taller III ampliaron mis conocimientos y destrezas.

Lo que aprendí se puede aplicar en los próximos, Talleres IV y V.

Aprendí conceptos nuevos y repasé temas de asuntos del Web page & Web site.

Adquirí seguridad y motivación para diseñar una página Web sencilla.

TOTALES

Curva: 10-12 Excelente 9-7 Bueno 6-4 Regular 3-0 Pobre

Page 15: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 15

Taller cuatro Objetivos específicos Al finalizar el taller, el estudiante podrá:

1. Distinguir los términos exportar e importar.

2. Establecer las diferencias entre browers & search.

3. Exportar documentos de un programa de procesamientos de texto (Word) hacia

uno de presentaciones (PowerPoint).

4. Importar documentos de un programa de presentaciones (PowerPoint) hacia uno

de procesamiento de texto (Word).

5. Exportar gráficas del programa de hoja cálculos electrónica (Excel) hacia un

documento de los programas de procesamiento de texto (Word) y

presentaciones (PowerPoint).

6. Insertar hipervínculos (Hyperlink) dentro de una presentación.

7. Bajar (download) información de la Internet.

8. Insertar hipervínculos hacia direcciones específicas de la red WWW.

9. Editar hipervínculos cuando el documento lo requiera.

Direcciones electrónicas http://www.scsite.com/web/ch4/webinfo.htm (en esta dirección podrá encontrar

información importante del capítulo 4 del libro que se recomienda como texto).

Shelly, G. B., Cashman, T. J. and Koseba, L. A., (2002). Web Design. Mexico:

Thomson.

http://browser.netscape.com/

http://en.wikipedia.org/wiki/List_of_web_browsers

http://www.microsoft.com/en/us/default.aspx

http://www.google.es/search

En las direcciones de wikipedia y google.es/search el estudiante podrá acceder a las

definiciones de browser y search. Además encontrará una lista de las empresas que

Page 16: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 16

ofrecen estos servicios. Netscape y Microsoft son dos programas, el primero de

browsers y el segundo de search.

Libro: Heffferin, Linda, Weixel, Suzanne, Bucki, Lisa & Wempen Fíate, (2003). Learning

Microsoft Office XP Advanced Skills An Integrated Approach. New York. DDC

Publishing.

Este libro contiene ejercicios excelentes para importar y exportar documentos mediante

hipervínculos (hyperlink). Insertar enlaces (link) mediante copy + special paste + link.

Tareas a realizar antes del taller cuatro

Instrucciones:

1. Buscar las definiciones de los términos de integración de programas de

aplicaciones: importar y exportar

2. Definir los conceptos browser y search. Establecer las diferencias entre ambos.

Ofrecer direcciones electrónicas de browser y search.

3. Preparar los ejercicios del Anejo D.

4. Estudiar para el examen parcial II

5. El facilitador le indicará cuáles son las tareas para entregar.

Actividades 1. El facilitador demostrará en forma gráfica los términos exportar e importar

2. El facilitador y los estudiantes discutirán las diferencias entre browers & search.

3. Los estudiantes prepararán documentos en los programas Word, PowerPoint,

Excel & Publisher, e importarán y exportarán texto y gráficas entre unos y otros.

4. Insertarán hipervínculos (hyperlink) de un documento a otro y la Web.

5. Bajar y editar información de la Internet de un tema en específico.

6. Borrar y editar hipervínculos (hyperlink) cuando el facilitador lo requiera.

7. Tomar el examen parcial II

Page 17: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 17

Assessment NOMBRE: FECHA ¿Qué conceptos o términos entendió fácilmente?

¿Cuál o cuáles les causó mayor dificultad para entender y aplicar?

En la clase de hoy aprendí:

Deseo saber más de:

Page 18: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 18

Taller cinco Objetivos específicos Al finalizar el taller, el estudiante podrá:

1. Emplear las técnicas esenciales para el diseño de páginas Web.

2. Diseñar una página Web comercial sencilla.

3. Planificar el contenido textual, gráfico y auditivo que colocará en la página.

4. Insertar los enlaces correspondientes.

5. Conocer la Ley de Propiedad Intelectual. Ley Número 96 de 1988, enmendada

en 1996.

6. Demostrar valores éticos y morales en el manejo de la información y los

derechos de autor.

Direcciones electrónicas http://www.lexjuris.com/lexprointele.htm

http://es.wikipedia.org/wiki/Wikipedia:Derechos_de_autor

http://www.scsite.com/web/ch5/webinfo.htm (en esta dirección podrá encontrar

información importante del capítulo 5 del libro que se recomienda como texto).

Shelly, G. B., Cashman, T. J. and Koseba, L. A., (2002). Web Design. Mexico: Thomson. Para que el estudiante conozca la Ley de Propiedad Intelectual, mejor conocida como

Derechos de Autor (copyright) ©, debe acceder al portal de lexjuris.com. Éste es un

portal puertorriqueño y contiene todas las leyes del Gobierno.

La de es.wikipedia.org ofrece información sobre el trasfondo y evolución de los

derechos de autor.

Tareas a realizar antes del taller cinco Instrucciones:

1. Hojear (browse) las páginas comerciales de la Internet para atraer ideas a la

página Web comercial que debe preparar para el Taller cinco.

2. Evaluar las aplicaciones de Web de los siguientes programas: Word, Publisher

& PowerPoint. Ésto es con el propósito de conocer cuál de ellos es más

conveniente para al propósito, contenido y audiencia de la página Web

comercial que preparará en salón.

Page 19: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 19

3. Hacer un plan del contenido de la página Web comercial, aplicando los seis

pasos detallados en el taller dos. Debe incluir el nombre del comercio, empresa

o compañía.

4. Practicar los enlaces que utilizará en la página Web comercial.

5. Leer detenidamente la Ley de Propiedad Intelectual 96 e imprimir los puntos más

importantes de la misma. Recuerde que puede acceder a la Ley en

http://www.lexjuris.com.

Actividades 1. El facilitador y los estudiantes discutirán las técnicas esenciales para el diseño

de una página Web comercial sencilla.

2. El facilitador seleccionará varios estudiantes para que muestren páginas Web

comerciales que fueron evaluadas en la Internet por ellos. Deben explicar las

aplicaciones o herramientas que contienen las mismas y las conveniencias o no

de ellas. Al final de esta actividad todos los estudiantes decidirán cuál es la

página de mejor diseño y presentación.

3. El facilitador y los estudiantes discutirán los puntos más relevantes de la Ley de

Propiedad Intelectual 96 y los peligros de violaciones de la misma.

4. El estudiante diseñará la página Web comercial (examen final). El facilitador

requerirá la aplicación de valores éticos y morales en el manejo de la

información contenida en la página.

Assessment RÚBRICA PARA CORREGIR TAREAS TALLER 5

ACTIVIDADES PRESENTADAS EN CLASE NOMBRE: PUNTUACIÓN

PUNTOS

CRITERIOS Asignados Obtenidos

Participó activamente en las actividades

presentadas en clase. 4

Demostró conocimiento sobre la Ley de Propiedad

Intelectual Núm. 96. 4

Preparó las tareas de acuerdo a las instrucciones 3

Page 20: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 20

impartidas.

Demostró motivación y esfuerzo en hacer su

trabajo 5

Finalizó las tareas en el tiempo establecido. 4

TOTAL 20

Curva:

17-20 A

16-13 B

12-8 C

7-0 F

Page 21: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 21

ANEJOS

Page 22: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 22

Anejo A

Taller 1: Ejercicios HTML Ejercicios para preparar en el formato HTML. Acceda a los ejercicios a través de los

hipervínculos (enlaces) hyperlink que tiene insertado cada documento.

EJERCICIO 1: Preparar en el programa Word – HTML

MY PERSONAL WEB PAGE Hi, my name is Gina Grady. I live in Marlborough, Massachusetts, which is a small city about 20 miles west of Boston. I am a junior at Marlborough High School. I have an older brother, Sam, and a younger sister, Lori. My dad owns the local movie theater, and my mom is a real estate agent. We have a dog, a cat, and some goldfish.

!!!!! I LOVE THE THEATER !!!!! At school, I am a member of the drama club. My favorite plays are MUSICALS, like HELLO DOLLY! (I played Dolly last year!) and THE MUSIC MAN (I was Marion the Librarian). I take singing and dancing classes after school. I am on the school volleyball team. My forte is serving. But I can spike, too..

I play the PIANO. I work part-time at my dad’s movie theater. Sometimes I sell tickets, and sometimes I work at the concession stand. Yes, I get to see the movies for free. Recently I went to Washington, D.C. to visit my aunt, uncle, and cousins. We had a great time touring the Smithsonian museums and the government building. I loved the Museum of American History the best, probably because of all the movie and theater memorabilia. I almost died when I saw DOROTHY’S RUBY SLIPPERS! I also have cousins in California, but I haven’t been to see them since I was ten.

My favorite singer My best friends are CASEY AND JACKIE. We have a lot of fun doing things like going to the mall, and just hanging out.. Jackie just got her driver’s license so now we can GO PLACES!

I like going to the beach in the summer. After I graduate I’m planning to go to a college with a strong performing arts department so I can keep studying theatre. Someday, I hope to be on BROADWAY!

Page 23: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 23

Search Web-Based Ads

Explore company Web sitesNew jobs listed daily

Search employment Web sitesMatch your specific skills with companies needing specific projects completedDozens of major job boards

Find Company Information

Most businesses profile their products on their Web sites

Expect applicants to know this information during an interview

Locate articles discussing industry trends and key executives

Prepare an Online Resume

Make it computer accessibleAvoid fancy fonts, graphic elements, and unusual spacingType resume in body of e-mail message

Some e-mail recipients will not open mail containing attachments

EJERCICIO 2: Preparar en el programa Excel – HTML

Lodging Packages; Four Nights, Five Days* Republica Dominicana

Accommodations Cost (CAD) Exchange Rate Cost (USD)

Four Star $ 575.00 1.5063 $ 381.73 Three Star $ 515.00 1.5063 $ 341.90 Economy $ 465.00 1.5063 $ 308.70 Budget $ 350.00 1.5063 $ 232.36 *Rates Based on Double Occupancy

EJERCICIO 3: Preparar en el programa PowerPoint – HTML

Use the Internetto Find a Job

Presented byHighland College Placement Office

Slide 1 Slide 2

Slide 3 Slide 4 Nota: Puede utilizar un “template” y “cliparts” distintos a los ilustrados, pero la información debe

ser la misma.

Page 24: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 24

EJERCICIO 4: Preparar en el programa Publisher – HTML

Página 1:

The Swiss Cake

The Swiss Cake

School Support

The Swiss Cake Sign-up

421 Main Street Panover, NH 03755

Phone: 201-556-8040 Fax: 201-556-8030

To contact us:

Welcome to the new Web site for THE SWISS CAKE CANDY SHOP AND SODA FOUNTAIN The Swiss Cake offers fine chocolates and tasty candy as well as homemade ice cream and soda fountain novelties. The Swiss Cake also sells collectables and gift items. Please stop by our convenient Main Street Location to see for yourself. Check this page daily for information about what’s going on at THE SWISS CAKE.

The Swiss Cake Candy Shop and Soda Fountain

The Swiss Cake | School Support | The Swiss Cake Sign- Up

Page 25: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 25

Página 2:

Phone: 201-556-8040 Fax: 201-556-8030

To contact us:

The Swiss Cake Candy Shop and Soda Fountain is proud to support the local schools. In addition to contributing items for fundraising events and auctions, The Swiss Cake has agreed to donate a portion of all sales during the month of April to parent/teacher organizations of the Hanover Public Schools.

Don’t forget to fill out an entry form for our monthly raffle drawings to raise funds for local schools. Prizes range from The Swiss Cake toothbrushes to giant boxes of chocolates! You can also win a “candy lunch” at The Swiss Cake with all the candy you can eat!

Drawings are held on the 25th of every month, at 6P.M. No purchase is necessary and you do not have to be present to win. For more information, contact Ms. Harte at The Swiss Cake, or Ms. Kate Smith president of the Hanover Home and School Association.

School Support The Swiss Cake

School Support

The Swiss Cake Sign-up

We cater to your Swiss Cake at The Swiss Cake Candy Shop and Soda Fountain!

Prizes range from The Swiss

Cake brushes to

giant boxes of

chocolates!

The Swiss Cake | School Support | The Swiss Cake

Page 26: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 26

Página 3:

The Swiss Cake The Swiss Cake

School Support

The Swiss Cake Sign-up

The Swiss Cake Candy Shop and Soda Fountain

Reset

Address:

Phone:

E-mail:State/Prov:

City:

Zip/Post. code:

Country:

Comments:

Would you be interested in attending a Swiss Cake Candy-fest?

Sign-up for the Newsletter Please take the time to answer these brief questions. Your free newsletter will soon be on its way!

Maybe

Definitely

No

In which format would you prefer to receive a newsletter?

Web-based

Hard Copy (US Mail)

E-mail What factors would determine your interest in a Candy-fest?

Cost

Location

Date

What is your favorite type of candy?

Choco-lets

Yummy Gummy

Sherbet Pops

Submit

421 Main Street Panover, NH 03755

Phone: 201-556-8040 Fax: 201-556-8030

To contact us:

The Swiss Cake | School Support | The Swiss Cake Sign- Up

Page 27: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 27

Anejo B

Definiciones - Tipos De Enlaces (Hipervínculos) TALLER II

• Interno: unir las páginas de un mismo programa o portal. En el caso del programa

MS Publisher, los enlaces están insertados (por default) en la plataforma de Web

Site.

• Externo: enlaces que no son del mismo programa o portal. Ejemplo: un enlace

hacia una de las direcciones electrónicas favoritas del estudiante o las ofrecidas

por el facilitador como referencia educativa.

http://www.eduteka.org/Hipertexto1.php

• Directo: es un enlace que señala un punto específico de una página. En el

lenguaje electrónico, a este enlace se le conoce como bookmark.

• Correo electrónico: un enlace que activa el programa de enviar correo electrónico:

Ejemplo: Outlook Express. Este programa debe estar configurado con la dirección

electrónica del usuario. Si tiene una cuenta con hotmail, yahoo, gmail, PRTC u

otros, debe programarlo.

LOS SEIS PASOS SUGERIDOS PARA EL DESARROLLO DEL DISEÑO DE PÁGINAS WEB

1. Definir el propósito: es el paso inicial para el desarrollo de un plan de diseño

sólido. Para lograr esto, debe decidir el asunto o tema en específico y después

enumerar las metas del Web site. Debe escribir la declaración del propósito.

2. Identificar la audiencia: cualquier persona en el mundo con acceso al Internet es

un miembro potencial a su Web site. El intentar diseñar para una audiencia tan

extensa, simplemente no es práctico.

3. Planificar el contenido: considerar los diversos tipos de contenido que podría

incluir en su Web site. Lea el capítulo 5 del libro Shelly, G. B., Cashman, T. J. and

Koseba, L. A., (2002). Web Design. Mexico: Thomson para obtener más

información sobre este tema.

4. Planificar la estructura: con el propósito definido, la audiencia identificada, y el

contenido planificado, en el paso cuatro, el plan de desarrollo de diseño será la

planificación de la estructura de la página. Se debe determinar la posición de la

Page 28: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 28

estructura en donde el contenido encaje mejor y pueda utilizarse más

efectivamente.

5. Planificar la página Web: con el conocimiento sobre el propósito y la

audiencia, el entendimiento que se requiere del contenido y la estructura, el

próximo paso es organizar la información de la página Web y establecer la

conexión visual entre el portal (home page) las páginas secundarias con la

estructura (layout) y el esquema de colores (color scheme).Para crear unidad

dentro de la página Web, debe seleccionar colores uniformes y utilizar una

estructura consistente.

6. Planificar la navegación: crear un diseño de navegación basado y controlado por

usuario que ofrezca tanto, la vía de navegación mayor como también la vía para

opciones de navegar. Seleccionar elementos de navegación en los cuales el

visitante pueda entender rápidamente y concuerde con el humor del Web site’s.

Colocar los elementos de la navegación constantemente en localizaciones

previsibles y lógicos.

Navegar por estos tres portales para que evalúe cuál ellos sabe operar con eficacia, es

de su preferencia, se ajusta a los planes de su página Web, etc.

www.myspace.com

http://es.geocities.yahoo.com

http://www.facebook.com/

Page 29: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 29

Anejo C

Ejercicios para preparar en el formato HTML Ejercicio 1: Excel – Prepare la tabla y la gráfica según observa.

By Age Group

Infant Toddler Preschool 1 Preschool 2 After School Total Northeast 221 333 345 342 187 1428 Midwest 180 204 224 228 98 934 West 258 287 323 289 261 1418 Southeast 215 269 246 247 199 1176 Total 874 1093 1138 1106 745 4956

Page 30: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 30

Ejercicio 2: PowerPoint. Prepare la presentación según observa.

Slide 1 Slide 2

Slide 3 Slide 4

Organized for Success

Wei LiPresident

John AdamsVice President of Information Systems

Ashley ClarkManager of Customer Support

Sanjay ChopraManager of Customer Support

Kim FanNetwork Manager

Carolyn SpencerExecutive Assistant

Michael LombardiTravel Coordinator

Organized for Success

Wei LiPresident

John AdamsVice President of Information Systems

Ashley ClarkManager of Customer Support

Sanjay ChopraManager of Customer Support

Kim FanNetwork Manager

Carolyn SpencerExecutive Assistant

Michael LombardiTravel Coordinator

SummaryTechnically Competent StaffTeam Oriented OrganizationProfessional ManagementHigh Rate of Customer Satisfaction

SummaryTechnically Competent StaffTeam Oriented OrganizationProfessional ManagementHigh Rate of Customer Satisfaction

Advertising for a New MillenniumAdvertising for a New Millennium

Management Counts

Department Number of Managers

Personnel 3

Finance 3

Operations 4

Information Services 4

Corporate Communications 2

Management Counts

Department Number of Managers

Personnel 3

Finance 3

Operations 4

Information Services 4

Corporate Communications 2

Page 31: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 31

Advertising for a N ew M illenn ium

CYBER PROMOTIONS, INC.

Welcome to Cyber Promotions! We are pleased that youhave joined our staff. We know you will find our company anexciting, innovative, and challenging place to work.

You will spend the day today in our orientation program. Youwill tour the building, meet your coworkers, meet withhuman resources professionals to discuss your personalizedbenefits plan, and learn about your role at Cyber Promotions.

We have prepared a brief presentation to start yourorientation today. At any time, feel free to click the picture atthe bottom of this page to start the presentation. You mayview the presentation as often as you want, and you mayreturn to this document at any time. When you havefinished, a human resources staff member will take you on atour of the building.

Again, on behalf of all of us at Cyber Promotions, Inc.,welcome. We look forward to a long, happy relationship.

Advertising For a New Millennium

Ejercicio 3: WORD – Prepare el documento según se observa.

Page 32: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 32

ANEJO D

Ejercicios Para Importar Y Exportar Documentos De Un Programa A Otro Ejercicio 1: PUBLISHER & EXCEL (IMPORTAR) 1. Prepare el ejercicio en el programa Publisher. Inserte los formatos que observa:

autoshapes, word art, fotos de perros, debe agruparlos (grouping). Prepare la tabla

en el programa Excel e impórtela hacia el documento de Publisher, que observa a

través de link (enlace). Prepare la fórmula de suma en la columna Total.

Looks Grooming Personality Total Ashley 6 6 8 Sheldon 8 7 10 Shasta 7 5 9

Page 33: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 33

Ejercicio 2: WORD & EXCEL (IMPORTAR) 1. Prepare el memorando con los formatos que observa en Word. La tabla en Excel,

pero solamente va a importar (link) la tabla, no importe el título y los subtítulos.

Observe el resultado final en la próxima página. Inserte Table Auformat en Excel.

STATE-OF-THE-ART SOLUTIONS TRAINING DEPARTMENT

MEMORANDUM

To: Company President From: Your Name Date: Re: Department Expenses Dear Sir: Per your request, here are the expense figures for the training department for the first quarter of the year. xx

January February March TotalSalaries 135,000.00$ 135,000.00$ 135,000.00$ 405,000.00$ Overtime 30,000.00$ 32,000.00$ 29,000.00$ 91,000.00$ Entertainment 1,500.00$ 1,750.00$ 1,200.00$ 4,450.00$ Facility rentals 2,000.00$ 1,500.00$ 3,500.00$ Books 500.00$ 250.00$ 500.00$ 1,250.00$ Supplies 250.00$ 150.00$ 375.00$ 775.00$ Miscellaneous 200.00$ 175.00$ 300.00$ 675.00$ Total 169,450.00$ 575.00$ 167,875.00$ 337,900.00$

State-of-the-Art SolutionsTraining DepartmentFirst Quarter Expenses

Page 34: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 34

Ejercicio 2: RESULTADO FINAL

STATE-OF-THE-ART SOLUTIONS TRAINING DEPARTMENT

MEMORANDUM

To: Company President From: Your Name Date: Re: Department Expenses Dear Sir: Per your request, here are the expense figures for the training department for the first quarter of the year. xx

January February March TotalSalaries 135,000.00$ 135,000.00$ 135,000.00$ 405,000.00$ Overtime 30,000.00$ 32,000.00$ 29,000.00$ 91,000.00$ Entertainment 1,500.00$ 1,750.00$ 1,200.00$ 4,450.00$ Facility rentals 2,000.00$ 1,500.00$ 3,500.00$ Books 500.00$ 250.00$ 500.00$ 1,250.00$ Supplies 250.00$ 150.00$ 375.00$ 775.00$ Miscellaneous 200.00$ 175.00$ 300.00$ 675.00$ Total 169,450.00$ 575.00$ 167,875.00$ 337,900.00$

Page 35: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 35

Ejercicio 3: EXPORTAR HACIA POWERPOINT

1. Active la pantalla (View+ outline),programa Word. Prepare el bosquejo y exporte

hacia PowerPoint con la aplicación de File+Send to+Microsoft PowerPoint.

Page 36: Modulo OTEM 402

Escuela de Estudios Profesionales Programa AHORA

Universidad del Turabo

OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 36

Reasons for Developing a Web Site

Exposure

Millions are already on-line

Millions more getting on line

International audience

Maintain international contacts

Expand business overseas’

24-hour access

Flexibility

Customization

Links to other pages

Links to other site

Interactive

Collect customer information

Customize product to suit

High response rate

Multimedia

User-driven

Cost

Compares favorably to other marketing tools

Compare to advertising

Print

Radio

TV