1) Crie uma nova página chamada Exercício.html e deixe-a com o seguinte layout:
|
|
|
- Laura Flores Belo
- 8 Há anos
- Visualizações:
Transcrição
1 Exercícios: 1) Crie uma nova página chamada Exercício.html e deixe-a com o seguinte layout: a) O cabeçalho Sistema de Órgãos Colegiados deve ter tamanho 3 e ficar centralizado. b) Após o cabeçalho incluir uma linha horizontal tamanho 2 e cor cinza. c) O texto Cursos de Graduação deve ser fonte Arial, tamanho 3 e cor Azul. d) O texto Cursos de Pós-Graduação deve ser Negrito, fonte Arial, tamanho 3 e cor Verde. e) O texto Mestrado deve ser Itálico, fonte Arial, tamanho 3 e cor Laranja. f) O texto Doutorado deve ser Sublinhado, fonte Arial, tamanho 3 e cor Vermelha. g) O texto Esta é a primeira aula de HTML deve ser um texto préformato como mostrado na figura, fonte Arial, tamanho 5 e cor Magenta.
2 Resposta: <HTML> <HEAD> <TITLE>Curso de HTML</TITLE> </HEAD> <BODY> <center><h3>sistema de Órgãos Colegiados</h3></center> <HR width="100%" align="left" size="2" color="silver" > <font color="blue" face="arial" size="3">cursos de Graduação</font> <font color="green" face="arial" size="3"><b>cursos de Pós- Graduação</b></font> <font color="orange" face="arial" size="3"><i>mestrado</i></font> <font color="red" face="arial" size="3"><u>doutorado</u></font> <font color="magenta" face="arial" size="5"> <pre> Esta é a primeira aula de HTML.</pre> </font> </BODY> </HTML>
3 2) Crie uma nova página chamada Exercicio1.html e deixe-a com o seguinte layout: Resposta: a) O texto deverá ser em cor azul com tamanho 3. b) A Linha horizontal deve ser cinza e tamanho 2. c) Para cada figura colocar um texto para aparecer com for posicionado o mouse sobre a imagem. O texto a seguir colocar para cada figura seguindo a ordem (Buscar, Mostrar todos, Registro Anterior, Próximo Registro, Salvar, Limpar, Excluir). d) Para os links fazer para o site da Unesp e da Receita Federal. <html> <title>exercícios</title> <body> <font face="arial" size="3" color="blue"><b>barra de Ferramentas (Imagens)</b></font> <HR width="100%" size="2" color="silver" >
4 <IMG SRC="img/search.gif" ALT="Buscar"> <IMG SRC="img/todosreg.gif" ALT="Mostrar todos"> <IMG SRC="img/prevrec.gif" ALT="Registro Anterior"> <IMG SRC="img/nextrec.gif" ALT="Próximo Registro"> <IMG SRC="img/salvar.gif" ALT="Salvar"> <IMG SRC="img/erase.gif" ALT="Limpar"> <IMG SRC="img/delete.gif" ALT="Excluir"> <font face="arial" size="3" color="blue"><b>links</b></font> <HR width="100%" size="2" color="silver" > <A HREF=" > Unesp </A> <A HREF=" > Receita Federal </A> </body> </html> 3) Em outra página criar uma lista não ordenada com o tipo Square com os seguintes itens: Cursos de Graduação: Agronomia Biologia Ciência da Computação Direito Medicina Nutrição Odontologia Pedagogia Zootecnia Para cada linha fazer na fonte tamanho 2, alterar as cores das linhas em verde e marrom.
5 <html> <title>exercício 2</title> <body> <font face="arial" size="3" color="blue"><b> Cursos de Graduação </b></font> <HR width="100%" size="2" color="silver" > <UL TYPE = "square"> <li><font face="arial" size="2" color="green"> Agronomia </font> <li><font face="arial" size="2" color="brown"> Biologia </font> <li><font face="arial" size="2" color="green"> Ciência da Computação</font> <li><font face="arial" size="2" color="brown"> Direito </font> <li><font face="arial" size="2" color="green"> Medicina </font> <li><font face="arial" size="2" color="brown"> Nutrição </font> <li><font face="arial" size="2" color="green"> Odontologia </font>
6 <li><font face="arial" size="2" color="brown"> Pedagogia </font> <li><font face="arial" size="2" color="green"> Zootecnia </font> </ul> </body> </html> 4) Criar uma página com o nome Exercio3.html com o seguinte layout: Resposta: <html> <title>exercício 3</title> <body> <font face="arial" size="3" color="blue"><b>notas dos alunos</b></font> <HR width="100%" size="2" color="black" > <table border="1" width="60%" align="center"> <th>alunos</th> <th colspan="2">notas</th>
7 <td> - </td> <td align="center"><b><i>prova</i></b></td> <td align="center"><b><i>trabalho</i></b></td> <tr bgcolor="#a8a8a8"> <td>ana Paula</td> <td align="center"><font color="green">10</font></td> <td align="center"><font color="green">8</font></td> <td>beatriz</td> <td align="center"><font color="green">7</font></td> <td align="center"><font color="red">5</font></td> <tr bgcolor="#a8a8a8"> <td>joaquim</td> <td align="center"><font color="green">9</font></td> <td align="center"><font color="green">10</font></td> <td>paulo</td> <td align="center"><font color="red">4,5</font></td> <td align="center"><font color="green">6</font></td> <tr bgcolor="#a8a8a8"> <td>tadeu</td> <td align="center"><font color="red">3</font></td> <td align="center"><font color="red">2</font></td> </body> </html>
8 5) Construir a tela de cadastro de Órgão Colegiado como demonstrado na figura a seguir. Salvar esta página como ColegiadoOrgaoManutencao.html: Resposta: <html> <head> <title>órgãos Colegiados</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" > <table cellspacing="1" cellpadding="1" border="0" width="100%" align="center" >
9 <td height="20" >Colegiado UNESP ::: </td> <td height="20" >Manutenção do Órgão Colegiado </td> <table width="80%" height="46" border="1" align="center" id="tabela" > <td > Unidade</td> <td > FACULDADE DE ENGENHARIA DE ILHA SOLTEIRA</td> <td > Tipo Colegiado</td> <td > CONGREGAÇÃO</td> <form name="formulario" > <input type="hidden" name="cod"/> <table width="100%" height="46" border="1" align="center" id="tabela" > <td height="40" >Órgão Colegiado </td> <td > <P> <table width="100%" border =0> <td width="20%" ><b>nome</b></td> <td colspan=3><input type="text" name="nome" value="congregação DA FACULDADE DE ILHA SOLTEIRA" size="78" maxlength="78" /></td> <td ><b>sigla</b></td>
10 <td width="50%"><input type="text" name="sigla" value="cfis" size="10" maxlength="10" /></td> <td ><b>status</b></td> <td><select name="status" size="1" > <option value="a" selected>ativado</option> <option value="a">ativado</option> <option value="d">desativado</option> </select></td> <td ><b>data Ativação</b></td> <td><input type="text" name="dt_ativo" value="15/10/2000" size="10" maxlength="10" /></td> <td ><b>data Desativação</b></td> <td><input type="text" name="dt_desativo" value="" size="10" maxlength="10" /></td> <td ><b>órgão de Origem</b></td> <td colspan=3><input type="text" name="origem" value="" size="68" /> <input name="button" type="button" value="buscar" /> </td> <td ><b>órgão Superior</b></td> <td colspan=3><input type="text" name="superior" value="" size="68" /> <input name="button" type="button" value="buscar" /> </td> <td ><b>documentação</b></td> <td colspan=3><textarea name="documentacao" cols="60" rows="4" > Órgão criado com o objetivo de aprovar normas da unidade.</textarea></td>
11 <div align="center"> <table width="546"> <td width="291"> <input name="button" type="button" value="salvar" > </td> <td width="249"> <input name="button" type="button" value="excluir" /> </td> </form> </body> </html> </td> </div> <input name="button" type="button" value="retornar"/>
12 6) Criar uma página chamada Exercicio5.html e crie frames com o seguinte layout: Executar os seguintes passos: a) Criar 3 páginas com os seguintes nomes: menu.html, rodapé.html e principal.html b) Na página onde será montado os frame (Exercicio5.html) monte o frame a seguir: - menu: frame com tamanho de 90% que deverá chamar a página menu.html - rodape: frame com tamanho de 10% que deverá chamar a página rodape.html - principal: frame com tamanho de 80% que deverá chamar a página principal.html c) No menu coloque 4 links para os exercícios que fizemos até agora. Olhe o exemplo acima. d) No rodapé coloque um link que chame a tela principal.
13 e) Todos os links deverão abrir na tela principal f) Na tela principal coloque o texto Curso de HTML Resposta da página Exercico5.html <FRAMESET rows="90%, 10%" FRAMEBORDER="YES" > <FRAMESET COLS="20%,80%" FRAMEBORDER="YES" > <FRAME SRC="menu.html" NAME="menu" FRAMEBORDER="YES" SCROLLING="no"> <FRAME SRC="principal.html" NAME="principal" FRAMEBORDER="YES" > </FRAMESET> <FRAME SRC="rodape.html" NAME="rodape" FRAMEBORDER="YES" SCROLLING="no"> </FRAMESET> Resposta da página menu.html <html> <head> <title> Curso de HTML </title> </head> <body > <h1><font face="arial" color="orange">menu</font></h1> <HR width="100%" align="left" size="2" color="silver" > <A HREF = "Exercicio1.html" target="principal">exercicio 1 </A> <A HREF = "Exercicio2.html" target="principal">exercicio 2 </A> <A HREF = "Exercicio3.html" target="principal">exercicio 3 </A> </body> </html> Resposta da página rodape.html: <html> <head> <title> Curso de HTML
14 </title> </head> <body > <center> <A HREF = "principal.html" target="principal"> <font face="arial" >Página Principal</font> </A> </center> </body> </html> Resposta da página principal.html <html> <head> <title> Curso de HTML </title> </head> <body > <h1><center><font face="courier" color="blue">curso DE HTML </center></font></h1> </body> </html> 7) Criar uma Folha de Estilo com nome de Exercicio.css e realizar as seguintes tarefas: a) Criar estilo para TAG de link para que não tenha linha sublinhada e seja da cor azul b) Criar estilo para a TAG H3 com as seguintes propriedades: cor azul, fonte Arial, tamanho 12pt. c) Criar estilo para a TAG H1 com as seguintes propriedades: cor azul, fonte Arial, tamanho 16pt. d) Criar estilo com nome de nomecampo com as seguintes propriedades: cor preta, fonte Arial, tamanho 12pt.
15 e) Fazer a chamada desta folha de estilo nas páginas menu.html, rodapé.html, principal.html, Exercicio1.html, Exercicio2.html, Exercicio3.html f) Na página principal.html colocar a TAG H1 para o Título da página. g) Nas páginas Exercicio1.html, Exercicio2.html, Exercicio3.html colocar a TAG H3 para os Títulos das páginas. Respostas: a, b, c e d) A { color: blue; text-decoration: none } H3 { font-family: 'Arial'; font-size: 12pt; color: blue; } H1 { font-family: 'Arial'; font-size: 16pt; color: blue; } nomecampo { font-family: 'Arial'; font-size: 12pt; color: black; } e) Colocar dentro da TAG de cabeçalho <HEAD></HEAD> <LINK REL="STYLESHEET" HREF="Exercicio.css" TYPE="text/css"> f) <h1><center>curso DE HTML</center></h1> g) <H3><b>Barra de Ferramentas (Imagens)</b></H3> <H3><b>Links</b></H3>
16 <H3><b>Cursos de Graduação</b></H3> <H3><b>Notas dos alunos</b></h3> <h3>programa</h3> <h3>conselho de Programa de Pós-Graduação</h3> 8) Com base no exercício 5 (formulário de Órgãos Colegiados), utilizar o arquivo CSS padrão da Unesp (folha.css), realizando as seguintes tarefas: a) Inclua dentro da tag de cabeçalho <link href="folha.css" rel="stylesheet" type="text/css"> b) Dentro da tag BODY adicone: class="fundopaginainterna c) Dentro da tag TD do Colegiado da Unesp adicione: class="nomearea"
17 d) Dentro da tag TD do Manutenção do Órgão Colegiado adicione: class="titulodestaque2 e) Dentro da tag TD dos títulos Unidade, Tipo Colegiado, Órgão Colegiado adicione: class="tabela-titulo f) Dentro da tag TD dos nomes dos campos de formulário adicione: class="tabela-linha" g) Para todos os campos de formulário adicione dentro de suas tags: class="itens-form h) Para fazer o rodapé da página adicionar o código abaixo, antes de fechar a Tag BODY: <table width="768" border="0" cellpadding="0" cellspacing="0" id="rodape"> <td height="60" align="left" class="rodapefundo"><table width="100%" height="60" border="0" cellpadding="0" cellspacing="0" id="menurodape"> <td width="300" class="rodapedestaque"> Secretaria Geral <td><div align="center"><a href="../" target="_blank" class="rodapetexto">home</a></div></td> <td width="2" class="rodapedivisor"><div align="center"></div></td> <td><div align="center"><a href="../" class="rodapetexto">contato</a></div></td> <td width="2" class="rodapedivisor"><div align="center"></div></td> <td><img src="imagens/spacer.gif" width="265" height="30"></td> <td><div align="center"><a href="../" target="_top" class="rodapetexto">sair do Sistema</a></div></td> </td> <table width="768" border="0" cellspacing="0" cellpadding="0"> <td><table width="567" border="0" align="center" cellpadding="0" cellspacing="0" id="desenv">
18 <td height="25"><div align="center"><span class="desenvtxt">unesp - Universidade Estadual Paulista "Júlio de Mesquita Filho" </span></div></td> <td height="25"><div align="center">reitoria</div></td> </td> <table width="768" border="0" cellpadding="0" cellspacing="0"> <tr class="desenvpor"> <td height="25" class="desenvpor"><div align="center">tecnologia e Desenvolvimento : <a href=" target="_blank"> Assessoria de Informática</a> - <b>grupo DE SISTEMAS</b> <img src=" /> </div></td> Resposta (código da página completa): <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows- 1252"> <title>órgãos Colegiados</title> <link href="folha.css" rel="stylesheet" type="text/css"> </head> <body scroll="yes" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="fundopaginainterna"> <table cellspacing="1" cellpadding="1" border="0" width="100%" align="center" > <td height="20" class="nomearea">colegiado UNESP ::: </td> <td height="20" class="titulodestaque2">manutenção do Órgão Colegiado
19 </td> <table width="80%" height="46" border="1" align="center" id="tabela" > <td class="tabela-titulo"> Unidade</td> <td class="tabela-linha"> FACULDADE DE ENGENHARIA DE ILHA SOLTEIRA</td> <td class="tabela-titulo"> Tipo Colegiado</td> <td class="tabela-linha"> CONGREGAÇÃO</td> <form name="formulario" > <input type="hidden" name="cod"/> <table width="100%" height="46" border="1" align="center" id="tabela" > <td height="40" class="tabela-titulo">órgão Colegiado </td> <td class="tabela-linha"> <P> <table width="100%" border =0> <td width="20%" class="tabela-linha"><b>nome</b></td> <td colspan=3><input type="text" name="nome" value="congregação DA FACULDADE DE ILHA SOLTEIRA" size="78" maxlength="78" class="itens-form" /></td> <td class="tabela-linha"><b>sigla</b></td> <td width="50%"><input type="text" name="sigla" value="cfis" size="10" maxlength="10" class="itens-form" /></td> <td class="tabela-linha"><b>status</b></td> <td><select name="status" size="1" class="itens-form" > <option value="a" selected>ativado</option> <option value="a">ativado</option> <option value="d">desativado</option> </select></td> <td class="tabela-linha"><b>data Ativação</b></td> <td><input type="text" name="dt_ativo" value="15/10/2000" size="10" maxlength="10" class="itens-form" /></td> <td class="tabela-linha"><b>data Desativação</b></td> <td><input type="text" name="dt_desativo" value="" size="10" maxlength="10" class="itens-form" /></td>
20 <td class="tabela-linha"><b>órgão de Origem</b></td> <td colspan=3><input type="text" name="origem" value="" size="68" class="itens-form" /> <input name="button" type="button" class="itens-form" value="buscar" onclick="verifica1()"/> </td> <td class="tabela-linha"><b>órgão Superior</b></td> <td colspan=3><input type="text" name="superior" value="" size="68" class="itens-form" /> <input name="button" type="button" class="itens-form" value="buscar" onclick="verifica2()"/> </td> <td class="tabela-linha"><b>documentação</b></td> <td colspan=3><textarea name="documentacao" cols="60" rows="4" class="itens-form" > Órgão criado com o objetivo de aprovar normas da unidade.</textarea></td> <div align="center"> <table width="546"> <td width="291"> & nbsp; &n bsp; &nb sp; <input name="button" type="button" class="itens-form" value=" Salvar " /> </td> <td width="249"> & nbsp; <input name="button" type="button" class="itens-form" value=" Excluir " /> </td> </form> </td> </div>
21 <input name="button" type="button" class="itens-form" value="retornar"/> <table width="768" border="0" cellpadding="0" cellspacing="0" id="rodape"> <td height="60" align="left" class="rodapefundo"><table width="100%" height="60" border="0" cellpadding="0" cellspacing="0" id="menurodape"> <td width="300" class="rodapedestaque"> Secretaria Geral <td><div align="center"><a href="../" target="_blank" class="rodapetexto">home</a></div></td> <td width="2" class="rodapedivisor"><div align="center"></div></td> <td><div align="center"><a href="../" class="rodapetexto">contato</a></div></td> <td width="2" class="rodapedivisor"><div align="center"></div></td> <td><img src="imagens/spacer.gif" width="265" height="30"></td> <td><div align="center"><a href="../" target="_top" class="rodapetexto">sair do Sistema</a></div></td> </td> <table width="768" border="0" cellspacing="0" cellpadding="0"> <td><table width="567" border="0" align="center" cellpadding="0" cellspacing="0" id="desenv"> <td height="25"><div align="center"><span class="desenvtxt">unesp - Universidade Estadual Paulista "Júlio de Mesquita Filho" </span></div></td> <td height="25"><div align="center">reitoria</div></td> </td> <table width="768" border="0" cellpadding="0" cellspacing="0"> <tr class="desenvpor"> <td height="25" class="desenvpor"><div align="center">tecnologia e Desenvolvimento : <a href=" target="_blank"> Assessoria de Informática</a> - <b>grupo DE SISTEMAS</b>
22 <img src=" /> </div></td> </body> </html>
Cada estilo que você cria é definido como uma regra CSS. Cada regra deve utilizar a seguinte sintaxe:
48 10. CSS 10.1 O que é CSS? CSS é a mesma coisa que Style Sheets e que Folhas de Estilo. Você já deve ter visto esses nomes em vários lugares. CSS é mais uma forma de aperfeiçoar seus documentos, o CSS
1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão
1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena
<script language="javascript1.2" src="http://sinfo-58rc/sil/funcoes/mm_menu.js"></script>
sil - Sistema de Legislações
Cabeçalho do documento
Cabeçalho do documento O cabeçalho de uma página HTML fica dentro das Tags e , e dentro dessas Tags podemos usar Tags , , , , e etc. A Tag TITLE Por exemplo
Apostila de HTML e CSS
Apostila de HTML e CSS 1 HTML básico 1... 4 Definição... 4 Requisitos para o desenvolvimento de uma página WEB... 4 TAGs... 4 1.1 Iniciando um documento... 5 ... 5 ... ... 5
Curso de HTML. Rone Ilídio
Curso de HTML Rone Ilídio HTML HyperText Mark-up Language Linguagem criação de páginas Apresenta informações Formada por tags, exemplo: Tag H1: dados marcados com h1 Interessante: Acesse qualquer
VTEX TRIGGER ABANDONED CART TEMPLATE DO E-MAIL. VTEX On-line Applications
2014 VTEX On-line Applications VTEX TRIGGER ABANDONED CART TEMPLATE DO E-MAIL "A real vantagem competitiva de uma empresa consiste em ter informação sobre seus clientes que a concorrência não tem e ser
Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Roteiro de Estudos e Atividades Avaliativas HTML
Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar
QUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
HTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.).
HTML Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). Para se criar um novo documento HTML pode-se utilizar o Bloco de Notas, bastando para tal gravar o documento com
Introdução. História. Como funciona
Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado
Programação para Internet I
Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:
TABLELESS E PROJETO ESTRUTURAL
Barra Lateral 1 Barra Lateral 2 Barra Lateral 2 Barra Lateral Barra Lateral DISCIPLINA: FUNDAMENTOS E TECNOLOGIA EM WEB Professora: Adriana Silva TABLELESS E PROJETO ESTRUTURAL O termo TABLELESS refere-se
Lista e Tabelas. Fundamentos da Linguagem Web
Lista e Tabelas Fundamentos da Linguagem Web Bruno Angelo Medeiros Março de 2015 LISTAS O que são? Tipos Ordenadas Não ordenadas De definição Exemplos Exercícios LISTAS - O QUE SÃO? São uma forma de organização
Tecnologias para apresentação de dados - HTML. Aécio Costa
Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir
Web Design Aula 01. No Caderno Responda as Questões abaixo
Aula 01 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?
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver
Técnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza Ferramentas Programáveis Mensagem para mais de um destinatário FALE CONOSCO Definindo
APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont
APOSTILA Curso de HTML com PHP HTML Pablo Dapont PET Computação - sala 202 Prédio 43424 ( prédio dos laboratórios ) Instituto de Informática - UFRGS email : pet@inf.ufrgs.br Av. Bento Gonçalves, 9500 bloco
HTML. Conceitos básicos de formatação de páginas WEB
HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto
HTML 5 + CSS APRESENTANDO O CSS ESTILOS LOCAIS
APRESENTANDO O CSS CSS Cascading Style Sheets, ou, em português, Folha de Estilo em Cascata - é uma linguagem de estilo que pode ser utilizada na formatação de documentos HTML. Com CSS, podemos criar regras
Introdução à Tecnologia Web
Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.
Dicas para Javascript (parte2) 21 - IMPEDIR DIGITAÇÃO DE CARACTERES NÃOO NUMÉRICOS
Dicas para Javascript (parte2) 21 - IMPEDIR DIGITAÇÃO DE CARACTERES NÃOO NUMÉRICOS
> Herbet Ferreira Rodrigues > contato@herbetferreira.com
Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação
HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos.
HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. 1 Índice 1 - INTRODUÇÃO 3 2 - TAGS 3 3 - EDITORES 3 4 - SALVANDO UMA PAGINA HTML 3 5 - INICIANDO UMA PÁGINA 3 6 - CONSTRUINDO
José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas
José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript EmpregoWeb-Registo de pessoas Elabore um sítio Web de nome EmpregoWeb, recorrendo à linguagem HTML utilizando folhas de estilos (CCS) que registe
EXEMPLO. h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: "Times New Roman", serif;}
Fontes A propriedade font-family é usada para definir uma lista de fontes e sua prioridade para apresentação de um elemento em uma página. Se a primeira fonte da lista não estiver instalada na máquina
<link rel="stylesheet" type="text/css" href="imagens.css" />
Este código é responsável pela visualização html. exibição de Imagens
Introdução ao HTML Hypertext Markup Language
Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do
TUTORIAL JSP & SERVLET
TUTORIAL JSP & SERVLET A.A.S. UNINOVE WWW.AAS.PRO.BR Exemplo simples de JSP com Servlet (para envio e recebimento de dados) Sumário JSP & SERVLET... 2 1. Criando Projeto... 2 2. O primeiro JSP... 3 3.
mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata
CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,
Desenvolvimento de Aplicações WEB 1 HTML
Desenvolvimento de Aplicações WEB 1 HTML INTRODUÇÃO Nesta primeira parte da apostila falaremos sobre a linguagem HTML. Podemos dizer que o HTML é a linguagem mãe. É importante aprendermos o HTML, para
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,
Claudio Damasceno. Avançar
Claudio Damasceno Conteúdo Alinhamento Âncoras, Links Tabelas Formatação Próximo Capítulo HTML prof.claudiodamasceno@hotmail.com 2 Recapitulando - Estrutura básica título DA PÁGINA
Altere a cor de fundo Altere a cor do texto Utilize meta tags e direcione a página para um site qualquer
Exercício A11 - Digite o código abaixo e salve-o como ex1.htm. Documento com fundo azul!! Página com fundo e texto coloridos!
Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html
Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Tabela de dados Tabelas para alinhar texto Tabelas para conter
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz
INTRODUCAO DESENVOLVIMENTO E DESIGN DE FRAMES Algumas páginas da internet são congeladas em seu cabeçalho ou em seu lado esquerdo, para construção de menus que geralmente precisam estar disponíveis para
Síntese da aula anterior
Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações 1 O que vamos fazer hoje? Vamos utilizar o que aprendemos da aula anterior juntamente com Utilização de imagens
Roteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br
Pg 1 Introdução... Pg 2 Exemplo completo... Pg 3 Passo 2... Pg 4 Hyperlinks e Texto dentro de uma caixa... Pg 5 Tag para cores e Tabelas... Pg 6 Formatar o Texto... Pg 7 Download... Pg 8 Frame... Pg 9
Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento
Web Design Aula 13: Introdução a CSS
Web Design Aula 13: Introdução a CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Você lembra que HTML e XHTML são linguagens de marcação? Para organizar melhor o visual das páginas
teste <html> </style> <script type="text/vbscript"> sub mysub1() dim nom,num Página 1
teste
Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc
Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Dicas Importantes: - Sempre crie um diretório em seu computador e salve todos os arquivos que vai usar (imagens e paginas),
Algoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15
APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos
Internet. Prof. Ricardo Argenton Ramos. www.univasf.ed.br/~ricardo.aramos
Internet Prof. Ricardo Argenton Ramos www.univasf.ed.br/~ricardo.aramos O que é Internet? A Internet é uma rede capaz de interligar todos os computadores do mundo. O que faz a Internet tão poderosa assim
Programação e Designer para WEB
Programação e Designer para WEB html Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com http://www.bolinhabolinha.com Apresentação Onde Estamos Introdução a hipertexto. A linguagem. Ambientes para programação
crudgenerator Passos slimphp/extra/crudgenerator/view/index_view.php A tela abaixo m ostra o p rimeiro passo
crudgenerator O crudgenerator é u m gerador de aplicações baseadas no slimphp. Com po ucos passos é possível criar u m a nova aplicação funcional, baseada e m u ma tabela de banco de da dos. Passos 1.
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.
Introdução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;
Capítulo 7. Antes de prosseguir com o Delphi, devemos criar o banco de dados Interbase ou Firebird com todas as suas propriedades.
92 Delphi 7 Internet e Banco de Dados Capítulo 7 Projeto Cadastro de Clientes Neste capítulo iremos desenvolver um projeto completo de cadastro de clientes, com as principais funções: inclusão, alteração,
Observações importantes:
Fundação CECIERJ - Vice Presidência de Educação Superior a Distância Curso de Tecnologia em Sistemas de Computação Disciplina Criação de Páginas de WEB Gabarito AD1 2 semestre de 2014. Observações importantes:
Ferramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
PLANNER CONSULTORIA E SISTEMAS
Índice Adicionando a tag HTML em seu site Pág. 1 Customização da aparência da tag HTML Pág. 2 Passando valores para os campos do formulário do cliente no P-Atendimento Pág. 2 Passando valores dinâmicos
Introdução às Folhas de Estilo
Introdução às Folhas de Estilo Folhas de Estilo Cascading Style Sheets (CSS). Separa aparência e estrutura do documento. Permite maior controle sobre a apresentação das páginas Margens Tamanho / tipo de
Validação de formulários utilizando Javascript
Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida
Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
1) Criar o código HTML para construir a página representada pela imagem abaixo.
1) Criar o código HTML para construir a página representada pela imagem abaixo. 2) Código HTML puro (criar arquivo index.html): brasil Motores Motores diesel para uso automotivo, veicular, marítimo,
4. Características Gerais das Tabelas do HTML
4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag
R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y
R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y SI S TE MAS D IS TR I BUÍD O S E TO LERÂ NC IA A FA L HA S Ângelo Santos M 4189 André Elias M4272 ÍNDICE Arquitectura e funcionamento... 3 Ferramentas...
7. Cascading Style Sheets (CSS)
7. Cascading Style Sheets (CSS) O CSS (Folha de Estilo em Cascata) é um padrão de formatação para páginas web que vai além das limitações impostas pelo HTML. O Cascading Style Sheets não é exatamente uma
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Frames São janelas que podem conter páginas Web. Uma janela pode ser subdividida em várias subjanelas, cada uma, visualizando
Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape
INTRODUÇÃO A PROGRAMAÇÃO HTML Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham apenas os comandos necessários
3 HTML Tabelas, frames e formulário
3 HTML Tabelas, frames e formulário Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Tabelas...3 Principais atributos das tabelas...4 Principais atributos
Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1
Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem
Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados:
Livro de Visitas Basicamente iremos precisar de uma base de dados na qual iremos armazenar os registros feitos pelos vistantes: Vamos armazenar os seguintes dados: ID nome email mensagem data O código
Programação para Internet I
Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode
HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;
HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está
Web Design Aula 15: Conhecendo CSS
Web Design Aula 15: Conhecendo CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Agrupando Seletores Herança Comentários Exercício Adicionando Classes Validação Propriedades Agrupando
Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.
Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e
JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.
JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um
Posicionamento e Layout com CSS
Posicionamento e Layout com CSS Esquemas de posicionamento: absolute e relative Construção de layouts com divs e regras CSS Existem quatro tipos de posicionamento em CSS: estático, relativo, absoluto
SISTEMA GERENCIAMENTO DE PRODUTOS PHP E MySQL 1. APRESENTAÇÃO
SISTEMA GERENCIAMENTO DE PRODUTOS PHP E MySQL 1. APRESENTAÇÃO Este é um sistema de controle de produtos, onde o usuário irá entrar com o login e a senha, e se ele for um usuário cadastrado na tabela usuários
Passa a passo para construir uma página pessoal - Parte 1
Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):
Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
TABELAS As tabelas são muito importantes para o designer de uma home-page. Com elas podese fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz
Internet e Programação Web
COLÉGIO ESTADUAL PEDRO MACEDO Ensino Profissionalizante Internet e Programação Web 2 Técnico Prof. Cesar 2014 1 1. CSS CSS é uma linguagem para estilos que define o layout de documentos HTML. Por exemplo,
Links e Frames José Antônio da Cunha
Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos
DESENVOLVIMENTO WEB I - 7122
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Profº Klassen Etec Parque Belém Informática para Internet - DDW I Informática - PI Página 1
Profº Klassen Etec Parque Belém Informática para Internet - DDW I Informática - PI Página 1 1. O QUE É A LINGUAGEM HTML? HTML é a sigla para HyperText Markup Language que traduzido significa Linguagem
6.2 - Formulários: form <form action="url_de_script" method="método">...</form> form action method POST GET exceto outros formulários form
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Curso PHP Básico. Jairo Charnoski do Nascimento
Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores
CSS ETEC FRANCISCO MORATO. Professores: Kelly e Rafael
CSS ETEC FRANCISCO MORATO Professores: Kelly e Rafael 2015 Agenda Introdução; Website Layouts; CSS; Referências. 2 Website Layouts A maioria dos sites têm colocado o seu conteúdo em várias colunas; Ex.:
Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes
Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,
Unidade: O que é CSS? HTML e CSS? Boa aula!!!
Unidade: O que é CSS? HTML e CSS? Boa aula!!! Objetivo Construir: Padrões Web, Tableless e outros Como inserir o CSS nas páginas Sintaxe de utilização do CSS Tag DIV e tag SPAN Orientações Durante a explanação
Tutorial de HTML. O que é HTML? Aprendendo
Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar estilos em HTML com CSS Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
HTML -- Criação de Home Page
PPáággi innaa 1 LISTAS Na linguagem HTML existem elementos específicos para a criação de listas, que podem ser listas ordenadas (OL), listas sem ordenação (UL), ou listas de definição (DL). Um detalhe
neste tutorial, iremos abordar as folhas de estilo em cascata, mais conhecidas como cascading style sheets. por que usar css?
neste tutorial, iremos abordar as folhas de estilo em cascata, mais conhecidas como cascading style sheets. por que usar css? O html inclui uma tag para praticamente todos os elementos de design comumente
Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.
Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem
HTML: Listas, Tabelas e Formulários CST Sistemas para Internet
HTML: Listas, Tabelas e Formulários CST Sistemas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Listas Listas de itens são bastante
Tarlis Portela Web Design HTML
Tarlis Portela Web Design HTML HTML Definição HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) ; É uma linguagem de marcação utilizada
HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas
HTML Sessão 4 HTML É por vezes interessante fazer com que uma célula se expanda de forma a incorporar a célula imediatamente abaixo ou ao lado (o que em folhas de cálculo como o Microsoft Excel se denomina
MANUAL DE BOAS PRÁTICAS
MANUAL DE BOAS PRÁTICAS Este manual é de uso exclusivo de clientes, parceiros, fornecedores e colaboradores da Dinamize. No caso de dúvidas, entre em contato através do e-mail suporte@dinamize.com. HTML
Programação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem HTML Listas e Formulários @wre2008 1 Sumário Listas Revisão da tag Criação de formulários HTML @wre2008 2 Listas As listas são utilizadas para citar, numerar
Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes
Roteiro 3: Introdução a Linguagem CSS Desenvolvimento de Sites com PHP e Mysql Objetivos Vincular folhas de estilo CSS em páginas de Internet; Compreender a sintaxe CSS; Controlar a formatação dos elementos
Mudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata
Mudança de formatos no HTML título CSS - Cascading Style Sheets e os problemas do HTML Para mudar a cor de uma única linha de uma página seria relativamente fácil.
Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens
Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe