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:
- Layout: Es el diseño o estructura visual de una página web, que organiza los elementos como texto, imágenes y botones.
- HTML (HyperText Markup Language): Lenguaje de marcado usado para estructurar y presentar contenido en la web.
- DHTML (Dynamic HTML): Combina HTML, CSS y JavaScript para crear páginas dinámicas e interactivas.
- CSS (Cascading Style Sheets): Lenguaje que define la apariencia de las páginas web, incluyendo colores, fuentes y disposición.
- JavaScript: Lenguaje de programación que añade interactividad y dinamismo a las páginas web.
- Tags: Elementos básicos de HTML utilizados para definir contenido, como
<p>
para párrafos o <a>
para enlaces.
- Cuerpo (Body): Parte principal del documento HTML que contiene el contenido visible de la página web.
- PHP (Hypertext Preprocessor): Lenguaje de programación del lado del servidor para crear contenido web dinámico.
- SQL (Structured Query Language): Lenguaje utilizado para gestionar y consultar bases de datos.
- Página Estática: Página web con contenido fijo que no cambia sin editar el código fuente.
- Página Dinámica: Página web cuyo contenido se actualiza en tiempo real según las interacciones del usuario.
- Enlaces (Links): Elementos que conectan una página web con otra mediante la etiqueta
<a>
.
- 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:
- Título
<title>Este es un título</title>
- Encabezado
<header>
<h3>Explorando habilidades</h3>
</header>
- Cuerpo
<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>
- Menú
<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>
- Tablas
<table>
<th>Plataforma</th><th>Personalización></th>
<tr>
<td>WordPress</td>Sí</td>
</tr>
</table>
- Pie de página
<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:
- 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.
- 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.
- Fireworks: ahora descontinuado, era ideal para diseñar prototipos interactivos y gráficos web optimizados, como menús y botones.
- 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.
- 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.
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
Publicar un comentario