[Prontuarios] [Requisitos] [Educación] [Salud] [Educación Física]
[Ciencias del Ejercicio] [Primeros Auxilios] [Informática] [Enlaces] [Asociaciones]
Introducción Objetivos Bosquejo Referencias
TALLER DESARROLLO DE PAGINAS PARA EL
"WORLD WIDE WEB"

Prof. Edgar Lopategui Corsino

Universidad Interamericana de Puerto Rico - Recinto Metropolitano , Facultad de Education, Departamento de Educación Física


MENU

INTRODUCCION

  Este taller de dos días se dividirá en dos secciones principales, a saber: (1) fundamentos y principios teóricos sobre la planificación, diseño y publicación de páginas para el "World Wide Web" (WWW, Web), y (2) usos de los editores para páginas WWW. En esta segunda parte del taller estaremos particularmente empleando el "Composer" de Netscape Commmunicator 4.

 Regresar al Menú


OBJETIVOS

  Al finalizar este taller se espera que los participantes puedan:

  1. Identificar los pasos iniciales a seguir para el desarrollo de páginas HTML.
  2. Preparar un sistema de páginas WWW apropiadamente organizadas.
  3. Aplicar los recursos gráficos y de animación en las páginas preparadas para el Web.
  4. Reconocer las diferentes servidores WWW que proveen recursos de diseño y tutoriales para la construcción de páginas en el Web.
  5. Identificar los diferentes editores del Web.
  6. Aplicar las funciones de la herramienta FTP para subir las páginas WWW al servidor correspondiente.
  7. Conocer la terminología empleda para la contrucción de páginas en el Web.
Regresar al Menú

BOSQUEJO DEL TALLER

Primer Día: 14 de enero de 1998

 I. Introducción:

    1. Usos/ventajas para los profesores de preparar páginas WWW:

        a. Apoyo a los cursos existentes.
        b. Medio de comunicación entre maestro y estudiante.
        c. Forma de asignar proyectos/asignaciones a los estudiantes.
        d. Puede proveer enlaces a servidores WWW vinculados con los tópicos discutidos en
            clase.
        e. Educación a distancia (cursos en línea vía WWW).

    2. Recursos en la Internet/Web.
    3. Donde publicar las páginas del Web (servidores WWW):

        a. Servidores comerciales (proveedores de internet).
        b. Servidores gratuitos.
        c. Servidores académicos (Universidad Interamericana de PR-Metro: coqui.lce.org ).

    4. Anuncio/Mercadeo de sus páginas:

        a. Promoción de una página WWW
        b. Métodos de registro

II. Principios Generales para la Creación de Páginas WWW

    1. Planificación.          4. Implementación.
    2. Análisis.                 5. Promoción.
    3. Diseño.                  6. Revisión/Actualización y Mantenimiento.

III. Características de un Apropiado Sistema de Páginas para el Web

  1. Interactiva.
  2. Fácil de navegar.
  3. No muy cargada de animaciones y gráficas.
  4. Dinámica.
  5. Competitiva.
  6. Disponible siempre.
  7. Actualizada.
IV. Diseño de la Página WWW
  1. Diseño de la interfaz.
  2. Diseño en el servidor.
  3. Diseño de la página.
  4. Uso de gráficas y animaciones.
  5. Elementos de multimedios para la página en el Web.
V. Recursos/Herramientas de Apoyo para las Páginas WWW.

     1. Usos de codificaciones/lenguajes de programación especiales:

         a. JavaScripts.
         b. Common Gateway Interface (CGI) scripts.

     2. Animaciones.
     3. Shockwave.

Segundo Día: 14 de enero de 1998

I. Herramientas de Creación: Métodos de Autoría -Editores del Web/HTML:

    1. Tipos de editores:

         a. Editores de texto (Aplicaciones de Autoría).
         b. Editores HTML.

     2. ¿Cual es el mejor?

II. Uso del "Composer" de Netsacape Communicator 4:

  1. Conociendo la interfaz y comandos.
  2. Práctica:                                                                                                                                                                                            a. Planificar el flujo/enlances de las páginas en el Web.

  3. b. Determinar el diseño de la página WWW.
    c. Preparar una página principal ("home page") con los enlaces ("links")
        correspondientes.
    d. Preparar un prontuario.
    e. Preparar un página de enlaces hipertexto hacia servidores con información académica.
Regrsar al Bosquejo
Regresar al Menú


