Web Design - Professor Alex

Web Design
Aula 01
No Caderno Responda as Questões abaixo
1 – O que é Web Design?
2 – Qual a diferença entre Web Design e Web Designer?
3 – O que são Sites ou Páginas? Cite 3 tipos de Sites.
4 – O que é um Navegador?
5 – O que são Servidores e o que são Protocolos?
Exercício Prático
1 – Pesquise no Google:
●
O que são Páginas Estáticas e o que são Páginas Dinâmicas?
●
Quais os tipos de sites podemos encontrar na Internet? Cite pelo menos 5 tipos.
●
Como criar uma boa página. Que regras devem ser seguidas.
●
Comece a pensar que tipo de site você vai criar. Utilize o google para pesquisa, ou seja, para você se
basear em páginas existentes.
Web Design
Aula 02
No Caderno Responda as Questões abaixo
1 – Como faço para visualizar o código fonte de uma página?
2 – O que é HTML?
3 – Qual programa irei utilizar para construir minha página?
4 – Qual é o HTML básico?
5 – Qual extensão devo salvar minha página para visualizá-la no Navegador?
Exercício Prático
1 – Abra o Editor de Textos – Aplicações – Acessórios – Editor de Texto
2 – Primeiro crie o HTML Básico
3 - Crie uma página com os assuntos abaixo preenchendo com seus dados:
Nome:
Sobrenome:
Data de Nascimento:
Idade:
Signo:
Hobby:
Profissão:
O que gosta de fazer nas horas vagas:
Cor Preferida:
Prato Preferido:
Esporte:
Filme:
Um Livro:
Ídolo:
Lugar Especial:
Mais Adora e Mais Detesta:
4– Salve essa página no Desktop com o nome - “Meu Perfil.html”
5 – Envie para seu Professor.
Web Design
Aula 03
No Caderno Responda as Questões abaixo
1 – Defina cada Tag do HTML Básico
2 – Qual Tag utilizo para criar um Parágrafo?
3 – Qual Tag é utilizada quando preciso criar uma Quebra de Linha?
4 – Qual a Função da Tag Font? Explique a função dos atributos Color, Size e Face.
5 – Explique as tags:
<b>...</b>
<i> ....</i>
<u>...</u>
Exercício Prático
1 – Abra o Editor de Textos – Aplicações – Acessórios – Editor de Texto
2 – Primeiro crie o HTML Básico
3 - Crie uma página com o conteúdo abaixo:
Título em Negrito: Software Livre - Letra: Purisa, Cor: Vermelha, Tamanho:8
Procure conteúdos na Internet sobre Software Livre e digite um texto de 15 linhas relacionado ao conteúdo.
Você deve colocar Parágrafo, sublinhar e colocar em itálico as palavras que você considere importante e mudar
a cor da letra.
Dica: A cada novo parágrafo ou linha utilize a tag do <BR>.
4 – Salve essa página no Desktop com o nome - “SoftwareLivre.html”
5 – Envie para seu Professor.
Web Design
Aula 04
No Caderno Responda as Questões abaixo
1 – O que são atributos?
2 – Qual a função do atributo TEXT?
3 – Qual a função da tag <DIV>?
4 – Qual tag utilizo para colocar uma imagem na página?
5 – Explique os seguintes atributos de <IMG...>
SRC:
HEIGHT:
WIDTH:
Exercício Prático
1 – Crie a seguinte página:
Título Centralizado e em Negrito: Novas Tecnologias e Tendências
Você vai procurar no Google sobre os temas descritos acima, vai ler e digitar pelo menos em cinco linhas o que
você entendeu.
2 – Para cada conteúdo que você achar colocar uma imagem.
3 – Salve essa página no Desktop com o nome - “NovasTecnologias.html”
4 – Envie para seu Professor.
Web Design
Aula 05
No Caderno Responda as Questões abaixo
1 – O que faz <OL> e o que faz <UL>?
2 – Qual atributo é utilizado para colocar uma cor de fundo na página? E qual utilizo para colocar uma imagem
de fundo?
3 – Quais tipos de Links posso colocar na minha página?
4 – Descreva a Tag para colocar um Link Interno.
5 – Descreva a Tag para colocar um Link Externo.
Exercício Prático
1 – Faça uma página para cada um dos seguintes temas: Sistemas Operacionais, Internet, OpenOffice Writer e
OpenOffice Calc
2 – Crie uma página que será a index.html e crie um link para cada uma das páginas que você criou.
3 – Ainda na página index.html crie um Hiperlink direcionado para o site do cete-pr
(http://www.cetecpr.com.br)
4 – Crie um pacote .zip de todos os arquivos incluindo imagens e envie para o seu professor.
Web Design
Aula 06
No Caderno Responda as Questões abaixo
1 – Qual é a Tag utilizada para criar uma Tabela?
2 – Explique <TR>.
3 – Explique <TD>.
4 – Qual a função dos atributos CELLPADING e CELLSPACING?
5 – O que é CSS?
Exercício Prático
1 – Inicio da Criação do Projeto
2 – Você deve criar uma Página de uma empresa determinada pelo seu Professor.
3 – A partir dessa aula tudo que você aprender você vai aplicar no seu site
4 – Ao final do Módulo você vai apresentar o seu Site.
Web Design
Aula 07
No Caderno Responda as Questões abaixo
1 – O que é Frame?
2 – Qual a função do Frame?
3 – Escreva o código principal do Frame?
4 – Qual a função do atributo Cols?
5 – Qual a função do atributo Rows?
Exercício Prático
1 – Continuação do Projeto I
Web Design
Aula 08
No Caderno Responda as Questões abaixo
1 – O que são Botões?
2 – Qual é o processo para criar um Botão?
3 – Qual é o processo para criar uma imagem como link?
4 – O que é Hiperlink?
5 – Qual a diferença entre Link e Hiperlink?
Exercício Prático
1 – Continuação do Projeto II
Web Design
Aula 09
No Caderno Responda as Questões abaixo
1 – Qual a função do Box Model no CSS?
2 – Qual a Função do Margin e Padding no CSS?
3 – Explique por que usar CSS em um site?
4 – O que faz o efeito MARQUEE? Qual tag é utilizada?
5 – O que faz o efeito BLINK? Qual tag é utilizada?
Exercício Prático
1 – Continuação do Projeto III
Web Design
Aula 10
No Caderno Responda as Questões abaixo
1 – O que é Script?
2 – Qual a função de um Script na página?
3 – Qual é o processo para colocar script na página?
4 – Porque utilizar um Script?
5 – Cite 2 sites onde podemos encontrar scripts prontos.
Exercício Prático
1 – Continuação do Projeto IV
Web Design
Aula 11
No Caderno Responda as Questões abaixo
1 – O que significa Publicar ou Hospedar um site?
2 – O que é um Servidor Web?
3 – Cite 2 Servidores Web Gratuitos.
4 – O que é Redirecionador? Cite 2 redirecionadores.
5 – O que é FTP e qual a função do programa GFTP?
Exercício Prático
1 – Faça o cadastro em um Servidor Web
2 – Carregue os arquivos do Site
3 – Utilize um Redirecionador
Web Design
Aula 12
No Caderno Responda as Questões abaixo
1 – Quais tipos de arquivos podemos colocar na página?
2 – O que é um arquivo em PDF?
3 – Qual é o processo para colocar um vídeo do youtube na página?
4 – Se eu colocar muitos vídeos, a página fica pesada?
5 – Qual é o processo para colocar um arquivo mp3 no site?
Exercício Prático
1 – Continuação do Projeto V
Web Design
Aula 13
No Caderno Responda as Questões abaixo
1 – O que são Animações?
2 – O que é Gimp?
3 – O que posso criar no Gimp?
4 – Defina o servidor onde a página será publicada.
5 – Defina o redirecionador que será usado.
Exercício Prático
1 – Finalização do Projeto