José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas
|
|
|
- Sara Casado Ximenes
- 8 Há anos
- Visualizações:
Transcrição
1 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 e pesquise ofertas de emprego. O sítio Web deverá ser composto três páginas: - Inicio: com uma breve descrição do sítio. - Registar: com os campos Profissão, Nome, Localidade, Currículo, e Data, para registar utilizadores. - Procurar: que permite três hipóteses de pesquisa de utilizadores através de Nome, Localidade ou Nome e Localidade. Caso ache necessário, as páginas poderão ainda conter botões ou outros recursos que achar necessários para o melhor funcionamento do sítio Web. O sítio Web deverá respeitar as normas de acessibilidade e usabilidade para sítios Web. Utilize a linguagem Javascript para introduzir os dados dos utilizadores na página Registar. A página Procurar deverá mostrar os dados introduzidos, consoante descrito acima também através de Javascript.
2 EmpregoWeb-Registo de pessoas Resolução (José Janeiro N 2467): 1. Página Inicio: Breve descrição do sítio Web. Página Inicial 2. Página Registar: Com os campos Profissão, Nome, Localidade, Currículo, e Data, para registar utilizadores.
3 3. Página Procurar: Permite três hipóteses de pesquisa de utilizadores através de: 3.1Nome 3.2 Localidade
4 3.3 Nome e Localidade
5 Código HTML Nome do ficheiro: índex.html <!-- José Afonso Esteves Janeiro nº > <html lang="pt"> <head> <title>empregoweb Oferta e Pesquisa de Empregos</title> <LINK REL="stylesheet" HREF="estilos.css" TYPE="text/css"> <script type="text/javascript" language="javascript" src="empregoweb.js"></script> </head> <body> </body> <div id="logotipo"> <img src="logo.jpg" alt="logotipo EmpregoWeb - Oferta e Pesquisa de Empregos" width="88" height="43" name="logotipo"> <div id="cabecalho"> EmpregoWeb - Oferta e Pesquisa de Empregos <div id="menu"> <ul> <li><a href="index.html" alt>início</a></li> <li><a href="javascript:mostradivs('registar')" title="registo emprego">registar</a></li> <li><a href="javascript:mostradivs('consultar')" title="consultar emprego">procurar</a></li> </ul> <div id="centro"> <div id="index" > <div id="sub_centro"> <div id="titulo_centro"> Apresentação <div id="container_centro"> Este sítio web pretende ajudar as pessoas a disponibilizar e a procurar ofertas de emprego, permitindo...
6 <div id="sub_centro"> <div id="titulo_centro"> Maiores nºs de ofertas registadas <div id="container_centro"> <table id="maiores_ofertas" border="1"> <tr><th>profissao</th> <th>nº de Ofertas</th> <th>data mais recente</th> <script language="javascript"> loadmaioresofertas(); </script> </table> <div id="registar"> <div id="sub_centro"> <div id="titulo_centro"> Registe os dados da oferta de emprego <div id="container_centro"> <form id="regista_emprego"> size="50"> size="50"> size="50"> size="20"> size="10"> <div id="label">profissao: <input type="text" name="profissao" <div id="label">nome: <input type="text" name="nome" <div id="label">localidade: <input type="text" name="localidade" <div id="label">curriculo: <input type="text" name="curriculo" <div id="label">data: <input type="text" name="data"
7 <hr> <div id="buttons"> <input type="button" name="_submit" value="registar os dados" onclick="registaoferta()"> <input type="reset" name="_reset" value="limpar dados"> <label id="confirmacao"></label> </form> Localidade size="30"> <script LANGUAGE="JavaScript"> document.getelementbyid("registar").style.display ='none'; </script> <div id="consultar"> <div id="sub_centro"> <div id="titulo_centro"> Consulte os empregos existentes por Profissao ou <div id="container_centro"> <form id="regista_oferta"> <div id="label">profissao: <input type="text" name="profissao" <div id="label">localidade: <input type="text" name="localidade" size="30"> <hr> <div id="buttons"> <input type="button" name="submit" value="consultar" onclick="consultarempregos()"> <input type="reset" name="_reset" value="limpar dados"> <hr> <div id="aux"> </form> <div> <script LANGUAGE="JavaScript">
8 document.getelementbyid("consultar").style.display ='none'; </script> </html>
9 Código CSS Nome do ficheiro: estilos.css /*José Afonso Esteves Janeiro nº2467*/ div#logotipo width:20%; height:50px; border-left: # solid 1px; border-top: # solid 1px; text-align: center; float: left; div#cabecalho font-family: Arial; font-size: 22pt; font-weight: bold; width:78%; height:50px; border-right: # solid 1px; border-left: # solid 1px; border-top: # solid 1px; text-align: center; float: left; div#menu font-family: Arial; font-size: 14pt; font-weight: bold; width:20%; height:400px; border-left: # solid 1px; border-bottom: # solid 1px; border-top: # solid 1px; text-align: left; float: left; div#centro width:78%; height:400px; border: # solid 1px; text-align: center; float: left; div#sub_centro margin: 30px 30px 30px 30px; border: # solid 1px; float: center; text-align: left; div#titulo_centro
10 position:relative; font-family: Arial; font-size: 10pt; font-weight: bold; background-color: #0606FF; color: #FFFFFF; border-bottom: # solid 1px; text-align: left; div#registar text-align: left; font-family: Arial; font-size: 10pt; font-weight: bold; float: center; div#label width:15%; float:left; margin-left: 5px; div#buttons text-align: center;
11 Código Javascript Nome do ficheiro: empregoweb.js /* José Afonso Esteves Janeiro nº2467*/ empregos = new Array(100); var size_empregos = 0; var tabela = ""; function Emprego(profissao, nome, localidade, curriculo, data) /*Maiores ofertas*/ this.profissao = profissao; this.nome = nome; this.localidade = localidade; this.curriculo = curriculo; this.data = data; size_empregos++; function loadmaioresofertas() var j;j = size_empregos - 1; for(i = 0; i < 3; i++) document.write("<tr>" + empregos[i].profissao + "</td>" + empregos[i].nome + "</td>" + empregos[i].localidade + "</td>" + empregos[i].curriculo + " </td>" + empregos[i].data + "</td>" + "</tr>"); j--; empregos[0] = new Emprego("Padeiro", "Joao", "Beja", "CurriculoPadeiro", "03/03/09"); empregos[1] = new Emprego("Professor", "Maria", "Evora", "CurriculoProfessora", "21/04/09"); empregos[2] = new Emprego("Advogado", "Antonio", "Lisboa", "CurriculoAdvogado", "27/05/09"); function registaoferta() var _profissao=document.forms[0].profissao.value; var _nome=document.forms[0].nome.value; var _localidade=document.forms[0].localidade.value; var _curriculo=document.forms[0].curriculo.value; var _data=document.forms[0].data.value; empregos[size_empregos] = new Emprego(_profissao, _nome, _localidade, _curriculo, _data);
12 document.getelementbyid("confirmacao").innerhtml="<b>o registo foi efectuado com sucesso.</b>"; function consultarempregos() var _profissao=document.forms[1].profissao.value; var _localidade=document.forms[1].localidade.value; var tabela = "<table id='empregos_consultas' border='1'>" + "<tr><th>profissao</th>" + "<th>nome</th>" + "<th>localidade</th>" + "<th>curriculo</th>" + "<th>data</th></tr>"; for(i = 0; i < size_empregos; i++) if(_profissao == empregos[i].profissao _localidade == empregos[i].localidade) tabela = tabela + ("<tr>" + empregos[i].profissao + "</td>" + empregos[i].nome + "</td>" + empregos[i].localidade + "</td>" + empregos[i].curriculo + "</td>" + empregos[i].data + "</td>" + "</tr>"); tabela = tabela + "</table>"; document.getelementbyid("aux").innerhtml=tabela; function mostradivs(id) if (id=='registar') document.getelementbyid('index').style.display='none'; document.getelementbyid('consultar').style.display='none'; document.getelementbyid('registar').style.display='block'; document.getelementbyid('confirmacao').innerhtml=""; if (id=='consultar') document.getelementbyid('index').style.display='none'; document.getelementbyid('registar').style.display='none'; document.getelementbyid('consultar').style.display='block';
<link rel="stylesheet" type="text/css" href="imagens.css" />
Este código é responsável pela visualização html. exibição de Imagens
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
CSS. Sérgio Nunes. Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2012/13
CSS Sérgio Nunes Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2012/13 1 Objetivos Conhecer as origens e os objetivos da linguagem CSS. Conhecer a estrutura base de uma regra CSS. Compreender
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
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:
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...
<font> <DIV style= font-family: verdana; font-size: 15px;font-weight: bold; color: #FF0000; ></DIV>
stylediv
CSS -Cascading Style Sheets - Introdução
CSS -Cascading Style Sheets - Introdução Como surgiu a tecnologia CSS? De início, a linguagem HTML foi criada para a construção de páginas Web, que exibiam apenas documentos científicos. Com a evolução
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
Desenvolvida exclusivamente para o Apostilando.com por Marcos Paulo Furlan
Desenvolvida exclusivamente para o Apostilando.com por Marcos Paulo Furlan ÍNDICE ÍNDICE... 2 JQUERY... 3 BIBLIOTECA JQUERY... 3 01 PRIMEIRO EXEMPLO... 4 02 SLIDESHOW COM JQUERY... 6 03 JANELA MODAL...
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,
#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio samus@samus.com.
#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Apresentar os conceitos de utilização do CSS, Sintaxe, Seletores
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
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
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
Folha Prática Nº5 CSS. UNIVERSIDADE DA BEIRA INTERIOR Faculdade de Engenharia Departamento de Informática. Tecnologias Internet - 2011/2012
Folha Prática Nº CSS / Filipe Quinaz . Folhas de Estilo 0 Internas, delimitadas pela marca style h, h font-family: sans-serif; color: #CC;
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
Aula 5 Cabeçalhos, Imagens e Links
Roteiro Aula 5 Cabeçalhos, Imagens e Links Efeitos em cabeçalhos Imagens e CSS Links Curso: Técnico em Informática / 2º Módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Efeitos
Aula 4 Modelo CSS. Efeito cascata. Ordem em cascata. Declarações normais e importantes. Exemplo. Especificidade de um seletor 30/08/2013
Efeito cascata Aula 4 Modelo CSS Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Fontes das folhas de estilo Autor Usuário Agente do usuário
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.
CSS (Style Sheets - Folhas de Estilo)
Anuncie nesse espaço da Aprendendo HomePage, clique aqui e veja como e porque. CSS (Style Sheets - Folhas de Estilo) CSS é a mesma coisa que Style Sheets e que Folhas de Estilo. Vc já deve ter visto esses
1) Crie uma nova página chamada Exercício.html e deixe-a com o seguinte layout:
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
Compêndio códigos. {css}
Compêndio códigos {css} ADVERTÊNCIA: A que se segue é apenas uma lista com as propriedades de CSS, não pretende de modo algum ser um manual. Pressupõe, portanto, que já se saiba de antemão o signi cado
Teste de avaliação de frequência Parte Prática
Abaixo está uma proposta de solução para os exercícios do teste de avaliação de frequência às aulas práticas. Se tem dúvidas sobre esta resolução, fale com o seu Professor. GRUPO I HTML 1. CrieumHTMLcom3tiposdiferentesdelistasnãonumeradas.
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO. I. Ementa HTML e XHTML, de estrutura e marcação utilizados na sua composição; CSS.
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Programação de Computadores
Tecnologias para Web Design
Tecnologias para Web Design CSS Folhas de estilo em cascata ÿ CSS Cascading Style Sheets ÿ Linguagem para definir atributos de estilo dos elementos da linguagem HTML ÿ CSS é uma linguagem independente
HTML. (Hypertext Markup Language Linguagem de Marcação de Hipertexto)
HTML (Hypertext Markup Language Linguagem de Marcação de Hipertexto) CSS - Cascading Style Sheets CSS serve para definir propriedades de apresentação/formatação a aplicar em tags HTML. A sua utilização
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
HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
CSS Cascading Style Sheets Folhas de Estilo em Cascata
CSS Cascading Style Sheets Folhas de Estilo em Cascata Conjunto de instruções que controla a aparência de uma página Web 1. Regra CSS seletor { propriedade1: valor; propriedade2: valor; 2. Aplicação 2.1
#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
<script language="javascript1.2" src="http://sinfo-58rc/sil/funcoes/mm_menu.js"></script>
sil - Sistema de Legislações
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Laboratório de Práticas
TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Compreender a sintaxe utilizada em Folhas de Estilos em Cascata, seu uso e limitações. Apresentar as principais características das
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
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
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 para Internet I
Programação para Internet I Aula 6 PHP: Include, Require, Variáveis de ambiente Prof. Teresinha Letícia da Silva leticiasfw@yahoo.com.br Inclusão de arquivos com Include e Require no PHP Uma técnica muito
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
Introdução à Cascading Style Sheets
Estilo e Produtividade para Websites OVERVIEW História e Significado Por que usar? Como usar? Orientações ao Desenvolvedor O que é CSS? O que é CSS? Cascading Style sheets" ou "Folhas de Estilo Encadeadas
if( document.dados.tx_ .value=="" document.dados.tx_ .value.indexof('.
grupes - Grupo de Estudos Espaço de Saberes
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
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
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
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
Aula 7 LISTAS E TABELAS. Curso: Técnico em Informática Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme
Aula 7 LISTAS E TABELAS Curso: Técnico em Informática Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Listas Prover mecanismos para listar informações Devem conter um ou mais itens Elementos
Edição de Setembro. Validação formulários com PHP. ... revistamensal de programação Open Source
Edição de Setembro... revistamensal de programação Open Source Apresentação Quem somos Submeter Pesquisar Serviços Contactos Artigo 4 / 58 Selecione o artigo pretendido Validação formulários com PHP Artigos
Universidade Da Beira Interior
1 Universidade Da Beira Interior Sistemas Distribuídos e Tolerância a Falhas Estudo da Tecnologia jquery Tiago Simões m3965 João Pereira m3873 12 De Março de 2011 2 Conteúdo 1. Apresentação da tecnologia...
CSS#:#Cascading#Style#Sheets#
CSS#:#Cascading#Style#Sheets# Composição#Web# # Engenharia#Informá=ca#/#Informá=ca#Web#2014/15# Artur%M.%Arsénio% Style#Sheets# #Folhas#de#Es=los# CSS#(Cascading#Style%Sheet% %ou%folhas%de%es6los% encadeados)%é#um#conjunto#de#regras#de#formatação#que#
FMH Mestrado Gestão do Desporto Sistemas de Informação
FMH Mestrado Gestão do Desporto Sistemas de Informação Ficha prática PHP/MySQL 2 Continuação da criação de uma base de dados em MySQL, com vários contactos e números de telefone. Tarefas: criar, alterar
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.:
css Cascading Style Sheets CSS CASCADING STYLE SHEETS
css Cascading Style Sheets CSS CASCADING STYLE SHEETS Oque é o CSS Cascading Style Sheets - Folhas de Estilo em Cascata Não é uma linguagem de programação, é uma linguagem de estilo. Define a apresentação
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
Exercícios Práticos de HTML e JavaScript. <FORM ACTION="mailto:teste@gmail.com" METHOD="POST" ENCTYPE="text/plain" NAME="cadastro">
Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript
Capítulo 5 HTML. Ferramentas para produzir HTML. Estrutura Básica HTML 29
HTML 29 Capítulo 5 HTML A linguagem HTML (HyperText Markup Language) é padrão para publicação de documentos na Internet. Todos os browsers (navegadores como, Netscape, Internet Explorer, Mosaic, NeoPlanet,
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
HTML & CSS. Informática / LECA. Marco Costa. Departamento de Ciência de Computadores Faculdade de Ciências, Universidade do Porto 2005 / 06
HTML & CSS Informática / LECA Marco Costa Departamento de Ciência de Computadores Faculdade de Ciências, Universidade do Porto 2005 / 06 Marco Costa (DCC / FCUP) HTML & CSS 2005 / 06 1 / 157 Conteúdo Conteúdo
CSS - Background, Color e Fontes. Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br
Web Introdução Design CSS - Background, Color e Fontes Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br O que veremos... CSS Cores e fundos Fontes Cores e fundos Algumas propriedades
Estudo Dirigido - Parte 1
Linguagem Java para Web - JSP Professora Lucélia Estudo Dirigido - Parte 1 Na primeira parte deste tutorial, vamos receber os dados de um formulário e verificar se os dados foram ou não preenchidos. Se
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
Ele vai localizar este código, substitua então o The Beat Was Goin' Strong pelo nome do seu tumblr.
Então gente, há alguns dias, disponibilizei meu theme antigo, o primeiro feito por mim, e eu não coloquei appearance nele, e quem não tem conhecimento de html fica meio tenso de editar. Então, ao invés
<head>/*o elemento <head> deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais*/
/*o declaração deve ser a primeira coisa em seu documento HTML, antes da tag . A declaração não é uma tag HTML; é uma instrução para o navegador da web sobre qual
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!
Criando conta de usuário
Criando conta de usuário 1- No menu a esquerda da tela.viewable { background-color:#ff6666;.creatable { background-color:#66ff66; #rightinfo{ padding: 10px; border: 1px solid; border-color: #CCCCCC; background-color:#ffffff;.form{
RODRIGO C. REQUIÃO. WEBSITE VITRINE PARA A EMPRESA BUFFET GULLA.
RODRIGO C. REQUIÃO. WEBSITE VITRINE PARA A EMPRESA BUFFET GULLA. Dom Pedrito 2014 RODRIGO C. REQUIÃO. WEBSITE VITRINE PARA A EMPRESA BUFFET GULLA. Trabalho de conclusão de curso apresentado à QWERTY Escola
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.
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
Web Design Aula 15: Propriedades CSS
Web Design Aula 15: Propriedades CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Propriedades de texto Propriedades de Cores Propriedades de Bordas Propriedades de Listas Cor de
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
Cascading Style Sheets
Cascading Style Sheets Telemédia Grupo de Comunicações por Computador Sumário O que são CSSs? Sintaxe das CSSs Associar CSSs a documentos HTML Estrutura hierárquica dos documentos HTML e herança de propriedades
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS.
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS. 1) Crie uma pasta chamada com_estilo e salve dentro dela os arquivos obrigado.html
<b>, <big>, <em>, <i>, <small>, <strong>, <sub>, <sup>,... <table>, <tbody>, <thead>, <th>, <tr>, td
HTML Hypertext Markup Language Draft 1991; 1.1 1992; 2.0 1993; 3.0 1995; 4.0 1997; 4.01 1999; 5.0 (2011?) Linguagem g de marcação básica utilizada na WEB, que consiste de elementos envolvidos pelos sinais
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,
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
teste <html> </style> <script type="text/vbscript"> sub mysub1() dim nom,num Página 1
teste
Regras de estilos; Folhas de estilos; Seletores; Validação.
Disciplina: Autoria Web AULA 10 Regras de estilos; Folhas de estilos; Seletores; Validação. Corpo docente: MsC. Alexandro Vladno Edmilson Campos MsC. Fábio Procópio Esp. Felipe Dantas MsC. João Maria MsC.
Posicionamento, dimensões e outros elementos de HTML5 e CSS3
R o q u e F e r n a n d o G l a u c i o D a n i e l Te c h n o E d i t i o n E d i t o r a L t d a Posicionamento, dimensões e outros elementos de HTML5 e CSS3 Posicionamento, dimensões e outros elementos
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 AD1 1 semestre de 2014. Observações importantes:
Erwin Alexander Uhlmann www.institutosiegen.com.br - 15/02/08-1. Desenvolvimento de WEB I HTML Volume 2 Erwin Alexander Uhlmann
Erwin Alexander Uhlmann www.institutosiegen.com.br - 15/02/08-1 Desenvolvimento de WEB I HTML Volume 2 Erwin Alexander Uhlmann Erwin Alexander Uhlmann www.institutosiegen.com.br - 15/02/08-2 Sumário Behaviors
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
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,
CSS Luciano Otávio de Assis CSS
CSS O HTML tem suas limitações quando se tratar de se construir layout. É certo, você tem seis diferentes tipos s títulos e de 6 diferentes tamanhos de fontes. Quando você trabalha com tabelas, você tem
Aplicativos móveis com HTML5
Aplicativos móveis com HTML5 Preparando o ambiente de desenvolvimento O código HTML pode ser escrito em qualquer editor de texto comum. Você pode utilizar o editor padrão do seu sistema operacional (Bloco
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
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
Introdução ao HTML e às folhas de estilo (CSS)
MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria (jfaria@fe.up.pt) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP
Gestão e Tratamento de Informação 1º semestre
DepartamentodeEngenhariaInformática 2010/2011 GestãoeTratamentodeInformação1ºsemestre Laboratório8 Exercícios Nestaaulairemosresolveralgunsexercíciosrelacionadoscomaconstruçãodemashups, i.e.aplicaçõeswebqueprocedemáintegraçãodedadoseserviçosdisponibilizadospor
Introdução a HTTP, HTML e CSS
MIEEC SIEM ano letivo 2014/15 Introdução a HTTP, HTML e CSS José A. Faria (jfaria@fe.up.pt) FEUP, DEGI Setembro 2014 1. Introdução ao protocolo HTTP Introdução A WEB -worldwideweb é um sistema global de
Programação WEB I DOM (Document Object Manager)
Programação WEB I DOM (Document Object Manager) DOM Significa Modelo de Objetos de Documentos e tem por finalidade descrever e padronizar os objetos e seus relacionamentos em uma aplicação. Tem a finalidade
Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
Compêndio códigos. <html>
Compêndio códigos ADVERTÊNCIA: A que se segue é apenas uma lista com as tags de HTML e os seus possíveis atributos, não pretende de modo algum ser um manual. Pressupõe, portanto, que já se saiba
Primeiro contato com JavaScript
Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos
Análise de um sítio Web Fundação Ilídio Pinho
Faculdade de Letras da Universidade do Porto Ciências da Comunicação: Jornalismo, Assessoria e Multimédia 2º ano Análise de um sítio Web Fundação Ilídio Pinho Mariana Carvalho e Pedro Morais turma 5 Introdução
Dicas para Javascript (parte1) <style TYPE="text/css"><!--a.menu {color:000000;}a.menu:hover {color:cc0000;}-- ></style>
Dicas para Javascript (parte1) 1 - DETECTANDO A RESOLUÇÃO DO USUÁRIO
APOSTILA DE PROGRAMAÇÃO WEB
Programação Web - CSS 1 PROFESSOR LUIS NÍCOLAS DE AMORIM TRIGO APOSTILA DE PROGRAMAÇÃO WEB CSS CASCADING STYLE SHEETS (FOLHAS DE ESTILO EM CASCATA) Programação Web - CSS 2 INTRODUÇÃO CSS, também conhecido
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?
Local e data: Brasília/DF, ------- de ------------------ de 2014. Assinatura do Consultor:
Projeto PNUD BRA/12/018 Documento com o planejamento, metodologia e relato da realização das atividades de design participativo para temas de novas comunidades no portal contendo a consolidação do resultado