Especialidad de Diseño Web - básico

Actividades Profesionales

Requisitos

  1. Poseer las especialidades de computación I, II, III y IV.
  2. Definir los siguientes términos:
    • Layout
    • HTML
    • DHTML
    • CSS
    • Java Script
    • Tags
    • Body
    • PHP
    • SQL
    • Página Estática
    • Página Dinámica
    • Links
    • www

    Respuesta: 1) Layout: la disposición y el arreglo visual de los elementos de una página (textos, imágenes, menús, espacios). 2) HTML: lenguaje de marcado que estructura el contenido de la página (títulos, párrafos, imágenes, enlaces). 3) DHTML: HTML "dinámico" — combinación de HTML, CSS y JavaScript usada para crear páginas interactivas que cambian sin recargar. 4) CSS: lenguaje que define el estilo y la apariencia de la página (colores, fuentes, tamaños, posiciones). 5) JavaScript: lenguaje de programación que da comportamiento e interactividad a la página, ejecutado en el navegador. 6) Tags (etiquetas): las marcas del HTML (ej.: <p>, <img>, <a>) que delimitan y definen cada elemento. 7) Body: la sección <body> del HTML, donde está todo el contenido visible de la página. 8) PHP: lenguaje ejecutado en el servidor, usado para generar páginas dinámicas y acceder a bases de datos. 9) SQL: lenguaje para consultar, insertar, actualizar y gestionar datos en bases de datos. 10) Página estática: contenido fijo, igual para todos los visitantes, sin cambios según el usuario. 11) Página dinámica: contenido generado o modificado según el usuario o los datos (ej.: mediante PHP y base de datos). 12) Links (enlaces): conexiones que llevan de una página o recurso a otro al hacer clic en ellas. 13) www: World Wide Web, el sistema de páginas interconectadas accedidas por internet mediante navegadores. — Dominar esos términos es la base del diseño web — entender con qué piezas se construye una página.

  3. Presentar de forma escrita un código simple en lenguaje HTML, usando los siguientes elementos:
    • Título
    • Encabezado
    • Cuerpo
    • Menú
    • Tablas
    • Pie de página
  4. Presentar en forma de ilustración o multimedia la función de las principales herramientas del mercado para la producción de un sitio web, tales como:
    • Dreamwaver
    • CorelDraw
    • Fireworks
    • Flash
    • PhotoShop
  5. Crear una página estática simple, usando solo el bloc de notas y con el código ejecutándose en el navegador, con los siguientes elementos:
    • Título
    • Encabezado
    • Cuerpo
    • Menú izquierdo con enlaces
    • Pie de página
    • Banner animado, al menos dos.