Altere a cor de fundo Altere a cor do texto Utilize meta tags e direcione a página para um site qualquer



Documentos relacionados
Programação Web Prof. Wladimir

NewAgent enterprise-brain

Conteúdo. DHTML tópicos Hamilton Lima

Exercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:teste@gmail.com" METHOD="POST" ENCTYPE="text/plain" NAME="cadastro">

Roteiro 2: Conceitos de Tags HTML

Web Design Aula 01. No Caderno Responda as Questões abaixo

MANUAL. Perfil de Professor

MANUAL DO INSTAR-MAIL 1.0. Pagina de login e senha do Instar-Mail

SUMÁRIO CARTÃO USP SOLICITAÇÃO DE 1ª VIA... 2 CARTÃO USP SOLICITAÇÃO DE 2ª VIA... 12

Introdução ao Javascript

Núcleo de Tecnologias Interativas de Aprendizagem.

MANUAL DE BOAS PRÁTICAS

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br Escola CDI de Videira

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web

Manual 2010 Webmaster

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.

Manual do Painel Administrativo

1. Tela de Acesso pg Cadastro pg Abas de navegação pg Abas dados cadastrais pg Aba grupo de usuários pg.

Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo.

CONSTRUÇÃO DE BLOG COM O BLOGGER

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

Tutorial Ouvidoria. Acesso, Utilização, Visualização das Manifestações e Resposta ao Manifestante

GERENCIADOR DE CONTEÚDO

Manual de uso do aplicativo Filho Sem Fila

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES

Programação para Internet I

AJUDA - FORMULÁRIO DE PROPOSTA ON-LINE - AVG

Como criar pastas personalizadas e novas peças no Toolbox

Manual de configuração do sistema

Desenvolvedor Web Docente André Luiz Silva de Moraes

UNIVERSIDADE FEDERAL DO AMAPÁ NÚCLEO DE TECNOLOGIA DA INFORMAÇÃO. Manual de Avaliação de Desempenho Cadastro

Guia Rápido Portal do Paciente

NewAgent enterprise-brain

Síntese da aula anterior

Sistema Integrado de Atendimento

Imagens: <img src="..."> src <img src="tecnologia.jpg"> único atributo que não pode ser omitido neste TAG Nota: img

Introdução ao HTML Hypertext Markup Language

Flex. MANUAL DE USO DA FERRAMENTA FLEX O Flex como gerenciador de conteúdo

Tutorial do Usuário para utilização do Magento e commerce

www. inf.br Outubro/2008 5www.habisp.inf.br TREINAMENTO HABISP VERBA DE ATENDIMENTO

Apostila de criação de website

Personalizações do mysuite

Consumidor.gov.br. Usuário: Consumidor

Manual do Plone (novo portal do IFCE)

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

Bem vindo ao ajuda do software QUICKFISH para criação de sites.

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias

Nome do Processo: Requisição Gera Múltiplos pedidos para Múltiplos Fornecedores

Programação WEB I Estruturas de controle e repetição

Tela Principal. 2) Criação do CD para ser entregue ao cliente.

MANUAL DE UTILIZAÇÃO SISTEMA DE CADASTRO INTRANET

Manual do Google agenda. criação e compartilhamento de agendas

Acesso ao sistema. Os cartórios judiciais e seus respectivos diretores serão previamente cadastrados no sistema.

TUTORIAL DO ALUNO. Olá, bem vindo à plataforma de cursos a distância da Uniapae!!!

Criando um script simples

COMO SOLICITAR O CADASTRO DE UM ITEM SSA Central de Cadastro

WorkFlow WEB Caberj v docx. Manual Atendimento Caberj

Olimpíada Brasileira de Robótica. Manual de Inscrição. Sistema OLIMPO Instruções

INTRODUÇÃO AO DESENVOLVIMENTO WEB

Introdução. História. Como funciona

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

15. OLHA QUEM ESTÁ NA WEB!

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Tutorial do administrador do HelpCenterLive (Sistema de Ajuda)

Passa a passo para construir uma página pessoal - Parte 1

e-ouv Passo-a-passo Sistema de Ouvidorias do Poder Executivo Federal Junho, 2015 Controladoria-Geral da União

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia.zip novembro 1996 Tutorial - Autoria em World Wide Web

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.

Manual de Gerenciamento de Conteúdo

Internet e Programação Web

Imagens: <IMG SRC="..."> SRC <IMG SRC="tecnologia.jpg"> único atributo que não pode ser omitido neste tag Nota: img

MANUAL VERSÃO

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte

1 ACESSO PARA SECRETÁRIA CONFIGURAR HORÁRIOS DE ATENDIMENTO BLOQUEANDO E HABILITANDO HORÁRIOS PRÉ-DEFININDO PARÂMETROS DE

VIAÇÃO SÃO BENTO LTDA.

Site do Advogado Manual

Manual do Usuário. Menus: Produtor Rural, Propriedade Rural e GTA Módulo: Produtor Rural. dezembro de 13

