Atividades na WEB / Colégio Graham Bell

professora Ana

Aula07 b - construindo fluxograma e memorial Junho 24, 2008

Arquivado em: aulas — hannah23 @ 11:39 am
Tags: , , ,

Na última aula continuamos a construção da página pessoal sobre a profissão. Foi pedido que fosse feito o fluxograma do site (conjunto de páginas que será realizado).

exercício:: Desenhe as páginas que você está fazendo. Lembrando que precisa ter uma página principal (que vai se chamar index), uma página onde se explica o porque da escolha, e uma outra página de contato. E mais quantas você achar necessário. Só lembrando que o que for colocado no fluxograma é o que deverá ser apresentado, como página construída.

envie o desenho para o email da professora, durante o dia de hoje vou tirar dúvidas por email.

Aqui um tutorial bem explicado sobre formulário. Para fazer um formulário funcionar ele precisa ser direcionado para um página específica para onde os dados são enviados. Apenas como exercício, vamos preencher o campo action com “teste.php”. (em geral você trabalha com o suporte a formulário oferecido pelo provedor onde está hospedado o site).

Aqui outro tutorial sobre formulários.

Aqui você encontra exemplos visuais de todos os elementos de um formulário e as suas respectivas tags:

  • Para campo <input> onde se pode inserir campos de dados (texto ou senha), de múltipla escolha, escolha única e botões de ação. veja aqui.
  • Para campo <select> onde temos listas de valores. veja aqui.
  • Para campo <textarea> onde temos, como o nome diz, área para texto, limitado ou não. veja aqui.

exercício:: construa um formulário (mantendo o layout da sua página) com campos de entrada para nome, cidade, email, escolha para que tipo de contato quer fazer (”tirar dúvidas”, “dar um alô”, “contato para amizade”. Faça um print screen da página e envie para a professora, por email

(mais…)

 

Aula 07 - Memorial descritivo e fluxograma (porque e como da página) Junho 16, 2008

Arquivado em: aulas — hannah23 @ 1:00 am
Tags: , , ,

Antes de iniciar qualquer projeto é preciso ter em mente o que se vai fazer. Temos duas ferrmamentas poderosas para isso: um memorial descritivo (que também pode ser chamado de texto base, descrição do site, e tantos outros nomes) e o fluxograma.

No Memorial Descritivo, vamos colocar sobre o que é o nosso site, neste caso sobre que profissão estamos falando, porque escolhemos ela, e como pretendemos desenvolver o tema (quais serão os itens do menu, layout, interatividade etc.). Para este trabalho será pedido um pequeno memorial de 15 linhas, contendo: descrição do site, motivo da escolha, descrição as páginas (conteúdo e layout), imagens (print screen) das páginas.

Fluxograma do site, aqui organizamos as páginas e a navegação do site. O fluxograma é uma espécie de guia para a construção do site. Para este trabalho vamos desenhar o fluxograma completo do site, com todos os links.

 

Aula 06 - Construindo a página Junho 10, 2008

Arquivado em: aulas — hannah23 @ 4:08 am
Tags: , , , , , ,

Ainda pensando o futuro

construir uma página sobre a profissão que quer seguir com a seguinte estrutura:

- texto de 5 a 10 linhas com um texto de introdução, centralizado, com título em negrito e corpo maior que o texto

- imagem alinhada a esquerda do texto. Veja aqui como fazer links de imagens

- após o texto tabela: (alterar para conteúdo condizente com seu tema)

- link para clipe ou video no youtube que represente ou reflita sua escolha profissional

(mais…)