Especialidad de Diseño Web - avanzado

Actividades Profesionales

Requisitos

  1. Poseer las especialidades de computación I, II, III y IV y Diseño Web básico.

    Respuesta: Debes presentar al instructor las tarjetas debidamente firmadas de las cinco especialidades prerrequisito: Computación I (básico), Computación II, Computación III, Computación IV y Diseñador Web Básico, comprobando que cada una ya fue concluida antes de iniciar Diseño Web Avanzado. — Las especialidades avanzadas exigen prerrequisitos para garantizar que el Conquistador ya tenga base teórica y práctica. Las cinco especialidades de computación cubren desde nociones básicas de hardware/software hasta HTML, CSS y lógica. Sin esa base, el contenido avanzado queda superficial y el alumno no logra seguir el ritmo.

  2. Definir los siguientes términos:
    • Bitmap Image
    • Animation
    • DNS
    • Drop-Down Menu
    • Wordpress
    • Joomla
    • Mysql
    • Webmaster
    • W3C
    • E-comerce
    • ActionScript
    • FTP
    • Hyperlink
    • JPEG
    • PNG
    • Resolution
    • GIF

    Respuesta: 1) Bitmap Image: imagen formada por una malla de píxeles, en la que cada punto tiene un color definido; pierde calidad al ampliarse. 2) Animation: secuencia de imágenes mostradas en rápida sucesión que crea la sensación de movimiento. 3) DNS: Domain Name System, el sistema que traduce los nombres de dominio (ej.: sitio.com) a las direcciones IP correspondientes. 4) Drop-Down Menu: menú desplegable que se expande al hacer clic o pasar el cursor, mostrando opciones adicionales. 5) Wordpress: sistema de gestión de contenidos (CMS) muy usado para crear y administrar sitios web y blogs. 6) Joomla: otro CMS de código abierto para la creación y gestión de sitios web. 7) Mysql: sistema gestor de bases de datos relacionales, muy usado en aplicaciones web. 8) Webmaster: persona responsable de crear, mantener y administrar un sitio web. 9) W3C: World Wide Web Consortium, el consorcio que define los estándares y recomendaciones de la web (HTML, CSS, etc.). 10) E-commerce: comercio electrónico, es decir, la compra y venta de productos y servicios por internet. 11) ActionScript: lenguaje de programación usado principalmente en Adobe Flash para crear interactividad y animaciones. 12) FTP: File Transfer Protocol, protocolo usado para enviar y descargar archivos entre la computadora y el servidor del sitio. 13) Hyperlink: enlace en el que se puede hacer clic que conecta una página o recurso con otro, permitiendo la navegación entre contenidos. 14) JPEG: formato de imagen con compresión que reduce el tamaño del archivo, ideal para fotos (pierde un poco de calidad). 15) PNG: formato de imagen con compresión sin pérdida y soporte de transparencia, indicado para logotipos y gráficos. 16) Resolution: resolución, la cantidad de píxeles que componen una imagen o pantalla, generalmente medida en ancho x alto o en DPI. 17) GIF: formato de imagen con pocos colores que admite transparencia y animaciones simples. — Son términos básicos que todo profesional web debe dominar. JPEG, PNG y GIF tienen usos distintos: JPEG es mejor para fotos, PNG para imágenes con transparencia o texto, GIF para animaciones cortas. WordPress y Joomla son CMS — sistemas que facilitan crear sitios web sin programar todo desde cero. El W3C fue creado en 1994 por Tim Berners-Lee.

  3. Presentar de forma escrita una página estática simple, usando solo lenguaje DHTML y CSS, con los siguientes elementos:
    • Top
    • Cuerpo
    • Menú izquierdo
    • Centro
    • Pie de página

    Respuesta: Debes presentar al instructor el código de una página estática simple en HTML/CSS que contenga los cinco elementos: top (cabecera con header), menú izquierdo (sidebar con nav lateral), centro (contenido principal en main), cuerpo (estructura general que envuelve todo) y pie de página (footer con créditos), demostrando el posicionamiento mediante CSS (flexbox o grid) y un estilizado básico. — DHTML se refiere a HTML + CSS + JavaScript trabajando juntos para crear páginas dinámicas. Para el diseño, el estándar moderno es flexbox o CSS grid. Las etiquetas semánticas header, nav, main, aside y footer fueron introducidas por HTML5 (2014) justamente para representar esas regiones de la página.

  4. Usando alguna herramienta gráfica, presentar una página de internet estática simple usando CSS y cargarla en el navegador para visualizar la página, con los mismos elementos mencionados en el punto anterior.

    Respuesta: Debes construir, con una herramienta gráfica (Photoshop, Figma, Adobe XD o similar) o un editor visual, una página de internet estática simple en HTML/CSS que contenga top, menú izquierdo, centro, cuerpo y pie de página, y abrirla en un navegador (Chrome, Firefox, Edge) para mostrar la renderización final al instructor. — El ejercicio entrena el ciclo completo: diseño en el editor gráfico, exportación a HTML/CSS y visualización en el navegador. Herramientas como Figma exportan código CSS listo, pero el profesional necesita entender y ajustar el resultado. Los navegadores usan motores de renderizado (Blink en Chrome, Gecko en Firefox).

  5. Crear y presentar una página dinámica para tu club, que contenga un sistema de registro de usuarios, banners animados y un formulario de contacto usando PHP o un lenguaje de tu preferencia.

    Respuesta: Debes crear y presentar al instructor una página dinámica para tu club de Conquistadores en PHP (o un lenguaje similar como Python, Node.js o ASP.NET), con tres funcionalidades principales: sistema de registro de usuarios con grabación en base de datos (MySQL/PostgreSQL), banners animados (CSS animation o JavaScript) y formulario de contacto funcional, demostrando el sitio en el navegador y explicando el código que escribiste. — Una página dinámica difiere de una estática porque procesa datos en el servidor antes de enviar la respuesta. PHP corre en Apache/Nginx, recibe formularios, guarda en la base de datos y devuelve HTML personalizado. Hoy, las alternativas comunes son Node.js (JavaScript en el servidor) y Python con Django/Flask, frameworks que aceleran el desarrollo.

  6. Presentar un proyecto escrito de un sitio web, que contenga todos los elementos necesarios para el desarrollo del sitio, con portada, justificación, objetivo y conclusión. (Usar el proyecto del sitio del club como práctica)

    Respuesta: Debes presentar al instructor un proyecto escrito completo del sitio del club de Conquistadores que contenga portada (con nombre del proyecto, autor y fecha), justificación (por qué es necesario el sitio y quién lo usa), objetivo (qué hará el sitio y para quién), descripción de los elementos (páginas, módulos, diseño, tecnologías) y conclusión (resultados esperados, plazo de ejecución y costos previstos). — El documento de proyecto es la base profesional para cualquier desarrollo de software. Sin él, el trabajo comienza sin rumbo y termina diferente de lo esperado. Portada, justificación, objetivo y conclusión son las cuatro secciones mínimas; los proyectos más grandes incluyen cronograma, requisitos funcionales y diagrama de base de datos.

  7. Presentar un informe que contenga información de cómo podemos usar internet para ayudar en la predicación del evangelio, y citar algunos ejemplos que ya existen en la red.

    Respuesta: Debes presentar al instructor un informe con formas de usar internet para predicar el evangelio — videos en YouTube, podcasts, redes sociales (Instagram, TikTok), sitios de devocionales, lecciones de la Escuela Sabática en línea, transmisiones en vivo de la iglesia y cursos bíblicos digitales — citando ejemplos reales existentes en la red como Hope Channel, Nuevo Tiempo, EsperanzaTV y canales adventistas oficiales con millones de visualizaciones. — Internet alcanza a miles de millones de personas en segundos, y la Iglesia Adventista invierte en medios digitales desde hace décadas. Hope Channel es la red oficial mundial, con programación 24 h en varios idiomas. Nuevo Tiempo (BR) tiene radio, TV y streaming. Las transmisiones en vivo de cultos y estudios bíblicos alcanzan audiencias que jamás entrarían a un templo físico.

  8. Presentar en forma de informe cuáles son los pasos necesarios para la creación de un dominio y cómo registrarlo para que funcione en la red.

    Respuesta: Debes presentar al instructor un informe que describa los pasos para crear y registrar un dominio: 1) elegir un nombre único y disponible; 2) verificar la disponibilidad en Registro.br (.com.br) o ICANN/registradores (.com/.org); 3) elegir un registrador acreditado; 4) pagar la anualidad del dominio. — En Brasil, .com.br es gestionado por Registro.br (NIC.br), con una anualidad fija de alrededor de R$ 40-50. Los dominios .com y .org se gestionan vía ICANN por registradores acreditados (GoDaddy, Hostgator, Namecheap). Sin renovación, el dominio expira y queda disponible para terceros tras un período de gracia.

  9. Crear y presentar un servidor web. Como cristianos adventistas, creemos en la venida de Cristo. Sabemos que las tecnologías son fruto de la multiplicación de la ciencia, como ya mencionaba la Biblia, desde los grandes descubrimientos a la evolución industrial y el surgimiento de las computadoras, y ahora internet. Menciona el texto bíblico que habla sobre la multiplicación de la ciencia y explica qué relación tiene esto con las profecías.

    Respuesta: Debes presentar al instructor un servidor web en funcionamiento (Apache, Nginx, Node.js o similar) sirviendo páginas a través del navegador; y citar Daniel 12:4 — 'Muchos correrán de aquí para allá, y la ciencia se aumentará' —, explicando que internet, las computadoras y el avance tecnológico cumplen la profecía del tiempo del fin que indica la proximidad de la venida de Cristo según el entendimiento adventista. — Daniel 12:4 es un texto profético que menciona los viajes rápidos y la multiplicación del conocimiento como señales del tiempo del fin. Elena G. de White interpretó esto aplicándolo al avance tecnológico moderno. Apache fue lanzado en 1995 y hoy corre en más del 30% de los servidores web del mundo; Nginx domina entre los sitios más visitados.