Especialidade de Web Design - avançado

Atividades Profissionais

Requisitos

  1. Possuir as especialidades de computação I, II, III e IV e Web designer básico.

    Resposta: Você deve apresentar ao instrutor os cartões devidamente assinados das cinco especialidades pré-requisitos: Computação I (básico), Computação II, Computação III, Computação IV e Web Designer Básico, comprovando que cada uma já foi concluída antes de iniciar Web Design Avançado. — Especialidades avançadas exigem pré-requisitos para garantir que o desbravador já tem base teórica e prática. As cinco especialidades de computação cobrem desde noções básicas de hardware/software até HTML, CSS e lógica. Sem essa base, o conteúdo avançado fica raso e o aluno não acompanha.

  2. Definir os seguintes termos:
    • Bitmap Image
    • Animation
    • DNS
    • Drop-Down Menu
    • Wordpress
    • Joomla
    • Mysql
    • Webmaster
    • W3C
    • E-comerce
    • ActionScript
    • FTP
    • Hyperlink
    • JPEG
    • PNG
    • Resolution
    • GIF

    Resposta: 1) Bitmap Image: imagem formada por uma malha de pixels, em que cada ponto tem uma cor definida; perde qualidade ao ser ampliada. 2) Animation: sequência de imagens exibidas em rápida sucessão que cria a sensação de movimento. 3) DNS: Domain Name System, o sistema que traduz nomes de domínio (ex.: site.com) nos endereços IP correspondentes. 4) Drop-Down Menu: menu suspenso que se expande ao clicar ou passar o cursor, mostrando opções adicionais. 5) Wordpress: sistema de gerenciamento de conteúdo (CMS) muito usado para criar e administrar sites e blogs. 6) Joomla: outro CMS de código aberto para criação e gestão de sites. 7) Mysql: sistema gerenciador de banco de dados relacional, muito usado em aplicações web. 8) Webmaster: pessoa responsável por criar, manter e administrar um site. 9) W3C: World Wide Web Consortium, o consórcio que define os padrões e recomendações da web (HTML, CSS, etc.). 10) E-commerce: comércio eletrônico, ou seja, a compra e venda de produtos e serviços pela internet. 11) ActionScript: linguagem de programação usada principalmente no Adobe Flash para criar interatividade e animações. 12) FTP: File Transfer Protocol, protocolo usado para enviar e baixar arquivos entre o computador e o servidor do site. 13) Hyperlink: link clicável que conecta uma página ou recurso a outro, permitindo a navegação entre conteúdos. 14) JPEG: formato de imagem com compressão que reduz o tamanho do arquivo, ideal para fotos (perde um pouco de qualidade). 15) PNG: formato de imagem com compressão sem perda e suporte a transparência, indicado para logotipos e gráficos. 16) Resolution: resolução, a quantidade de pixels que compõem uma imagem ou tela, geralmente medida em largura x altura ou em DPI. 17) GIF: formato de imagem com poucas cores que suporta transparência e animações simples. — São termos básicos que todo profissional web deve dominar. JPEG, PNG e GIF têm usos distintos: JPEG é melhor para fotos, PNG para imagens com transparência ou texto, GIF para animações curtas. WordPress e Joomla são CMS — sistemas que facilitam criar sites sem programar tudo do zero. O W3C foi criado em 1994 por Tim Berners-Lee.

  3. Apresentar de forma escrita uma página estática simples, usando apenas linguagem DHTML e (SS, com os seguintes elementos:
    • Top
    • Corpo
    • Menu esquerdo
    • Centro
    • Rodapé

    Resposta: Você deve apresentar ao instrutor o código de uma página estática simples em HTML/CSS contendo os cinco elementos: top (cabeçalho com header), menu esquerdo (sidebar com nav lateral), centro (conteúdo principal em main), corpo (estrutura geral envolvendo tudo) e rodapé (footer com créditos), demonstrando posicionamento via CSS (flexbox ou grid) e estilização básica. — DHTML refere-se a HTML + CSS + JavaScript trabalhando juntos para criar páginas dinâmicas. Para layout, o padrão moderno é flexbox ou CSS grid. As tags semânticas header, nav, main, aside e footer foram introduzidas pelo HTML5 (2014) justamente para representar essas regiões de página.

  4. Usando alguma ferramenta gráfica, apresentar uma página de internet estática simples usando o CSS e carregar no browser para visualizar a pagina, com os mesmos elementos mencionados no item anterior.

    Resposta: Você deve construir, com uma ferramenta gráfica (Photoshop, Figma, Adobe XD ou similar) ou editor visual, uma página de internet estática simples em HTML/CSS contendo top, menu esquerdo, centro, corpo e rodapé, e abri-la em um browser (Chrome, Firefox, Edge) para mostrar a renderização final ao instrutor. — O exercício treina o ciclo completo: design no editor gráfico, exportação para HTML/CSS e visualização no navegador. Ferramentas como Figma exportam código CSS pronto, mas o profissional precisa entender e ajustar o resultado. Os browsers usam motores de renderização (Blink no Chrome, Gecko no Firefox).

  5. Criar e apresentar uma página dinâmica para seu clube, contendo sistema de cadastro de usuário, banners animados e formulário de contatos usando PHP ou uma linguagem de sua preferência.

    Resposta: Você deve criar e apresentar ao instrutor uma página dinâmica para seu clube de Desbravadores em PHP (ou linguagem similar como Python, Node.js ou ASP.NET), com três funcionalidades principais: sistema de cadastro de usuário com gravação em banco de dados (MySQL/PostgreSQL), banners animados (CSS animation ou JavaScript) e formulário de contato funcional, demonstrando o site no navegador e explicando o código que escreveu. — Página dinâmica difere de estática porque processa dados no servidor antes de enviar a resposta. PHP roda no Apache/Nginx, recebe formulários, salva no banco e devolve HTML personalizado. Hoje, alternativas comuns são Node.js (JavaScript no servidor) e Python com Django/Flask, frameworks que aceleram o desenvolvimento.

  6. Apresentar um projeto escrito de um site, contendo todos os elementos necessários para o desenvolvimento do site, com capa, justificativa, objetivo e conclusão. (Usar o projeto do site do clube como prática)

    Resposta: Você deve apresentar ao instrutor um projeto escrito completo do site do clube de Desbravadores contendo capa (com nome do projeto, autor e data), justificativa (por que o site é necessário e quem usa), objetivo (o que o site fará e para quem), descrição dos elementos (páginas, módulos, design, tecnologias) e conclusão (resultados esperados, prazo de execução e custos previstos). — O documento de projeto é a base profissional para qualquer desenvolvimento de software. Sem ele, o trabalho começa sem rumo e termina diferente do esperado. Capa, justificativa, objetivo e conclusão são as quatro seções mínimas; projetos maiores incluem cronograma, requisitos funcionais e diagrama de banco de dados.

  7. Apresentar um relatório contendo informações de como podemos usar a internet para ajudar na pregação do evangelho, e cite alguns exemplos que já existe na rede.

    Resposta: Você deve apresentar ao instrutor um relatório com formas de usar a internet para pregar o evangelho — vídeos no YouTube, podcasts, redes sociais (Instagram, TikTok), sites de devocional, lições da Escola Sabatina online, lives de igreja e cursos bíblicos digitais — citando exemplos reais existentes na rede como Hope Channel, Novo Tempo, EsperançaTV e canais adventistas oficiais com milhões de visualizações. — A internet alcança bilhões de pessoas em segundos, e a Igreja Adventista investe em mídia digital há décadas. Hope Channel é a rede oficial mundial, com programação 24h em vários idiomas. O Novo Tempo (BR) tem rádio, TV e streaming. Lives de cultos e estudos bíblicos atingem audiências que jamais entrariam num templo físico.

  8. Apresentar em forma de relatório quais os passos necessários para a criação de um domínio e como registrar o mesmo para funcionar na rede.

    Resposta: Você deve apresentar ao instrutor um relatório descrevendo os passos para criar e registrar um domínio: 1) escolher um nome único e disponível; 2) verificar disponibilidade no Registro.br (.com.br) ou ICANN/registradoras (.com/.org); 3) escolher um registrador credenciado; 4) pagar a anuidade do domínio. — No Brasil, .com.br é gerenciado pelo Registro.br (NIC.br), com anuidade fixa em torno de R$ 40-50. Domínios .com e .org são gerenciados via ICANN por registradoras credenciadas (GoDaddy, Hostgator, Namecheap). Sem renovação, o domínio expira e fica disponível para terceiros após período de carência.

  9. Criar e apresentar um servidor de web. Como cristãos adventistas, acreditamos na volta de Cristo. Sabemos que as tecnologias são frutos da multiplicação da ciência como já mencionava a Bíblia, desde grandes descobertas a evolução industrial e surgimentos dos computadores, e agora a internet. Mencione o texto bíblico que fala sobre a multiplicação da ciência e explique que relação isso tem com as profecias.

    Resposta: Você deve apresentar ao instrutor um servidor web rodando (Apache, Nginx, Node.js ou similar) servindo páginas pelo navegador; e citar Daniel 12:4 — 'Muitos correrão de uma parte para outra, e o conhecimento se multiplicará' —, explicando que a internet, os computadores e o avanço tecnológico cumprem a profecia do tempo do fim que indica a proximidade da volta de Cristo conforme entendimento adventista. — Daniel 12:4 é texto profético que menciona viagens rápidas e multiplicação do conhecimento como sinais do tempo do fim. Ellen G. White interpretou isso aplicando ao avanço tecnológico moderno. O Apache foi lançado em 1995, hoje rodando em mais de 30% dos servidores web do mundo; Nginx domina entre os sites mais acessados.