Especialidade de Web Design - básico

Atividades Profissionais

Requisitos

  1. Possuir as especialidades de computação I, II, Ill e IV.
  2. Definir os seguintes termos:
    • Layout
    • HTML
    • DHTML
    • CSS
    • Java Script
    • Tags
    • Body
    • PHP
    • SQL
    • Página Estática
    • Página Dinâmica
    • Links
    • www

    Resposta: 1) Layout: o arranjo e a disposição visual dos elementos de uma página (textos, imagens, menus, espaços). 2) HTML: linguagem de marcação que estrutura o conteúdo da página (títulos, parágrafos, imagens, links). 3) DHTML: HTML "dinâmico" — combinação de HTML, CSS e JavaScript usada para criar páginas interativas que mudam sem recarregar. 4) CSS: linguagem que define o estilo e a aparência da página (cores, fontes, tamanhos, posições). 5) JavaScript: linguagem de programação que dá comportamento e interatividade à página, executada no navegador. 6) Tags: as marcações do HTML (ex.: <p>, <img>, <a>) que delimitam e definem cada elemento. 7) Body: a seção <body> do HTML, onde fica todo o conteúdo visível da página. 8) PHP: linguagem executada no servidor, usada para gerar páginas dinâmicas e acessar bancos de dados. 9) SQL: linguagem para consultar, inserir, atualizar e gerenciar dados em bancos de dados. 10) Página estática: conteúdo fixo, igual para todos os visitantes, sem alteração conforme o usuário. 11) Página dinâmica: conteúdo gerado ou alterado conforme o usuário ou os dados (ex.: via PHP e banco de dados). 12) Links: ligações que levam de uma página ou recurso a outro ao serem clicadas. 13) www: World Wide Web, o sistema de páginas interligadas acessadas pela internet por meio de navegadores. — Dominar esses termos é a base do web design — entender com que peças uma página é construída.

  3. Apresentar de forma escrita um código simples de linguagem HTML, usando os seguintes elementos:
    • Título
    • Cabeçalho
    • Corpo
    • Menu
    • Tabelas
    • Rodapé
  4. Apresentar em forma de ilustração ou multimídia a função das principais ferramentas do mercado para produção de uma web site, tais como:
    • Dreamwaver
    • CorelDraw
    • Fireworks
    • Flash
    • PhotoShop
  5. Criar uma página estática simples, usando apenas o bloco de notas e com o código rodar no browser com os seguintes elementos:
    • Título
    • Cabeçalho
    • Corpo
    • Menu esquerdo com links
    • Rodapé
    • Banner animado pelo menos dois.