REFERENCIAS


Libros:

Brown, N., Chen, P., Miller, D., Van Eyk, P. & Weinman, W. E. (1996). Designing Web Animation. Indianapolis, IN: New Riders Publishing.

Guildford, E., & Kraynak, J. (1997). Netsacpe Communicator 4: 6 in 1. Indianapolis, IN: Que Corporation.

Buyens, J. (1998). Stupid Web Tricks. Redmond, Washington: Microsoft Press.

Haggard, M. (1998). Survival Guide to Web Site Development. Redmond, Washington: Microsoft Press.

Horton, W., Taylor, L. Ignacio, A., & Hoft, N. L. (1996). The Web Page Design Cookbook: All the Ingredients you Need to Create 5-Star Web Pages. New York: John Wiley & Sons, Inc.

Lemay, L. & Snell, N. (1996). Laura Lemay's Web Workshop: Netscape Navigator Gold 3. Indianapolis, IN: Sams.net Publishing.

Lopategui, E. (1996-1997). Enhancing Higher Education Teaching for the Excercise Science and Health: Trends and Developments Using Instructioning Computing. En: R. Kruse, M. F. Fernós, T. M. Jiménes, & C. Morales (Eds.). Interdisciplinary Studies. Proceedings of the 19th. and 20th. Annual Conference (Vols IV y V). (pp. 320-352).

Neou, V., & Recker, M. (1996). HTML CD: An Internet Publishing Toolkit for Windows. New Jersey: Prentice Hall PTR.

Ready, K., Vachier, P., & Marsot, B. (1996). Plug-n-Play JavaScript. Indianapolis, IN: New Riders Publishing.

Vaughan, T. (1998). Multimedia: Making It Work. (4ta. ed., pp. 395-422, 495-520). Berkely, CA: Osborne/McGraw-Hill.

Waters, C. (1996). Web Concepts & Design. Indianapolis, IN: New Riders Publishing.

Regresar al Menú
Regresar a Referencias

Servidores WWW:

FDesarrollo:

APRENDA LA RED: edición de páginas de Web: http://www.learnthenet.com/spanish/section/webpubl.html

December, J. (1998). Web Development. December Communications, Inc.: http://www.december.com/web/develop.html

The Pixel Pen Web Publishing Guide: http://home.earthlink.net/~thomasareed/pixelpen/index.html

Art and Zen of Web Sites (1998): http://www.tlc-systems.com/webtips.shtml

How to Create and Install Personal Web Pages: http://hcol.humberc.on.ca/get-st.htm

Blue Web'n Applications: Technology Tutorial:
http://kn.pacbell.com/cgi-bin/listApps.pl?Technology&Tutorial/

WebReference.com (sm) - The Webmaster's Reference Library: http://www.webreference.com/

The WDLVL: The Web Developer's Virtual Library - The Illustrated Encyclopedia of Web Technology:: http://www.stars.com/

The WDLVL: The Virtual Library of WWW Development: http://www.stars.com/Vlib/

Veen, J. (1998). HotWired Style: Principles for Buiding Smart Web Sites: http://www.webreference.com/dev/hotstyle/

What Makes a Great Web Site?: http://www.webreference.com/greatsite.html

Lyris, S. & Ben-Hur, D. (1998). Seven Rules for Highly Effective Web Pages: http://www.teleport.com/~cos/cospages/art1.html

Web Authoring: http://www.unsw.edu.au/interests/est/ets.WEBAuthoring.html

SingNet (1994). WWW. & HTML Developer's JumpStation (1994): http://oneworld.wa.com/htmldev/devpage/dev-page.html

WebMaestro: Crea tu Página del Web: http://wmaestro.com/webmaestro/docs/portada.html

Creación y Diseño de Páginas Web: http://www.chip.iponet.es/cursos/cursos10_97.html

The Web Kitchen: http://www.gnofn.org/%7Enano/WebKitchen/

Crash Course on Writing Documents for the Web.: http://www.zdnet.com/pcweek/eamonn/crash_course.html

Your Web Page Must!. Creating Pro Websites: The Professional Touch: http://…om/toolbox/webdesign/style/pro.html

Regresar al Menú
Regresar a Referencias

FEstilo:

Web Design Group (1998). Style Guide for Online Hypertext: http://www.illuminati.org.au/htmhelp/design/style/style.html

Guide to Web Style: Quick Reference: http://www.sun.com/styleguide/tables/Quick_Reference.html