ÍNDICE 1. SEJA BEM-VINDO... 2 SOBRE O SISTEMA FUNCIONALIDADES DO SISTEMA... 4

Web Design. Prof. Felippe

Documentação. Programa de Evolução Contínua Versão 1.72

BEM-VINDO AO dhl PROVIEW

Moodle - CEAD Manual do Estudante

WEB COLABORADOR. Envio e Recebimento de arquivos de consignação

Sistema de Gerenciamento Remoto

SUMÁRIO 1. ACESSO À PÁGINA DO AMBIENTE VIRTUAL 2. CONTATANDO O SUPORTE 3. ATUALIZAR PERFIL 4. COMO ACESSAR AS DISCIPLINAS

MANUAL DE MEMBRO COMUNIDADE DO AMIGO

Adapti - Technology Solutions Leonor cardoso nº 331 Fone : (041) Curitiba - PR MANUAL DO USUÁRIO

MANUAL DO ANIMAIL Terti Software

Banner Flutuante. Dreamweaver

Aula 5 Microsoft PowerPoint 2003: Criando uma Apresentação

WorkFlow WEB Volkswagen v docx. Manual de Atendimento Volkswagen

Roteiro de Estudos e Atividades Avaliativas HTML

PHP: Formulários e upload de múltiplos arquivos Por Alfred Reinold Baudisch 28 de fevereiro de 2006.

Novell. Novell Teaming 1.0. novdocx (pt-br) 6 April 2007 EXPLORAR O PORTLET BEM-VINDO DESCUBRA SEU CAMINHO USANDO O NOVELL TEAMING NAVIGATOR

Importação de Dados para o Educacenso 2013

Scriptlets e Formulários

Informática I. Aula 6. Aula 6-12/09/2007 1

Transcrição:

Exercício A11 - Digite o código abaixo e salve-o como ex1.htm. <HTML> <HEAD> <TITLE>Documento com fundo azul!!</title> </HEAD> <BODY bgcolor="#0000ff" text="#00ff00"> Página com fundo e texto coloridos! </BODY> </HTML> - Agora faça as seguintes alterações: Altere a cor de fundo Altere a cor do texto Utilize meta tags e direcione a página para um site qualquer Exercício A12 - Digite o código abaixo, salve-o como imagens.htm e: Selecione imagens no formato jpeg ou gif e substitua os nomes "figura" colocados nas tags <img> Combine diferentes atributos para as imagens Escreva os atributos de cada figura Dicas: - se quiser enviar o arquivo html e imagens, empacote-os com algum compactador (Winzip, CentralZip, 7zip, tar, etc) - se quiser enviar somente um html, forneça o endereço (URL) válido de Internet da imagem no atributo src (por exemplo, http://www.sistemasabertos.com.br/logo/logo_sa.gif) <HTML> <HEAD> <TITLE>Utilizando figuras!</title> </HEAD> <BODY bgcolor="#c0c0c0"> <img src="figura"> <br><br> <img src="figura"> <br><br> <img src="figura"> <br><br> <img src="figura"> <br><br> </BODY>

</HTML> Exercício A13 Exercício A21 Crie um arquivo index.html, ex1.html e ex2.html; Crie links com imagens no arquivo index.html que apontem para ex1.html e ex2.html; Modifique os arquivos ex1.html e ex2.html, criando as seções: INICIO, MEIO e FIM Crie um índice interno em ex1.html e ex2.html que aponte para as suas secoes Adicione um link para e-mail em index.html Exercício A22 Escrevam um código que deverá produzir aproximadamente, a seguinte tabela:

Exercício A31 1) Crie e envie o formulário de pedido de pizzas como é mostrado na figura abaixo: Para saber mais sobre a área de texto, acesse este material: http://www.icmc.usp.br/ensino/material/html/

Exercício A51 Crie uma estrutura de Frames conforme a figura: Existem 3 frames: Frame Menu Vertical - na lateral esquerda, verticalmente, contendo dois links - cliente e produto. Frame Conteúdo - no lado central, à direita do Frame Menu Vertical, utilizado para mostrar conteúdo. Frame Interno - internamente na página a ser mostrada no Frame Conteúdo. Este layout baseado em Frames funciona assim: - Ao clicar no link cliente ou produto localizado no Frame Menu Vertical, será apresentado no Frame Conteúdo a página "Cadastro de Cliente" e "Cadastro de Produto", respectivamente. - Ao clicar no link incluir, alterar, deletar ou consultar em uma página de cadastro, será carregada o formulário de inclusão, alteração, deleção ou consulta, conforme o cadastro previamente escolhido. Exercício A61 Dado o código: <HTML> <HEAD> <TITLE>Trabalhando com CSS!!!</TITLE>

