All +
All –

PRÁCTICAS

• EJERCICIOS Y PRÁCTICAS
  • + –
    Ejercicio DTD-1
    • Análisis estructural de un mensaje de correo electrónico
      • 1. Analice los elementos estructurales de la imagen, y diseñe una DTD que valide la estructura de un mensaje de correo electrónico como el mostrado.
        2. Cree un documento XML que contenga un mensaje de correo electrónico, y que valide con la DTD creada.
        3. Integre la DTD dentro del fichero XML.

    • ~ Ver: emailmessage.jpg
      

  • + –
    Ejercicio DTD-2
    • Análisis estructural de una factura
      • 1. Basado en la imagen, crear un documento XML para codificar la información de una factura.
        2. A continuación, cree un DTD para la factura
        3. Integre la DTD dentro del fichero XML.

    • ~ Ver: invoice.jpg
      

  • + –
    Ejercicio myTV

    • Crear una página web que funcione como un «televisor virtual» usando las plataformas de televisión a la carta y en directo que hay en Internet. Para ello, cread un menú con hiperenlaces a cada plataforma, y utilizad un «iframe» como pantalla del televisor para desplegar los contenidos de las plataformas seleccionadas en el menú. Para que el destino de los hiperenlaces se coloque en el «iframe», usad el atributo «target», y dadle previamente un nombre al «iframe» con el atributo «name». Usando una hoja de estilos CSS, puede quedar como se ve en la imagen.

      ~ Ver: myTV.jpg
      

  • + –
    Práctica Final

    • Tarea:

      Se debe entregar un proyecto Web donde se recojan todas las técnicas, ideas, etc. aprendidas durante la asignatura (HTML y XML). El trabajo será desarrollado usando editores para programadores (p.ej. Notepad++), utilizando la programación directa en HTML (no se deben usar entornos de desarrollo como Dreamweaver). También se usaran recursos de Internet, tratamiento de imágenes, y todo lo que aporte calidad al proyecto. Se valorará el uso de hojas de estilos CSS, y la inclusión de al menos una página en XML.

      Criterios de Corrección

      Se calificará el proyecto de 0 a 10 puntos, teniendo en cuenta el uso de cada una de las técnicas enseñadas en clase. Además se tendrán en cuenta los extras (diseño gráfico, enlaces interesantes, inserción de recursos externos, etc.).

      Entrega

      Como el correo electrónico me está dando problemas con algunas prácticas, para entregar la práctica final, la forma más cómoda y segura es usando Dropbox:

      NOTA: Por si no tenéis Dropbox instalado, podéis daros de alta y descargar el instalador aquí: http://db.tt/Nq552EY9

      – Todo el material de la práctica debe funcionar desde una misma carpeta y sus subcarpetas

      – Crea un archivo comprimido ZIP con la carpeta que contiene toda la práctica. Desde el explorador de Windows, coloca el cursor sobre la carpeta a comprimir, dale al botón derecho, selecciona "enviar", y selecciona "archivo ZIP comprimido"

      – Ponle como nombre: DSIweb_tu-nombre-y-apellido.zip 

      – Copia el fichero ZIP en la carpeta "Public" de tu Dropbox

      – Con el botón derecho del ratón sobre el fichero ZIP copiado en Public, selecciona la opción Dropbox, y luego "copiar enlace público"

      – Envíame un email pegando el "enlace público" del fichero ZIP de la práctica, con asunto "DSIweb: práctica final"

• ·
• SOFTWARE
  • ·
  • SOFTWARE OPEN-SOURCE
    • ·
    • Diagramación
      • ~ Portable Freeplane: diagramas de mapas mentales
        

      • ~ Pencil Project (wireframes y prototipos de interfaces)
        

    • ·
    • Editores especializados
      • ~ Notepad++ (portableApps.com): editor para programadores
        

      • ~ WinMerge (portableApps.com): editor comparador de ficheros
        

      • ~ XML Copy Editor (winPenPack): editor para XML/XHTML
        

    • ·
    • Servidores
      • ~ Server2go: distribución de Apache PHP, MySQL, Perl ideal para pen-drives
        
        • ~ Downloads
          

      • ~ XAMPP: distribución Apache de MySQL, PHP y Perl
        
        • ~ XAMPP Portable Lite
          

        • ~ XAMPP y XAMPP Lite (PortableApps)
          

        • ~ Guía: Configuracion Apache, PHP, MySQL usando XAMPP
          

  • ·
  • SOFTWARE DE MICROSOFT
    • ·
    • ~ Descarga de software de Microsoft (convenio MSDNAA – UMH)
      
      • Microsoft Project: herramienta de gestión de proyectos
      • Microsoft VISIO: dibujador de diagramas (inc. UML)
      • Windows Server 2003 y 2008
  • ·
  • SOFTWARE WEB
    • ·
    • NOTEPAD.CC (web notes)
      • ~ http://notepad.cc/pizarra-dsiweb
        
        • ~ http://notepad.cc/share/vMPpv2ljkx
          

      • ~ http://notepad.cc/pizarra-ie
        
        • ~ http://notepad.cc/share/ASdwVKoFMD
          

      • AYUDA
        • ~ http://blog.notepad.cc/
          

        • ~ http://jacobbijani.com/offerings
          

        • ~ Notepad.cc: Un bloc de notas virtual
          

        • ~ Notepadcc: Lo mas simple y efectivo: notas en la nube
          

    • ·
    • ~ NOTEPAG.ES (markdown editor)
      
      • AYUDA
        • ~ Alex’s examples
          

        • ~ http://notepag.es/introduction
          
          • ~ http://notepag.es/latexdemo
            

        • ~ http://notepag.es/the-maze-2
          

        • ~ http://notepag.es/reddit-proposal
          

        • ~ http://daringfireball.net/projects/markdown/syntax
          

        • ~ http://web.ift.uib.no/Teori/KURS/WRK/TeX/symALL.html
          

        • ~ http://chris-spencer.co.uk/2011/03/11/notepag.es-a-markdown-and-LaTeX-notepad/
          

    • ·
    • ~ Mozilla THIMBLE (online HTML editor)
      
      • Thimble: Webmaking made easy

        • Thimble makes it ridiculously simple to create and share your own web pages. Write and edit HTML and CSS right in your browser, then instantly preview your work. Host and share your finished projects with a single click. Perfect for beginners and experts alike.

      • ~ Thimble Webmaker Help
        
        • TO SAVE WEBPAGE: From Firefox: Right button, This Frame, View Frame Source
    • ·
    • ~ PIXLR https://pixlr.com/