FDiseño:

Yale C/AIM Web Style Guide: http://info.med.yale.edu/caim/manual/

The Webs Developer's Virtual Library (WDVL): Web Design - More than Meet the Eye: http://wdvl.com/Authoring/Design/

Guide to Web Style: http://www.sun.com/styleguide/

deMause, N. (1996). Web Librarian Puts Tools in Designer's Hands: http://www.internetworld.com/print/1996/10/07/undercon/webweaver.html

UCLA Web Style Guidelines (1996): http://www.ucla.edu/infoucla/styleguidelines/index.html

STIMULUS Internet 101: Web Design: http://www.stimulus.com/education/webdesign.html

Jakob Nielsen's Alertbox for November 1996: Marginalia of Web Design: http://www.useit.com/alertbox/9611.html

The Design Cycle in Team Design (1997). Copyright: synchro design. Contact: Peter H. Jones: http://www.coax.net/teamdesign/cycle.htm

About Design (1998): http://www.utsystem.edu/WebSpinners/design.html

WebWeaver: Sherry O'Neal, osherry2net.com (1998). WWW Design Tip WebPages: http://www.yolo.com/~osherry/design.html

The Webs Developer's Virtual Library (WDVL): Web Developer's Style Guides: http://wdvl.com/Authoring/Style/Guides/

Dimitry Kirsanov's Top Ten Web Design Tips: http://www.design.ru/ttt/

Web Page Design for Designers: http://www.wpdfd.com/wpdhome.htm

The University of Georgia. Office of Instructional Support & Development (1998). Web Tools and Web Design: http://www.isd.uga.edu/WWW%20Instructional/ToolsDesign.html

World Wide Web Design Issues: http://www.w3.org/DesignIssues/

Web Design Tutorials: http://www.webreference.com/authoring/design/tutorials.html

Nielsen, J. (1996). Ten Top Mistakes in Web Design: http://www.useit.com/alertbox/9605.html

Net Tips for Writers and Designers: http://www.dsiegel.com/tips/

Web Page Design: What Makes a Good Home Page: http://werbach.com/web/page_design.html

Regresar al Menú
Regresar a Referencias

F "Frames":

Framing the Web: http://www.webreference.com/dev/frames/

The Webs Developer's Virtual Library (WDVL): Frames-Multi-View Presentation of Documents: http://wdvl.com/Authoring/HTML/Framestuff.html

FNavegación:

The Webs Developer's Virtual Library (WDVL): Navigation: http://wdvl.com/Location/Navigation/

Guide to Web Style: Navigation: http://www.sun.com/styleguide/tables/Navigation.html

FRecursos/Herramientas:

The Webs Developer's Virtual Library (WDVL): A Guide to Creating Web Sites with HTML, CGI, Java, JavaScript, Graphics..: http://Stars.com/Authoring/

Web Tools: http://count-it.ml.org/tools.htm

The Webs Developer's Virtual Library (WDVL): Graphics Tools, Techniques, Examples and Resources: http://wdvl.com/Authoring/Graphics/

Authoring Resources and Information: http://www.webreference.com/authoring/

Kaiser, J. (1999). Your Minning Co. Guide to Web Design: http://wdvl.com/WebRef/Index/

Tonella, K (ed.) (1998). Web Buiders' and Multimedia Resources: Advice to the WebLorn : http://www.arcade.uiowa.edu/proj/webbuilder/

Hamilton, A. (1996). Everything You Need to Build Power Web Pages: http://www.zdnet.com/anchordesk/story/story_447.html

University of Alberta, Edmonton, Canada (1998). Computing and Network Services: Web Tools Tutorials: http://www.ualberta.ca/~maldridg/tutor/WebTut.html

The WWW Help Page: http://werbach.com/web/wwwhelp.html

Laurie McCanna's Complete List of Photoshop Tutorials: Photoshop Tips: http://www.mccannas.com/pshop/photosh0.htm

Comtutors, Inc. (1998). Web Site Design & Registration: http://www.comtutors.com/weblink.htm

Lanzador de Internet: Crea tu Propia Web: http://usuarios.iponet.es/lubrin/html.htm

Regresar al Menú
Regresar a Referencias

FGráficas:

Web Graphics - Elements of Web Design: http://buider.cnet.com/Graphics/Design/ss5.html

 Optimizing Web Graphics: http://www.webreference.com/dev/graphics/