<link rel="stylesheet" href="estilo.css" type="text/css"> </HEAD> <BODY> <table align="center" border="0" width="40%"> <tr> <td align="right">nome:</td> <td> <input type="text" size="50" name="nome"> </td> </tr> </table> </BODY> </HTML> Crie um arquivo de estilo chamado 'estilo.css'; Acrescente novas linhas à tabela e também outras caixas de texto, para certificar que o estilo esteja sendo aplicado corretamente em todos os elementos. Exercício A62 Criar um layout com CSS, seguindo os esquemas: divprincipal divbanner divmenuhsuperior divcentral divmenuvesquerda divconteudo Banner Horizontal Superior... linkhs1 linkhs2 linkhs3 linkhs4 linkhs5 linkhs6 linkhs7 linkve1 linkve2 conteúdo linkve3 linkve4 linkve5 Exercício A71

1. Crie um código que imprima duas variáveis: nome e sobrenome. Utilize HTML para melhorar a atratividade visual. 2. Transporte esse código para um arquivo externo e faça sua página chamar este arquivo. 3. Experimente escrever o método write com a letra maiúscula. Visualize o erro e entenda a mensagem que foi gerada. A página foi executada corretamente Exercício A72 1. Declare as seguintes variáveis e atribua valores correspondentes aos seus tipos: nome(string), idade(inteiro), peso(double). 2. Utilize uma estrutura de controle para descobrir se o valor de sua idade é par ou ímpar. 3. Faça um laço para imprimir todos os anos, do ano atual até o ano de seu nascimento. Exercício A73 1. Crie uma rotina para perguntar ao usuário se ele deseja trocar a cor de fundo da página. Se ele clicar em 'Ok', peça para ele escolher entre três cores: blue, red, green. A cor digitada por ele deverá ser a cor de fundo da página. 2. Faça um script para solicitar o nome do usuário. Exiba uma mensagem de boas vindas com o nome informado. 3. Escreva uma função para receber do usuário 3(três) números e informar a sua média. Dica: a função prompt retorna string, para converte-la para numérico, utilize a função eval (veja referência de funções na apostila). Exercício A74. Retire da string abaixo, todos os nomes de animais e imprima um valor(cada animal) por linha. Utilize os métodos de String para conseguir os resultados. var str = "Cachorro, gato, rato, leão, girafa, veado"; 2. Construa a string "CURSO DE JAVASCRIPT", com partes extraídas de outras strings, conforme a lista abaixo: var str1 = "CEF abre concurso para Advogados."; var str2 = "Abel pede demissão do Flamengo."; var str3 = "Bancos utilizam Java em operações financeiras online."; var str4 = "Este script deve ser concluído em 5 minutos!!!"; 4. Faça um script para calcular quantos meses se passaram desde o dia em que você nasceu.

Exercício A75. Construa uma rotina para avaliar o formulário abaixo: <html> <head> <title>formulário</title> </head> <body> <form name="f1"> <h3>formulário de Inscrição:</h3><hr> Nome:<br> <input type="text" name="nome"><br> CPF:<br> <input type="text" name="cpf">(somente números)<br> Data de Nascimento:<br> <input type="text" name="datanascimento">(dd-mm/yyyy)<br><br> <input type="submit" name="enviar" value="enviar"> </form> </body> </html> Todos os campos devem ser preenchidos. O campo CPF deve permitir a entrada somente de números. O campo Data de Nascimento deve possuir a máscara dd-mm-yyyy. 4. Crie uma máscara para um campo de CPF, seguindo o padrão: 000.000.000-00. Exercício A76 ) Criar um script que crie exemplos de tipos de variaveis: a) String b) Inteiro c) Flutuante d) Verdadeiros (string e numerico) e Falso (string, numerico e nulo) 2) Comprove o tipo de cada um deles por meio da função gettype ou por meio de teste com if; Exercício A77 1) faça um loop infinito com uma condição de parada (break); 2) faça uma tabela de tabuada de multiplicação: 1 x 1 = 1 2 x 1 = 2... 9 x 1 = 9 1 x 2 = 2 2 x 2 = 4... 9 x 2 = 18

............ 1 x 9 = 9 2 x 9 = 18... 9 x 9 = 81 Exercício A78 1 - Utilizando array, crie uma tabela da copa de futebol de 2006, dos grupos A a H seus respectivos times. Grupo A Alemanha Costa Rica Polônia Equador Grupo B Inglaterra Paraguai T. Tobago Suécia Grupo C Argentina C. do Marfim Sérvia Holanda Grupo D México Irã Angola Portugal Grupo E Itália Gana EUA Rep. Tcheca Grupo F Brasil Croácia Austrália Japão Grupo G França Suíça Coréia do Sul Togo

Grupo H Espanha Ucrânia Tunísia Arábia Exercício A79 1) Crie uma biblioteca de funções, com as operações básicas de soma, subtracao, multiplicacao e divisao; 2) Crie um script que utilize a biblioteca criada, calculando as seguintes operações: 2.1) ((2+3)*5)*4 2.2) ((2*2)+(5-4))*(10/2) 2.3) ((4/2)+1)*3