Aula 32. menu só com css
Transferir como pptx, pdf0 gostou563 visualizações
Este documento descreve como criar um menu vertical usando apenas CSS ao invés de jQuery. Primeiro, as referências a jQuery são removidas e os submenus aparecem todos de uma vez. Em seguida, a propriedade display: none esconde os submenus e li:hover > ul{display:block} faz com que os submenus apareçam ao passar o mouse por cima dos itens do menu.
1 de 6
Baixado 27 vezes
Recomendados
Aula 22 e 23. menu drop down com j query
Aula 22 e 23. menu drop down com j queryJolvani Morgan Este documento apresenta instruções para criar um menu dropdown com HTML, CSS e jQuery. Inicialmente, é construído um menu básico com tags <ul> e estilizado com CSS embutido. Em seguida, é adicionado um segundo nível de submenu e efeito dropdown ao passar o mouse com jQuery. Por fim, o menu é posicionado horizontalmente com a propriedade float do CSS.
11 Java Script - Exemplos com eventos
11 Java Script - Exemplos com eventosCentro Paula Souza O documento descreve diferentes eventos em JavaScript como onclick, onload, onsubmit e onchange e fornece exemplos de código HTML para demonstrar o uso de cada um. Os eventos permitem executar funções JavaScript em resposta a ações do usuário, como clicar em um botão ou mudar o valor de um campo.
Bloco 5.3
Bloco 5.3Ruâni Filipe Silva Este documento discute eventos no JavaScript e como manipulá-los de três maneiras: 1) usando funções como window.onload para executar código após o carregamento da página, 2) usando addEventListener para anexar escutadores de eventos a elementos e 3) declarando manipuladores de eventos diretamente nos elementos HTML.
Java script aula 07 - eventos
Java script aula 07 - eventosCristiano Pires Martins Eventos no JavaScript permitem executar ações em resposta a eventos do usuário ou da página. Alguns eventos comuns incluem click, change, load e mouseover. Esses eventos podem acionar funções usando propriedades como "onclick" ou o método "addEventListener".
Backbone.js - Desenvolvimento de Sistemas Corporativos - UFPB - Campus IV
Backbone.js - Desenvolvimento de Sistemas Corporativos - UFPB - Campus IVJoão Helis Bernardo O documento apresenta uma introdução ao framework JavaScript Backbone.js, descrevendo suas principais características como estrutura MVC e dependências. Em seguida, detalha os principais componentes do Backbone - Model, View, Collection e Router, explicando como criá-los e definir seus comportamentos.
Javascript - Biblioteca Jquery
Javascript - Biblioteca JqueryMultside Digital Este documento explica o que é jQuery, como instalá-lo e usar suas funcionalidades para manipular elementos HTML e validar formulários. Explica que jQuery é uma biblioteca JavaScript que facilita a interação com páginas web, permite criar e modificar elementos HTML e aplicar efeitos. Demonstra como adicionar o código jQuery, identificar elementos por ID ou classe, e usar suas funções para esconder/mostrar elementos e validar campos obrigatórios em formulários.
Aula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoJessyka Lage O documento apresenta uma introdução sobre JavaScript, explicando porque estudar a linguagem, o que pode ser feito com ela e como iniciar o estudo. É destacado que JavaScript permite adicionar comportamento interativo às páginas web e que pode ser usada para manipular conteúdo, eventos e dados.
Java script1
Java script1Evandro Manara Miletto Este documento fornece uma introdução básica sobre JavaScript, incluindo o que é JavaScript, onde atua, exemplos de uso, variáveis e tipos de dados, operadores e comentários. Ele também apresenta dois exercícios para praticar conceitos básicos de JavaScript.
Entrega Contínua - do Zero ao Sucesso
Entrega Contínua - do Zero ao SucessoDiraci Junior Trindade da Silva O documento discute o conceito e práticas de entrega contínua, incluindo desafios comuns como mudanças frequentes de escopo e a importância de automação de testes para liberar funcionalidades de forma rápida e segura.
Android bootcamp 06-01-2012 Part 1
Android bootcamp 06-01-2012 Part 1Inael Rodrigues Introductory course of development for mobile devices - Android. Course sponsored and organized by Google Developers Group of Goiás(GDG) http://go.gtugs.org/
Java script aula 10 - angularjs
Java script aula 10 - angularjsCristiano Pires Martins AngularJS é um framework JavaScript criado pelo Google para desenvolvimento de aplicações web single-page. O documento introduz AngularJS, explicando que ele estende HTML com diretivas como ng-app e ng-model. Dois exemplos simples são fornecidos para demonstrar como vincular dados a elementos HTML e exibir expressões AngularJS. Controllers JavaScript são usados para definir lógica e escopo de dados para partes da página.
13 Java Script - Validação de formulário
13 Java Script - Validação de formulárioCentro Paula Souza O documento descreve como criar um formulário HTML com validação de campos usando JavaScript. Ele inclui a estrutura básica do formulário com tags HTML e um script JavaScript para validar os campos antes do envio, verificando se o nome e email foram preenchidos corretamente. Um arquivo PHP é necessário para enviar os dados do formulário para um banco de dados.
Desenvolvimento em .Net - User Interface
Desenvolvimento em .Net - User InterfaceVitor Silva Este documento discute o desenvolvimento de interfaces de usuário em .NET. Ele lista objetivos de aprendizagem relacionados ao uso de vários objetos de interface básicos e avançados, ferramentas de formatação, mensagens, menus, herança de objetos, validação de dados e o componente ErrorProvider.
10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticosCentro Paula Souza O documento apresenta exemplos práticos de código JavaScript utilizando estruturas como alert, prompt, if/else, switch, for, while e do while. Os exemplos demonstram como exibir mensagens, receber input do usuário, realizar cálculos, verificar condições e repetir trechos de código.
Breve explicação sobre o que é AngularJs
Breve explicação sobre o que é AngularJsRubens Fernandes O documento compara jQuery e AngularJS, explicando que jQuery é uma biblioteca JavaScript para manipular o DOM de forma simplificada, enquanto AngularJS é um framework focado na interação entre usuário e aplicativo, utilizando data binding, templates e diretivas personalizadas. O AngularJS também facilita o desenvolvimento de aplicações RESTful, validação de formulários e internacionalização.
Html dom, eventos, jquery
Html dom, eventos, jqueryRicardo Cavalcanti O documento fornece uma introdução sobre HTML DOM, jQuery e eventos em JavaScript. Em 3 frases:
1) Apresenta conceitos básicos sobre HTML DOM como estrutura de documentos e manipulação de elementos;
2) Explica como jQuery simplifica a manipulação do DOM e eventos no JavaScript através de seletores e métodos encadeados;
3) Demonstra como eventos permitem tornar páginas dinâmicas ao executar funções em resposta a ações do usuário.
Aula 16 e 17. background
Aula 16 e 17. backgroundJolvani Morgan O documento discute as propriedades CSS para estilizar o background de elementos. Ele explica que o background pode receber cor, imagem, repetição, fixação e posicionamento. Algumas propriedades importantes incluem background-color, background-image, background-repeat, background-attachment e background-position.
Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoJolvani Morgan Este documento discute três formas de vincular folhas de estilo a documentos HTML: inline, incorporado e externo. A forma inline adiciona estilos diretamente a elementos, mas dificulta manutenção. A forma incorporada localiza as marcações CSS em um único lugar no próprio documento HTML. A forma externa armazena as regras CSS em um arquivo separado, permitindo alterações centralizadas em várias páginas.
Aula 01 introdução css
Aula 01 introdução cssJolvani Morgan Este documento fornece uma introdução ao CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata), explicando que ele é usado para adicionar estilos como fontes, cores e espaçamentos aos documentos da Web. O CSS é normalizado pelo W3C e trabalha em conjunto com HTML para estruturar e estilizar páginas da Web. A página CSS Zen Garden demonstra como o mesmo código HTML pode ter designs completamente diferentes aplicando diferentes folhas de estilo CSS.
Aula 33. css sprite
Aula 33. css spriteJolvani Morgan O documento explica a técnica CSS Sprite, que permite combinar várias pequenas imagens em uma única imagem para aumentar a velocidade de carregamento das páginas. Isso evita várias requisições de servidor para imagens individuais, mostrando apenas partes da imagem grande conforme necessário posicionando-a com CSS. A técnica calcula as posições das imagens na sprite para exibí-las corretamente.
Aula 19 imagens mapeadas
Aula 19 imagens mapeadasJolvani Morgan Este documento fornece instruções sobre como criar imagens mapeadas em HTML. Ele explica como vincular partes específicas de uma imagem a outras páginas usando tags <map> e <area> e fornecendo coordenadas. Ele também discute como descobrir as coordenadas corretas usando um editor de imagem e cria links retangulares, circulares e poligonais em uma imagem de exemplo.
Aula 18. estilização de cabeçalhos
Aula 18. estilização de cabeçalhosJolvani Morgan O documento discute como estilizar cabeçalhos (h1) em CSS, incluindo adicionar bordas superiores e inferiores, definir cores de fundo, adicionar detalhes laterais como bordas e preenchimento, e usar diferentes tipos de bordas como tracejada. A última seção menciona adicionar imagens e reposicionar componentes.
Aula 11 04-14 prática html
Aula 11 04-14 prática htmlJolvani Morgan O documento fornece instruções para criar uma página HTML básica com um tema escolhido, incluindo estrutura básica HTML, cabeçalhos, parágrafos, cores, imagens, listas, links internos e externos para permitir navegação entre páginas. Os alunos são encorajados a usar sua criatividade para melhorar o site.
Aula 06 e 07 elementos inline parte01 e 02
Aula 06 e 07 elementos inline parte01 e 02Jolvani Morgan Este documento discute elementos inline no HTML. Ele explica que elementos inline não quebram linhas e podem ser aplicados dentro de uma linha, ao contrário de elementos de bloco. O documento então lista e descreve vários elementos inline comuns como <b>, <i>, <em>, <strong> e <sup>. Ele também menciona elementos inline que estão sendo descontinuados.
Aula 31 certificação
Aula 31 certificaçãoJolvani Morgan O documento resume a última aula sobre certificação em (X)HTML. Nele, o professor explica que o (X)HTML é mais rigoroso que o HTML ao exigir que todas as tags estejam corretamente abertas e fechadas. Ele também recomenda que os alunos busquem a certificação (X)HTML no site W3Schools para validar seus conhecimentos e melhorar suas chances no mercado de trabalho.
Aula 21. estilização de listas
Aula 21. estilização de listasJolvani Morgan Este documento discute como estilizar listas usando CSS, incluindo como alterar o tipo de marcador de lista para números, círculos ou discos e como adicionar imagens como marcadores de lista. Também explica como posicionar a marcação da lista dentro ou fora da lista e como abreviar a propriedade list-style.
Aula 09. efeito cascata e herança
Aula 09. efeito cascata e herançaJolvani Morgan O documento discute o efeito cascata e herança em CSS. O efeito cascata resolve conflitos quando estilos afetam a mesma tag. A herança faz com que propriedades sejam herdadas por elementos descendentes. A especificidade determina qual regra tem precedência no efeito cascata, considerando fatores como seletores, IDs e importância.
Aula 28,29 e 30 w3 c, versões, html5
Aula 28,29 e 30 w3 c, versões, html5Jolvani Morgan Este documento discute o W3C, versões do HTML e XHTML. Resume as aulas 28, 29 e 30 sobre introdução ao HTML e XHTML, detalhes para converter arquivos HTML para XHTML, e versões do HTML como HTML5 e XHTML5. Também discute doutypes, validação de código e editores XHTML.
Aula 08 cores
Aula 08 coresJolvani Morgan O documento discute as cores em HTML, incluindo três maneiras de aplicar cores a elementos (nome, decimal e hexadecimal), e como definir valores de cores usando o atributo style. Também cobre como escolher cores usando uma paleta online ou no Paint do Windows e aplicá-las ao código HTML.
Aula 04 e 05. seletores simples
Aula 04 e 05. seletores simplesJolvani Morgan Este documento descreve os diferentes tipos de seletores simples em CSS, incluindo seletores universais, de elementos, de classe, de ID e de atributos. Explica como aplicar estilos a elementos usando cada um desses seletores e fornece exemplos de sua sintaxe e uso.
Mais conteúdo relacionado
Mais procurados (8)
Entrega Contínua - do Zero ao Sucesso
Entrega Contínua - do Zero ao SucessoDiraci Junior Trindade da Silva O documento discute o conceito e práticas de entrega contínua, incluindo desafios comuns como mudanças frequentes de escopo e a importância de automação de testes para liberar funcionalidades de forma rápida e segura.
Android bootcamp 06-01-2012 Part 1
Android bootcamp 06-01-2012 Part 1Inael Rodrigues Introductory course of development for mobile devices - Android. Course sponsored and organized by Google Developers Group of Goiás(GDG) http://go.gtugs.org/
Java script aula 10 - angularjs
Java script aula 10 - angularjsCristiano Pires Martins AngularJS é um framework JavaScript criado pelo Google para desenvolvimento de aplicações web single-page. O documento introduz AngularJS, explicando que ele estende HTML com diretivas como ng-app e ng-model. Dois exemplos simples são fornecidos para demonstrar como vincular dados a elementos HTML e exibir expressões AngularJS. Controllers JavaScript são usados para definir lógica e escopo de dados para partes da página.
13 Java Script - Validação de formulário
13 Java Script - Validação de formulárioCentro Paula Souza O documento descreve como criar um formulário HTML com validação de campos usando JavaScript. Ele inclui a estrutura básica do formulário com tags HTML e um script JavaScript para validar os campos antes do envio, verificando se o nome e email foram preenchidos corretamente. Um arquivo PHP é necessário para enviar os dados do formulário para um banco de dados.
Desenvolvimento em .Net - User Interface
Desenvolvimento em .Net - User InterfaceVitor Silva Este documento discute o desenvolvimento de interfaces de usuário em .NET. Ele lista objetivos de aprendizagem relacionados ao uso de vários objetos de interface básicos e avançados, ferramentas de formatação, mensagens, menus, herança de objetos, validação de dados e o componente ErrorProvider.
10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticosCentro Paula Souza O documento apresenta exemplos práticos de código JavaScript utilizando estruturas como alert, prompt, if/else, switch, for, while e do while. Os exemplos demonstram como exibir mensagens, receber input do usuário, realizar cálculos, verificar condições e repetir trechos de código.
Breve explicação sobre o que é AngularJs
Breve explicação sobre o que é AngularJsRubens Fernandes O documento compara jQuery e AngularJS, explicando que jQuery é uma biblioteca JavaScript para manipular o DOM de forma simplificada, enquanto AngularJS é um framework focado na interação entre usuário e aplicativo, utilizando data binding, templates e diretivas personalizadas. O AngularJS também facilita o desenvolvimento de aplicações RESTful, validação de formulários e internacionalização.
Html dom, eventos, jquery
Html dom, eventos, jqueryRicardo Cavalcanti O documento fornece uma introdução sobre HTML DOM, jQuery e eventos em JavaScript. Em 3 frases:
1) Apresenta conceitos básicos sobre HTML DOM como estrutura de documentos e manipulação de elementos;
2) Explica como jQuery simplifica a manipulação do DOM e eventos no JavaScript através de seletores e métodos encadeados;
3) Demonstra como eventos permitem tornar páginas dinâmicas ao executar funções em resposta a ações do usuário.
Destaque (20)
Aula 16 e 17. background
Aula 16 e 17. backgroundJolvani Morgan O documento discute as propriedades CSS para estilizar o background de elementos. Ele explica que o background pode receber cor, imagem, repetição, fixação e posicionamento. Algumas propriedades importantes incluem background-color, background-image, background-repeat, background-attachment e background-position.
Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoJolvani Morgan Este documento discute três formas de vincular folhas de estilo a documentos HTML: inline, incorporado e externo. A forma inline adiciona estilos diretamente a elementos, mas dificulta manutenção. A forma incorporada localiza as marcações CSS em um único lugar no próprio documento HTML. A forma externa armazena as regras CSS em um arquivo separado, permitindo alterações centralizadas em várias páginas.
Aula 01 introdução css
Aula 01 introdução cssJolvani Morgan Este documento fornece uma introdução ao CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata), explicando que ele é usado para adicionar estilos como fontes, cores e espaçamentos aos documentos da Web. O CSS é normalizado pelo W3C e trabalha em conjunto com HTML para estruturar e estilizar páginas da Web. A página CSS Zen Garden demonstra como o mesmo código HTML pode ter designs completamente diferentes aplicando diferentes folhas de estilo CSS.
Aula 33. css sprite
Aula 33. css spriteJolvani Morgan O documento explica a técnica CSS Sprite, que permite combinar várias pequenas imagens em uma única imagem para aumentar a velocidade de carregamento das páginas. Isso evita várias requisições de servidor para imagens individuais, mostrando apenas partes da imagem grande conforme necessário posicionando-a com CSS. A técnica calcula as posições das imagens na sprite para exibí-las corretamente.
Aula 19 imagens mapeadas
Aula 19 imagens mapeadasJolvani Morgan Este documento fornece instruções sobre como criar imagens mapeadas em HTML. Ele explica como vincular partes específicas de uma imagem a outras páginas usando tags <map> e <area> e fornecendo coordenadas. Ele também discute como descobrir as coordenadas corretas usando um editor de imagem e cria links retangulares, circulares e poligonais em uma imagem de exemplo.
Aula 18. estilização de cabeçalhos
Aula 18. estilização de cabeçalhosJolvani Morgan O documento discute como estilizar cabeçalhos (h1) em CSS, incluindo adicionar bordas superiores e inferiores, definir cores de fundo, adicionar detalhes laterais como bordas e preenchimento, e usar diferentes tipos de bordas como tracejada. A última seção menciona adicionar imagens e reposicionar componentes.
Aula 11 04-14 prática html
Aula 11 04-14 prática htmlJolvani Morgan O documento fornece instruções para criar uma página HTML básica com um tema escolhido, incluindo estrutura básica HTML, cabeçalhos, parágrafos, cores, imagens, listas, links internos e externos para permitir navegação entre páginas. Os alunos são encorajados a usar sua criatividade para melhorar o site.
Aula 06 e 07 elementos inline parte01 e 02
Aula 06 e 07 elementos inline parte01 e 02Jolvani Morgan Este documento discute elementos inline no HTML. Ele explica que elementos inline não quebram linhas e podem ser aplicados dentro de uma linha, ao contrário de elementos de bloco. O documento então lista e descreve vários elementos inline comuns como <b>, <i>, <em>, <strong> e <sup>. Ele também menciona elementos inline que estão sendo descontinuados.
Aula 31 certificação
Aula 31 certificaçãoJolvani Morgan O documento resume a última aula sobre certificação em (X)HTML. Nele, o professor explica que o (X)HTML é mais rigoroso que o HTML ao exigir que todas as tags estejam corretamente abertas e fechadas. Ele também recomenda que os alunos busquem a certificação (X)HTML no site W3Schools para validar seus conhecimentos e melhorar suas chances no mercado de trabalho.
Aula 21. estilização de listas
Aula 21. estilização de listasJolvani Morgan Este documento discute como estilizar listas usando CSS, incluindo como alterar o tipo de marcador de lista para números, círculos ou discos e como adicionar imagens como marcadores de lista. Também explica como posicionar a marcação da lista dentro ou fora da lista e como abreviar a propriedade list-style.
Aula 09. efeito cascata e herança
Aula 09. efeito cascata e herançaJolvani Morgan O documento discute o efeito cascata e herança em CSS. O efeito cascata resolve conflitos quando estilos afetam a mesma tag. A herança faz com que propriedades sejam herdadas por elementos descendentes. A especificidade determina qual regra tem precedência no efeito cascata, considerando fatores como seletores, IDs e importância.
Aula 28,29 e 30 w3 c, versões, html5
Aula 28,29 e 30 w3 c, versões, html5Jolvani Morgan Este documento discute o W3C, versões do HTML e XHTML. Resume as aulas 28, 29 e 30 sobre introdução ao HTML e XHTML, detalhes para converter arquivos HTML para XHTML, e versões do HTML como HTML5 e XHTML5. Também discute doutypes, validação de código e editores XHTML.
Aula 08 cores
Aula 08 coresJolvani Morgan O documento discute as cores em HTML, incluindo três maneiras de aplicar cores a elementos (nome, decimal e hexadecimal), e como definir valores de cores usando o atributo style. Também cobre como escolher cores usando uma paleta online ou no Paint do Windows e aplicá-las ao código HTML.
Aula 04 e 05. seletores simples
Aula 04 e 05. seletores simplesJolvani Morgan Este documento descreve os diferentes tipos de seletores simples em CSS, incluindo seletores universais, de elementos, de classe, de ID e de atributos. Explica como aplicar estilos a elementos usando cada um desses seletores e fornece exemplos de sua sintaxe e uso.
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)
Aula 13, 14 e 15. textos (fontes, espaçamento, alinhamento e decoração)Jolvani Morgan O documento discute estilização de fontes em CSS, incluindo definir famílias de fontes, fontes seguras e genéricas, estilo, peso, variante, tamanho da fonte. Também cobre espaçamento entre letras, palavras e linhas, alinhamento de texto, decoração e transformação de caixa alta/baixa.
Aula 10 e 11. box model
Aula 10 e 11. box modelJolvani Morgan Este documento resume os principais conceitos do box model no CSS, incluindo que cada elemento da página é representado por um box model composto por preenchimento, borda, margem e conteúdo. Explica como identificar e alterar as propriedades desses elementos usando o plugin Firebug no Firefox.
Aula 21 e 22 tabelas introdução th head foot
Aula 21 e 22 tabelas introdução th head footJolvani Morgan Este documento apresenta uma introdução sobre tabelas em HTML. Ele explica que tabelas são compostas por linhas e colunas que formam células e que antigamente eram usadas para layout, mas agora são usadas para apresentar dados tabulares. Também mostra como criar uma tabela básica usando tags HTML e como formatar suas propriedades.
Aula 20 div e spans
Aula 20 div e spansJolvani Morgan O documento discute o uso de elementos <div> e <span> em HTML para agrupar conteúdo. Explica que <div> é um contêiner de bloco genérico e <span> é um contêiner em linha genérico que podem ser usados para agrupar seções quando não há uma tag semântica apropriada. Também fornece exemplos de como estruturar uma página web usando <div> para criar cabeçalhos, rodapés, menus e seções de conteúdo.
Aula 24,25,26 e 27. posicionamento
Aula 24,25,26 e 27. posicionamentoJolvani Morgan Este documento resume quatro aulas sobre posicionamento em CSS ministradas pelo professor Jolvani. Nas aulas, ele explica os três principais tipos de posicionamento: fluxo normal, float e absoluto. O professor demonstra como usar cada propriedade de posicionamento e como elas afetam a disposição dos elementos. Ele também cobre a propriedade z-index, que define a ordem de sobreposição quando elementos se sobrepõem.
Aula 12. medidas absolutas e relativas
Aula 12. medidas absolutas e relativasJolvani Morgan O documento discute medidas absolutas e relativas em CSS, incluindo unidades de medida lineares como polegadas, centímetros, pixels e pontos. É explicado que medidas absolutas como pixels não dependem de valores de referência, enquanto medidas relativas como EM e EX se referem a outros elementos. O professor fornece exemplos do uso de EM e PX para definir margens em relação a tamanhos de fonte previamente definidos.
Mais de Jolvani Morgan (14)
Aula 34. bordas arredondadas e sombreamento
Aula 34. bordas arredondadas e sombreamentoJolvani Morgan Este documento descreve como usar as propriedades CSS border-radius e box-shadow para arredondar bordas e adicionar sombras a elementos. Explica que a versão 3 do CSS ainda não é totalmente suportada e demonstra como definir valores para border-radius e box-shadow para criar esses efeitos visuais.
Aula 28,29,30 e 31. layout (tableless)
Aula 28,29,30 e 31. layout (tableless)Jolvani Morgan Este documento resume quatro aulas sobre layouts sem tabelas em CSS. Nas aulas, o professor ensina sobre layouts de uma, duas e três colunas, definindo áreas, posicionando elementos e resolvendo problemas de flutuação.
Aula 19 e 20. estilização de links
Aula 19 e 20. estilização de linksJolvani Morgan O documento discute técnicas de estilização de links em CSS, incluindo o uso de pseudo-classes como :link, :visited, :hover e :active para estilizar links em diferentes estados. Ele fornece exemplos de como remover a formatação de sublinhado padrão e adicioná-la apenas quando o mouse passar sobre o link, além de adicionar espaçamento, cores de fundo e textos para links.
Aula 12. medidas absolutas e relativas
Aula 12. medidas absolutas e relativasJolvani Morgan O documento discute medidas absolutas e relativas em CSS. Ele explica que medidas absolutas como polegadas, centímetros e pixels não dependem de um valor de referência, enquanto medidas relativas como EM e EX se baseiam no tamanho do texto. O documento também apresenta exemplos mostrando como definir margens usando medidas absolutas e relativas e como elas são calculadas em relação aos elementos pai.
Aula 06, 07 e 08 seletores compostos e pseudo seletores
Aula 06, 07 e 08 seletores compostos e pseudo seletoresJolvani Morgan O documento resume uma aula sobre seletores compostos e pseudoclasses/elementos no CSS. Ele explica como seletores compostos como descendentes, filhos e adjacentes funcionam e como pseudoclasses como :first-child e :hover podem estilizar elementos em diferentes estados. Pseudoelementos como :first-line, :first-letter, :before e :after também são explicados como uma forma de adicionar estilos a partes específicas de elementos.
Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoJolvani Morgan Este documento discute três métodos para aplicar CSS a documentos HTML: inline, incorporado e externo. O método inline adiciona estilos diretamente aos elementos no HTML, o que dificulta a manutenção. O método incorporado usa tags <style> no cabeçalho para definir os estilos. O método externo armazena os estilos em um arquivo CSS separado e o vincula ao HTML via tag <link>, o que é mais organizado para projetos maiores.
Aula 02 sintaxe css
Aula 02 sintaxe cssJolvani Morgan Este documento fornece uma introdução à sintaxe básica do CSS. Explica que o CSS é usado para estilizar páginas HTML e que declarações CSS contêm propriedades e valores separados por ponto e vírgula. Também descreve seletores CSS que indicam quais elementos HTML serão estilizados e a estrutura básica de uma regra CSS entre chaves.
Aula 27 caracteres especiais & encoding
Aula 27 caracteres especiais & encodingJolvani Morgan O documento discute caracteres especiais e codificação em HTML, explicando que editores de texto usam diferentes codificações e a importância de definir a codificação UTF-8. Também mostra como representar caracteres especiais usando entidades nomeadas ou numéricas.
Aula 25 e 26 formulário acessibilidade
Aula 25 e 26 formulário acessibilidadeJolvani Morgan O documento discute a acessibilidade em formulários HTML, cobrindo o uso de elementos como rótulos (<label>), grupos de campos (<fieldset>), atributos como for, tabindex e accesskey para associar elementos, e controles como desabilitado (<disabled>) e somente leitura (<readonly>).
Aula 23 e 24 formulário controles
Aula 23 e 24 formulário controlesJolvani Morgan O documento resume duas aulas sobre formulários em HTML. Ele explica os principais elementos de formulário como <form>, campos de entrada como caixas de texto e botões de opção, e como adicioná-los a uma página web para coletar informações do usuário. Além disso, discute elementos avançados como áreas de texto e menus suspensos.
Aula 18 links email, call, chat
Aula 18 links email, call, chatJolvani Morgan A aula ensina como criar links em HTML para enviar emails, realizar chamadas de telefone e bate-papo online. Os alunos aprenderão a usar o protocolo "mailto:" para criar links de email e poderão adicionar assunto e destinatários. Também aprenderão a criar links para realizar chamadas diretamente de um número de telefone ou bate-papo por Skype.
Aula 17 links internos
Aula 17 links internosJolvani Morgan Este documento fornece instruções sobre como criar links internos em HTML. Explica como vincular partes do mesmo documento usando IDs e como fazer referências entre arquivos diferentes usando ancoras. Também mostra como criar listas com itens vinculados internamente para navegação no site.
Aula 16 links relativos
Aula 16 links relativosJolvani Morgan Este documento fornece uma aula sobre links relativos em HTML. Ele explica como criar links para documentos internos na mesma pasta e mostra exemplos de como estruturar as pastas e páginas para manter os links funcionando caso os arquivos sejam movidos. O documento também menciona brevemente links para seções dentro da mesma página, que será ensinado na próxima aula.
Aula 15 links introdução
Aula 15 links introduçãoJolvani Morgan Este documento apresenta os principais conceitos sobre links em HTML. Ele explica como criar links usando a tag <a> e os atributos obrigatórios "href" e opcional "target". Também discute como abrir links em novas janelas e adicionar links a imagens e texto.
Último (7)
Open Source: Ferramentas Gratuitas Incríveis
Open Source: Ferramentas Gratuitas IncríveisDanilo Pinotti Descubra ferramentas open source incríveis.
Federal University of Santa Catarina (UFSC) - PySpark Tutorial
Federal University of Santa Catarina (UFSC) - PySpark TutorialLuiz Henrique Zambom Santana ---
This is the slides of my talk about PySpark at post gradution class in Federal University of Santa Catarina.
---
Trailblazer Community de São Paulo - Explorando APEX
Trailblazer Community de São Paulo - Explorando APEXFrancisco Vieira Júnior Neste encontro, apresentado pelo mestre e arquiteto Rafael de Campos, abordamos as vantagens exclusivas que o APEX oferece, os desafios que você pode encontrar e demonstramos casos de uso práticos para maximizar seu potencial na plataforma.
Esta apresentação é ideal para profissionais que já atuam com Salesforce ou para aqueles interessados em expandir seus conhecimentos.
Não perca a oportunidade de aprender sobre essa robusta ferramenta e como ela pode transformar suas soluções em Salesforce!
Como Usar o packet tracer para auxiliar na criacao de rede
Como Usar o packet tracer para auxiliar na criacao de redecaioandradesje Cisco Packet Tracer, uma ferramenta de simulação de redes desenvolvida pela Cisco, usada para criar e simular redes de computadores complexas para fins educacionais e de treinamento. Ele detalha as funcionalidades do software, como a simulação de dispositivos de rede, configuração via linha de comando, visualização de pacotes em tempo real e suporte a múltiplos protocolos. Além disso, o documento aborda as vantagens do uso do Packet Tracer para estudantes de redes e fornece um guia de instalação passo a passo, incluindo a necessidade de cadastro no Cisco Networking Academy.
Aula 32. menu só com css
- 1. Menu só com CSS CSS - Style Sheet Professor: Jolvani Aula 32
- 2. Menu só com CSS Anteriormente construímos esse menu com o uso da biblioteca jQuery para trazer o efeito de abrir e esconder o elementos do menu dentro de nossa lista. Nesta aula iremos usar o mesmo efeito usando Somente recursos CSS.
- 3. Como não usaremos jQuery a primeira coisa a fazer é remover as referências javascripts dos efeitos nos menus: Salvamos a aula menu22e23menuVertical.html para aula32_menucomCSS.html, e removemos as referências ... Vc irá notar que todos os submenus serão apresentados a partir desse momento. Menu só com CSS
- 4. Como podemos esconder os submenus? Dentro do CSS que estiliza o submenu devemos utilizar a propriedade display com o valor none. Essa propriedade irá esconder todos os submenus... (teste) Agora precisamos apresentar o submenu... Devemos usar o evento hover para que quando passarmos o mouse por cima do menu seja apresentado o submenu. Alterando o elemento Interno da li. Ficando assim: li:hover > ul{ } Menu só com CSS
- 5. Devemos usar o evento hover para que quando passarmos o mouse por cima do menu seja apresentado o submenu. Alterando o elemento Interno da li. Ficando assim: li:hover > ul{ } Apresentando para o usuário display:block; Menu só com CSS
- 6. Próxima Aula: CSS Sprite