The Clip Art Connection: http://www.gifworld.com/home.htm

Consejos de Estilo Gráfico para WWW (1997): http://dmi.uib.es/people/acoca/estilo/index.html

FAnimación:

The Webs Developer's Virtual Library (WDVL): Multimedia Animation: http://wdvl.com/Multimedia/Animation/

Frazier, R. (1998). Making Animated GIFs on the WWW: http://members.aol.com/royalef/gifmake.htm

Rose's Animated Gifts: http://www.wanderers2.com/rose/animate.html

FJavaScript:

The Webs Developer's Virtual Library (WDVL): Authoring JavaScript: http://wdvl.com/Authoring/JavaScript/

Applets de Java: http://www.wmaestro.com/webmaestro/docs/cap20.html

FHTML:

Creación de Páginas para el WEB: Tutorial: HTML: http://132.248.75.54/~luis/curso/portada.htm

Manual de HTML para el Aficionado: http://www.geocities.com/CollegePark/Campus/3726/man1.htm

Martínez Echevarria, A. (1995). Manual Práctico de HTML: http://www.etsit.upm.es/~alvaro/manual/manual.htm

Oregon State University (1998). HTML: Functions & Commands: http://www.orst.edu/admin/web-edit/html

Introduction to HTML: http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html

The Webs Developer's Virtual Library (WDVL): Dynamic HTML: http://wdvl.com/Authoring/DHTML/

Needleman, R. (1997). Dynamic HTML Revolution: http://cnet/Content/Voices/Needleman/031097/index.html

Regresar al Menú
Regresar a Referencias

FEditores del Web:

Davis, C. (1998). Carl Davis's HTML Editors Reviews - Editor List: http://www.webcommando.com/editrev/ed_list.html

Personal Web-Page Editors: How to Read the Suitability to Task Boxes. PC Magazine Online. http://www.zdnet.com/pcmag/features/webedit/stt.htm

Ernst, W. (1997). WinLab Reviews Software. Head to Head: Web Page Editors: Build Some Heavyweight Web Sites. Windows Magazine. http://www.winmag.com/library/1997/1001/winla104.htm

Web Page Editors: http://shakti.trincoll.edu/~consult/manual/applications/editor.html

Web Page Editors: http://home.earthlink.net/~thomasareed/pixelpen/2_htmlbasics/editors.html

Graphical Web Page Editors: http://www1.zdnet.com/complife/jdi/9706/webpage8.html

Web Editors: http://www.shellnet.co.uk/shellnet/webeditors.htm

Mendelson, E. (1997). Grand Design. PC Magazine Online. http://www.zdnet.com/pcmag/features/webedit/_open.htm

HTML Editors and Web Authoring Tools: http://plato.stanford.edu/html-editors.html

HTML & Web Page Design: Resources: Web Page Editors, Translators, Filters: http://www.blueroom.com/internet/HR-WebPageEditors.htm

HTML Editors and Tools Virtual Library: http://itclub.mur.csu.edu.au/~marty/html.htm

HTML: Web Page Editors and Helper Apps: http://www.yolo.com/~osherry/webeditor.html

Coqui.Net (1996). About HTML Home Page Authoring: http://www.coqui.net/Help/AboutHtml/

Chamoff, B. (1998). The Difference Between HTML and WYSIWYG Web Page Editors: http://www.smartbiz.com/sbs/columns/bruce16.htm

Editors & Html Help: http://www.geocities.com/SiliconValley/4967/editors.html

Metz, C. (1997). Corek Web.Designer. PC Magazine Online. http://www.zdnet.com/pcmag/features/webedit/wbed-r3.htm

(1997). Editors' Choice: Microsoft FrontPage 97. PC Magazine Online. http://www.zdnet.com/pcmag/features/webedit/edchoice.htm

FTerminology:

The Webmaster's Lexicon: http://wdvl.com/WebRef/Index/

FIntranet:

Administración de Documentos: http://www.globalnet.com.mx/intranet/cap4/ad.htm

Regresar a Referencias

Regresar al Menú


[Prontuarios] [Requisitos] [Educación] [Salud] [Educación Física]
[Ciencias del Ejercicio] [Primeros Auxilios] [Informática] [Enlaces] [Asociaciones]
Regresar a: Informática y Telecomunicaciones
 Regresar a: Información en Educativa
Revisado: 4 abril 1999
E-mail: elopatg@coqui.net