AP - 063 - Diseñador Web - Básico

AP DISEÑADOR WEB - BÁSICO
063 Nivel: 1 Año: 2012 División Sudamericana

1. Tener las especialidades Computación I, II, III y IV.

2. Definir los siguientes términos:

  1. Layout: Es el diseño o estructura visual de una página web, que organiza los elementos como texto, imágenes y botones.
  2. HTML (HyperText Markup Language): Lenguaje de marcado usado para estructurar y presentar contenido en la web.
  3. DHTML (Dynamic HTML): Combina HTML, CSS y JavaScript para crear páginas dinámicas e interactivas.
  4. CSS (Cascading Style Sheets): Lenguaje que define la apariencia de las páginas web, incluyendo colores, fuentes y disposición.
  5. JavaScript: Lenguaje de programación que añade interactividad y dinamismo a las páginas web.
  6. Tags: Elementos básicos de HTML utilizados para definir contenido, como <p> para párrafos o <a> para enlaces.
  7. Cuerpo (Body): Parte principal del documento HTML que contiene el contenido visible de la página web.
  8. PHP (Hypertext Preprocessor): Lenguaje de programación del lado del servidor para crear contenido web dinámico.
  9. SQL (Structured Query Language): Lenguaje utilizado para gestionar y consultar bases de datos.
  10. Página Estática: Página web con contenido fijo que no cambia sin editar el código fuente.
  11. Página Dinámica: Página web cuyo contenido se actualiza en tiempo real según las interacciones del usuario.
  12. Enlaces (Links): Elementos que conectan una página web con otra mediante la etiqueta <a>.
  13. www (World Wide Web): Sistema de información global basado en hipervínculos que permite compartir contenido a través de internet.

3. Presentar en forma escrita un código simple de lenguaje HTML, usando los siguientes elementos:

  1. Título
  2. 
    <title>Este es un título</title>
    
  3. Encabezado
  4. 
    <header>
    <h3>Explorando habilidades</h3>
    </header>
        
  5. Cuerpo
  6. 
    <body>
    <p>Los aminoácidos se encuentran en alimentos ricos en proteínas, tales como:</p>
    <ul>
    <li>Carnes y pescados</li>
    <li>Huevos</li>
    <li>Lácteos</li>
    </ul>
    </body>
    
  7. Menú
  8. 
    <nav>
    <ul>
    <li><a> href="#AD">Adra</a></li>
    <li><a> href="#AA">Agrícolas </a></li>
    <li><a> href="#CS">Ciencia y salud</a></li>
    </ul>
    </nav>
    
  9. Tablas
  10. 
    <table>
    <th>Plataforma</th><th>Personalización></th>
    <tr>
    <td>WordPress</td>Sí</td>
    </tr>
    </table>
    
  11. Pie de página
  12. 
    <footer>Copyright © 2025</footer>
    

4. Presentar en una ilustración, o usando medios audiovisuales, la función de las principales herramientas del mercado para la producción de un sitio web, como:

  1. Dreamweaver: es un editor de desarrollo web que permite crear sitios mediante un diseño visual (WYSIWYG) o directamente escribiendo código. También incluye una vista previa en vivo y soporte para múltiples lenguajes como HTML, CSS, y JavaScript.
  2. CorelDRAW: es una herramienta de diseño gráfico vectorial utilizada para crear logotipos, banners y gráficos escalables que pueden ser exportados en formatos compatibles con la web.
  3. Fireworks: ahora descontinuado, era ideal para diseñar prototipos interactivos y gráficos web optimizados, como menús y botones.
  4. Flash: también descontinuado, se utilizaba para crear contenido interactivo como animaciones, juegos y reproductores multimedia. Fue reemplazado por tecnologías como HTML5 y CSS3.
  5. Photoshop:es una herramienta avanzada de edición de imágenes que se usa para optimizar gráficos web, crear banners y diseñar interfaces antes de su desarrollo.
  6. 5. Crear una página estática simple, usando solo el bloc de notas, y con el código ponerla en el browser con los siguientes elementos:

    a) Título b) Encabezado c) Cuerpo d) Menú izquierdo con enlaces e) Pie de página f) Banner animado, por lo menos dos.

Comentarios

Entradas más populares de este blog

HD - 002 - Técnicas de lavandería

AP - 046 - Código semáforo

AR - 050 -Campamento I