Exercicios Programacao WEB

Prévia do material em texto

Lee August Silva Castro 
 
1 
Dezembro/2017 
INTRODUÇÃO AO HTML 
 
1. Criar uma página HTML com: 
 Título da página = “Aprendendo a desenvolver sites” 
 Conteúdo 
 Título com o texto “Ideias para criação de sites” 
 Parágrafos com: 
 Nome do Aluno: _____________________ 
 Ideias de páginas que podem ser criadas com HTML (Um parágrafo por ideia e uma ideia para cada tipo 
de formatação de texto) 
Instruções: 
a) Para o título do texto, insira uma formatação de cabeçalho com tamanho grande. 
b) Informar ao menos três ideias para páginas com HTML. Cada ideia deverá conter um título com formatação 
intermediária de cabeçalho, seguida de um texto explicativo acerca da ideia. O texto de cada ideia será formatado 
com uma cor de fonte diferente, tipo “verdana”, tamanho 4 e com parágrafo justificado. Inserir uma linha horizontal 
ao final de cada ideia 
c) Formate a seu critério uma cor de fundo para a página. 
 
 
 
2. Criar uma página HTML com as informações acerca do plano de ensino da disciplina autoria web e 
programação para a internet. Utilizar os critérios de formatação abaixo: 
 Título da página = “Plano de Ensino” 
 Conteúdo 
 Título do documento com o texto “Plano de Ensino”, utilizar uma formatação de cabeçalho de tamanho 
máximo e centralizado 
 Para as demais sessões do plano de ensino utilizar uma formatação de cabeçalho intermediária, alinhada 
a esquerda. Inserir ao final do conteúdo, uma linha horizontal. 
 Na sessão referente a ementa, formatar o texto como justificado, fonte “arial”, tamanho 4. 
 Na sessão referente ao conteúdo programático, formatar os subitens com tamanho de cabeçalho 
pequeno. Para o conteúdo de cada subitem, formatar como parágrafo justificado, fonte “tahoma”, tamanho 
4, cor “azul” 
 Para as demais sessões do documento, aplicar a formatação de sua preferência. 
Lee August Silva Castro 
 
2 
Dezembro/2017 
 
 
 
IMAGENS 
3. Crie um arquivo chamado carreiras.html e insira as seguintes informações: 
 Título da Página(Janela): Carreiras de TI 
 Cabeçalho do Documento: Áreas de atuação em tecnologia da informação (Formate em estilo de 
cabeçalho, centralizado, após isso, insira uma linha horizontal) 
 Mostrar as áreas de TI (no mínimo quatro) conforme o esquema a seguir: 
A. Descrição: Área de atuação ( ex: Banco de Dados, utilizar uma formatação de cabeçalho 
intermediária). Após a descrição, deverá ser inserida logo abaixo, uma imagem que represente a área 
B. Resumo: Texto introdutório acerca do campo de atuação, justificado, fonte arial, tamanho 4. 
C. Atividades do profissional: Informar ao menos três atividades(uma por parágrafo), fonte courier, 
tamanho 3, cor “azul” 
D. Vídeo: Ao final de cada área, se possível, inserir um pequeno vídeo sobre esta profissão. 
Lee August Silva Castro 
 
3 
Dezembro/2017 
 
LISTAS 
4. Apresente uma lista não ordenada, contendo as disciplinas do semestre atual. Utilize como marcador o círculo não 
preenchido. 
5. Crie uma lista ordenada que contenha pelo menos cinco cursos de seu interesse na área de computação. 
6. Formate os títulos das listas com tags de cabeçalhos de tamanho intermediário. 
Lee August Silva Castro 
 
4 
Dezembro/2017 
 
TABELA 
7. Desenvolva as 3 tabelas abaixo em um único arquivo HTML: 
 
Lee August Silva Castro 
 
5 
Dezembro/2017 
 
 
Lee August Silva Castro 
 
6 
Dezembro/2017 
FORMULÁRIO 
8. Criar uma página HTML que apresente um formulário como mostrado na figura abaixo. Você utilizará nesta 
página as tags <fieldset>, <legend>. 
 
 
Lee August Silva Castro 
 
7 
Dezembro/2017 
9. Criar uma página HTML com um formulário de pré-matrícula de alunos da Escola Virtual. Este formulário 
deve conter os seguintes campos: 
 Nome do Aluno (texto de máximo 40 caracteres) 
 Data do nascimento (dd /mm/ aaaa) 
 Nome da Mãe (texto de máximo 40 caracteres) 
 Nome do Pai (texto de máximo 40 caracteres) 
 Telefone (máximo 8 caracteres + DDD + ramal) 
 e-mail (texto máximo de 40 caracteres) 
 Série (select com opções de pré-escolar à 3a série do 2º grau) 
 Turno preferencial (botão de rádio manhã / tarde) 
 Atividades extra-curriculares (checkbox com informática / música / pintura / judô / futebol) 
 
Lee August Silva Castro 
 
8 
Dezembro/2017