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
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 2
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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.
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 3
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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.
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 4
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
Evaluación: Examen Número
Contenido Diseñar documentos HTML (lenguaje de
1 (Taller 3)
hipertexto) en los programas de aplicaciones Microsoft Word, Excel PowerPoint y Publisher. Crear y diseñar una página Web siguiendo
2 (Taller 4)
los seis pasos para el desarrollo de éstas de un tema o asunto en específico. Diseñar una página Web comercial y
Final (Taller 5)
aplicar los formatos multimedia (texto, gráficas, sonido animación) y enlaces para su publicación en la Web. Entregar Portafolio de los diversos
Portafolio (Taller 5)
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 OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 5
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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.
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 6
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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. OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 7
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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 multimedia.
hipertexto, hipermedia y
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 8
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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? __________________________________________________ _____________________________________________________________ _____________________________________________________________
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 9
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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.
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 10
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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 OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 11
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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ó. Creó la página index (portal “home page”)
5 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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 12
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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. OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 13
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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
Satisfactorio
Regular
Pobre
4 ptos.
3 ptos.
2 ptos.
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 9-7 6-4 3-0
Excelente Bueno Regular Pobre
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 14
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 15
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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). Microsoft Office XP Advanced Skills An Integrated Approach.
Learning
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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 16
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
Assessment FECHA
NOMBRE:
¿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:
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 17
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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. OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 18
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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 PUNTUACIÓN
NOMBRE:
PUNTOS CRITERIOS Participó
Asignados activamente
en
las
Obtenidos
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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 19
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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
OTEM 402 - Publicaciones de Documentos Electr贸nicos en la Red 20
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
ANEJOS
OTEM 402 - Publicaciones de Documentos Electr贸nicos en la Red 21
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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! OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 22
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
EJERCICIO 2: Preparar en el programa Excel – HTML Lodging Packages; Four Nights, Five Days* Republica Dominicana
Accommodations Four Star Three Star Economy Budget
Cost (CAD) $ 575.00 $ 515.00 $ 465.00 $ 350.00
Exchange Rate 1.5063 1.5063 1.5063 1.5063
Cost (USD) $ 381.73 $ 341.90 $ 308.70 $ 232.36
*Rates Based on Double Occupancy EJERCICIO 3: Preparar en el programa PowerPoint – HTML
Search Web-Based Ads
Use the Internet to Find a Job Presented by Highland College Placement Office
Slide 1
z Most
businesses profile their products on their Web sites Expect applicants to know this information during an interview
z Locate
articles discussing industry trends and key executives
Slide 3
Explore company Web sites
z
Search employment Web sites
z
New jobs listed daily
Match your specific skills with companies needing specific projects completed z Dozens of major job boards z
Slide 2
Find Company Information
z
z
Prepare an Online Resume z Make
it computer accessible
Avoid fancy fonts, graphic elements, and unusual spacing z Type resume in body of e-mail message z
z
Some e-mail recipients will not open mail containing attachments
Slide 4
Nota: Puede utilizar un “template” y “cliparts” distintos a los ilustrados, pero la información debe ser la misma. OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 23
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
EJERCICIO 4: Preparar en el programa Publisher – HTML Página 1:
The Swiss Cake School Support
The Swiss Cake
The Swiss Cake Sign-up
The Swiss Cake Candy Shop and Soda Fountain
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 | School Support | The Swiss Cake Sign- Up To contact us: Phone: 201-556-8040 Fax: 201-556-8030 421 Main Street Panover, NH 03755 OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 24
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
Página 2: The Swiss Cake
School Support
The Swiss Cake Sign-up
School Support 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.
We cater to your Swiss Cake at The Swiss Cake Candy Shop and Soda Fountain!
The Swiss Cake | School Support | The Swiss Cake To contact us: Phone: 201-556-8040 Fax: 201-556-8030 OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 25
Prizes range from The Swiss Cake brushes to giant boxes of chocolates!
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
P谩gina 3: The Swiss Cake
The Swiss Cake
School Support
The Swiss Cake Sign-up
Sign-up for the Newsletter Please take the time to answer these brief questions. Your free newsletter will soon be on its way! Would you be interested in attending a Swiss Cake Candy-fest?
In which format would you prefer to receive a newsletter?
Definitely
Hard Copy (US Mail)
Maybe
Web-based
No What factors would determine your interest in a Candy-fest?
E-mail What is your favorite type of candy?
Location
Yummy Gummy
Cost
Choco-lets
Date
Sherbet Pops
Comments:
Address: City: Country: Phone: State/Prov: E-mail: Zip/Post. code:
Submit
Reset
The Swiss Cake Candy Shop and Soda Fountain
The Swiss Cake | School Support | The Swiss Cake Sign- Up To contact us: Phone: 201-556-8040 Fax: 201-556-8030 421 Main Street Panover, NH 03755 OTEM 402 - Publicaciones de Documentos Electr贸nicos en la Red 26
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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 OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 27
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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/
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 28
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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
Northeast Midwest West Southeast Total
Infant 221 180 258 215 874
Toddler 333 204 287 269 1093
Preschool 1 345 224 323 246 1138
Preschool 2 342 228 289 247 1106
After School 187 98 261 199 745
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 29
Total 1428 934 1418 1176 4956
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
Ejercicio 2: PowerPoint. Prepare la presentaci贸n seg煤n observa.
Management Management Counts Counts Department Department
Advertising Advertising for for aa New New Millennium Millennium
Slide 1
Personnel Personnel
33
Finance Finance
33
Operations Operations
44
Information Information Services Services
44
Corporate Corporate Communications Communications
22
Slide 2
Organized Organized for for Success Success
Summary Summary z zTechnically Technically Competent Competent Staff Staff z zTeam Team Oriented Oriented Organization Organization z zProfessional Professional Management Management z zHigh High Rate Rate of of Customer Customer Satisfaction Satisfaction
Wei WeiLi Li President President Carolyn CarolynSpencer Spencer Executive ExecutiveAssistant Assistant Michael MichaelLombardi Lombardi Travel TravelCoordinator Coordinator John JohnAdams Adams Vice VicePresident PresidentofofInformation InformationSystems Systems Ashley AshleyClark Clark Manager ManagerofofCustomer CustomerSupport Support
Slide 3
Number Number of of Managers Managers
Sanjay SanjayChopra Chopra Manager ManagerofofCustomer CustomerSupport Support
Kim KimFan Fan Network NetworkManager Manager
Slide 4
OTEM 402 - Publicaciones de Documentos Electr贸nicos en la Red 30
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
Ejercicio 3: WORD – Prepare el documento según se observa.
CYBER PROMOTIONS, INC. Welcome to Cyber Promotions! We are pleased that you have joined our staff. We know you will find our company an exciting, innovative, and challenging place to work. You will spend the day today in our orientation program. You will tour the building, meet your coworkers, meet with human resources professionals to discuss your personalized benefits plan, and learn about your role at Cyber Promotions. We have prepared a brief presentation to start your orientation today. At any time, feel free to click the picture at the bottom of this page to start the presentation. You may view the presentation as often as you want, and you may return to this document at any time. When you have finished, a human resources staff member will take you on a tour of the building. Again, on behalf of all of us at Cyber Promotions, Inc., welcome. We look forward to a long, happy relationship.
A d v e rtisin g fo r a N e w M ille n n iu m
Advertising For a New Millennium OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 31
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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 Ashley Sheldon Shasta
6 8 7
Grooming 6 7 5
Personality 8 10 9
Total
OTEM 402 - Publicaciones de Documentos Electr贸nicos en la Red 32
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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: From: Date: Re:
Company President Your Name Department Expenses
Dear Sir: Per your request, here are the expense figures for the training department for the first quarter of the year.
State-of-the-Art Solutions Training Department First Quarter Expenses
Salaries Overtime Entertainment Facility rentals Books Supplies Miscellaneous
Total
January February March Total $ 135,000.00 $ 135,000.00 $ 135,000.00 $ 405,000.00 $ 30,000.00 $ 32,000.00 $ 29,000.00 $ 91,000.00 $ 1,500.00 $ 1,750.00 $ 1,200.00 $ 4,450.00 $ 2,000.00 $ 1,500.00 $ 3,500.00 $ 500.00 $ 250.00 $ 500.00 $ 1,250.00 $ 250.00 $ 150.00 $ 375.00 $ 775.00 $ 200.00 $ 175.00 $ 300.00 $ 675.00 $ 169,450.00
$
575.00
$ 167,875.00
$ 337,900.00
xx
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red 33
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
Ejercicio 2: RESULTADO FINAL
STATE-OF-THE-ART SOLUTIONS TRAINING DEPARTMENT MEMORANDUM
To: From: Date: Re:
Company President Your Name Department Expenses
Dear Sir: Per your request, here are the expense figures for the training department for the first quarter of the year. Salaries Overtime Entertainment Facility rentals Books Supplies Miscellaneous Total
January $ 135,000.00 $ 30,000.00 $ 1,500.00 $ 2,000.00 $ 500.00 $ 250.00 $ 200.00 $ 169,450.00
February $ 135,000.00 $ 32,000.00 $ 1,750.00 $ $ $ $
250.00 150.00 175.00 575.00
March $ 135,000.00 $ 29,000.00 $ 1,200.00 $ 1,500.00 $ 500.00 $ 375.00 $ 300.00 $ 167,875.00
Total $ 405,000.00 $ 91,000.00 $ 4,450.00 $ 3,500.00 $ 1,250.00 $ 775.00 $ 675.00 $ 337,900.00
xx
OTEM 402 - Publicaciones de Documentos Electr贸nicos en la Red 34
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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.
OTEM 402 - Publicaciones de Documentos Electr贸nicos en la Red 35
Escuela de Estudios Profesionales Programa AHORA Universidad del Turabo
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
OTEM 402 - Publicaciones de Documentos ElectrĂłnicos en la Red 36