Este documento presenta la información para el curso OTEM 402 - Publicación de Documentos Electrónicos en la Red. Incluye el prontuario con la descripción general del curso, los objetivos, textos de referencia, normas de evaluación y una tabla de contenido con la descripción de cinco talleres. El primer taller se enfoca en conceptos básicos de hipertexto, hipermedia y multimedia y ejercicios prácticos en formato HTML. El segundo taller trata sobre los seis pasos para el desarrollo de una página web y la creación de
2. 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
3. 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
4. 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
5. Escuela de Estudios Profesionales
Programa AHORA
Universidad del Turabo
Evaluación:
Examen Número Contenido
Diseñar documentos HTML (lenguaje de
hipertexto) en los programas de
1 (Taller 3)
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
aplicar los formatos multimedia (texto,
Final (Taller 5)
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
6. 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
7. 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
8. 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 hipertexto, hipermedia y
multimedia.
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
8
9. 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
10. 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
11. 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
12. 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ó. 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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
12
13. 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
14. 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
Excelente Satisfactorio Regular Pobre
Criterios evaluados
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 Excelente
9-7 Bueno
6-4 Regular
3-0 Pobre
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
14
15. 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
16. 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). 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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
16
17. Escuela de Estudios Profesionales
Programa AHORA
Universidad del Turabo
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:
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
17
19. 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
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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
19
20. 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
21. Escuela de Estudios Profesionales
Programa AHORA
Universidad del Turabo
ANEJOS
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
21
22. 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
23. 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
Exchange
Accommodations Cost (CAD) 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
Search Web-Based Ads
Use the Internet Explore company Web sites
to Find a Job New jobs listed daily
Search employment Web sites
Presented by Match your specific skills with companies
needing specific projects completed
Highland College Placement Office
Dozens of major job boards
Slide 1 Slide 2
Find Company Information Prepare an Online Resume
Most businesses profile their products on Make it computer accessible
their Web sites Avoid fancy fonts, graphic elements, and
Expect applicants to know this information unusual spacing
during an interview Type resume in body of e-mail message
Some e-mail recipients will not open mail
Locate articles discussing industry trends containing attachments
and key executives
Slide 3 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
24. 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
25. Escuela de Estudios Profesionales
Programa AHORA
Universidad del Turabo
Página 2:
The Swiss Cake
School Support School Support
The Swiss Cake
Sign-up
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 Prizes
Swiss Cake has agreed to donate a range from
portion of all sales during the month of The Swiss
April to parent/teacher organizations of Cake
the Hanover Public Schools. brushes to
Don’t forget to fill out an entry form for giant
our monthly raffle drawings to raise boxes of
funds for local schools. Prizes range from chocolates!
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
26. Escuela de Estudios Profesionales
Programa AHORA
Universidad del Turabo
Página 3:
The Swiss Cake
School Support The Swiss Cake
The Swiss Cake
Sign-up for the Newsletter
Sign-up
Please take the time to answer these brief questions. Your free
newsletter will soon be on its way!
Would you be interested in In which format would you
attending a Swiss Cake prefer to receive a
Candy-fest? newsletter?
Definitely Hard Copy (US Mail)
Maybe Web-based
No E-mail
What factors would
determine your interest in What is your favorite type
a Candy-fest? 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
27. 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
28. 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
29. 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
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
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
29
30. Escuela de Estudios Profesionales
Programa AHORA
Universidad del Turabo
Ejercicio 2: PowerPoint. Prepare la presentación según observa.
Management Counts
Management Counts
Department
Department Number of Managers
Number of Managers
Personnel
Personnel 3
3
Finance
Finance 3
3
Advertising for a New Millennium
Advertising for a New Millennium
Operations
Operations 4
4
Information Services
Information Services 4
4
Corporate Communications
Corporate Communications 2
2
Slide 1 Slide 2
Organized for Success
Organized for Success Summary
Summary
Wei Li
Wei Li
Technically Competent Staff
Technically Competent Staff
President
President
Carolyn Spencer
Team Oriented Organization
Team Oriented Organization
Carolyn Spencer
Executive Assistant
Executive Assistant
Professional Management
Professional Management
Michael Lombardi
Michael Lombardi
Travel Coordinator
Travel Coordinator High Rate of Customer Satisfaction
High Rate of Customer Satisfaction
John Adams
John Adams
Vice President of Information Systems
Vice President of Information Systems
Ashley Clark
Ashley Clark Sanjay Chopra
Sanjay Chopra Kim Fan
Kim Fan
Manager of Customer Support
Manager of Customer Support Manager of Customer Support
Manager of Customer Support Network Manager
Network Manager
Slide 3 Slide 4
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
30
31. 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
32. 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 Grooming Personality Total
Ashley 6 6 8
Sheldon 8 7 10
Shasta 7 5 9
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
32
33. 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: 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.
State-of-the-Art Solutions
Training Department
First Quarter Expenses
January February March Total
Salaries $ 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
xx
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
33
34. Escuela de Estudios Profesionales
Programa AHORA
Universidad del Turabo
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.
January February March Total
Salaries $ 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
xx
OTEM 402 - Publicaciones de Documentos Electrónicos en la Red
34
35. 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
36. 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