1) O documento descreve como criar formulários em HTML, listando e explicando as principais tags e atributos utilizados, como <form>, <input>, <textarea>, <select> e <option>.
2) São detalhados os tipos de controles do formulário, como campo de texto, caixa de verificação, caixa de opção, botões e campos ocultos.
3) São explicados os atributos específicos de cada tipo de controle, como name, value, type, entre outros.
Este documento fornece uma introdução ao BrOffice Writer, incluindo:
1) Uma explicação do que é o BrOffice Writer e como iniciar o programa
2) Uma descrição da interface gráfica do usuário do BrOffice Writer
3) Uma visão geral dos principais recursos do BrOffice Writer como digitar, formatar texto e parágrafos, inserir figuras e tabelas, e imprimir documentos.
1. O documento apresenta os resultados de uma pesquisa de mercado realizada com 10 empresas de pequeno e médio porte para entender suas expectativas em relação a uma agência de publicidade.
2. É descrita a metodologia e os objetivos da pesquisa, assim como os principais resultados obtidos que serviram de base para a criação da agência experimental Agência Expresso.
3. O documento também aborda conceitos de comportamento do consumidor, ética, legislação e gestão relevantes para o funcionamento da agência, como abertura da empresa,
Este projeto educativo descreve a visão e estratégias da Escola Básica dos 2o e 3o Ciclos de Santo António para os próximos 4 anos. A escola serve a freguesia de Santo António no Funchal e tem como lema "Orientar Saberes, Preparar para a Cidadania". O documento apresenta o contexto da escola e da comunidade, identifica áreas prioritárias como o sucesso escolar e comportamentos de risco, e estabelece metas e estratégias para melhorar o desempenho e bem-
Este documento apresenta um projeto integrado de recursos humanos sobre recrutamento, seleção e plano de cargos e salários. O projeto descreve os processos de recrutamento e seleção de uma empresa, incluindo objetivos, justificativas e metodologia. Também apresenta um plano de cargos e salários para a empresa, com detalhes sobre a estrutura, critérios de classificação e implantação.
O documento fornece uma introdução ao BrOffice.org Calc, um software de planilha eletrônica. Ele descreve:
1) A tela principal do Calc, incluindo a área de trabalho, guias de planilhas e barra de menus.
2) Conceitos básicos como planilhas, células, endereçamento e comandos.
3) Funções como inserir, editar e formatar dados, criar tabelas, inserir fórmulas e gráficos.
4) Conceitos avançados como trabalhar com múltiplas
Manual de utilizador concurso escolas artísticas - candidatos - 2014Prof_Infinito
Este documento fornece instruções sobre como candidatos podem utilizar um sistema online para concorrer a vagas em escolas artísticas. Ele explica como os candidatos podem acessar o sistema, preencher seus dados pessoais e profissionais, visualizar vagas disponíveis, se candidatar às vagas, alterar suas preferências, e submeter sua candidatura.
Este documento apresenta um estudo de caso sobre a Vodafone Portugal. Resume a evolução histórica e estratégia da Vodafone, seu programa de fidelização Clube Viva e desafios. Inclui revisão da literatura sobre qualidade de serviço, satisfação do cliente, fidelização e programas de fidelidade. A metodologia utilizada é um estudo de caso sobre a Vodafone com objetivos pedagógicos.
Este documento fornece uma introdução ao BrOffice Writer, incluindo:
1) Uma explicação do que é o BrOffice Writer e como iniciar o programa
2) Uma descrição da interface gráfica do usuário do BrOffice Writer
3) Uma visão geral dos principais recursos do BrOffice Writer como digitar, formatar texto e parágrafos, inserir figuras e tabelas, e imprimir documentos.
1. O documento apresenta os resultados de uma pesquisa de mercado realizada com 10 empresas de pequeno e médio porte para entender suas expectativas em relação a uma agência de publicidade.
2. É descrita a metodologia e os objetivos da pesquisa, assim como os principais resultados obtidos que serviram de base para a criação da agência experimental Agência Expresso.
3. O documento também aborda conceitos de comportamento do consumidor, ética, legislação e gestão relevantes para o funcionamento da agência, como abertura da empresa,
Este projeto educativo descreve a visão e estratégias da Escola Básica dos 2o e 3o Ciclos de Santo António para os próximos 4 anos. A escola serve a freguesia de Santo António no Funchal e tem como lema "Orientar Saberes, Preparar para a Cidadania". O documento apresenta o contexto da escola e da comunidade, identifica áreas prioritárias como o sucesso escolar e comportamentos de risco, e estabelece metas e estratégias para melhorar o desempenho e bem-
Este documento apresenta um projeto integrado de recursos humanos sobre recrutamento, seleção e plano de cargos e salários. O projeto descreve os processos de recrutamento e seleção de uma empresa, incluindo objetivos, justificativas e metodologia. Também apresenta um plano de cargos e salários para a empresa, com detalhes sobre a estrutura, critérios de classificação e implantação.
O documento fornece uma introdução ao BrOffice.org Calc, um software de planilha eletrônica. Ele descreve:
1) A tela principal do Calc, incluindo a área de trabalho, guias de planilhas e barra de menus.
2) Conceitos básicos como planilhas, células, endereçamento e comandos.
3) Funções como inserir, editar e formatar dados, criar tabelas, inserir fórmulas e gráficos.
4) Conceitos avançados como trabalhar com múltiplas
Manual de utilizador concurso escolas artísticas - candidatos - 2014Prof_Infinito
Este documento fornece instruções sobre como candidatos podem utilizar um sistema online para concorrer a vagas em escolas artísticas. Ele explica como os candidatos podem acessar o sistema, preencher seus dados pessoais e profissionais, visualizar vagas disponíveis, se candidatar às vagas, alterar suas preferências, e submeter sua candidatura.
Este documento apresenta um estudo de caso sobre a Vodafone Portugal. Resume a evolução histórica e estratégia da Vodafone, seu programa de fidelização Clube Viva e desafios. Inclui revisão da literatura sobre qualidade de serviço, satisfação do cliente, fidelização e programas de fidelidade. A metodologia utilizada é um estudo de caso sobre a Vodafone com objetivos pedagógicos.
Ogni giorno su Internet 1,7 miliardi di persone nel Mondo, 40 milioni in Europa, e 31 milioni in Italia, come attività principale cercano su Google prodotti, servizi e informazioni. Questa guida permette ad imprese e liberi professionisti di utilizzare i prodotti di Google per promuovere la propria attività nel modo più efficace e conveniente.
Oltre ad un aggiornamento, un approfondimento e una rioganizzazione dei contenuti, questa Seconda Edizione include nuove idee e strumenti per ottimizzare e posizionare al meglio siti sviluppati con i più diffusi software open source, come Wordpress, osCommerce e Magento.
1. O documento apresenta os resultados de pesquisas qualitativas e quantitativas realizadas sobre o mercado de tecnobrega no Pará, com o objetivo de compreender sua dinâmica e importância cultural.
2. O tecnobrega surgiu a partir de reformulações no brega tradicional dos anos 1970-1980 em Belém, dando origem a estilos como bregacalypso e cybertecnobrega.
3. O relatório analisa as características do modelo de negócios do tecnobrega, sem a
Este manual fornece diretrizes sobre a identidade visual da Funpar, incluindo seu logotipo, cores, tipografia e padrões de aplicação. Os elementos-chave da marca são a logomarca, a assinatura e as cores institucionais, que devem ser usados de forma consistente para fortalecer a imagem corporativa da organização.
1. O documento apresenta os resultados de uma pesquisa de mercado realizada com 10 empresas de pequeno e médio porte para entender suas expectativas em relação a uma agência de publicidade.
2. É descrita a metodologia e abordagem da Agência Expresso, criada como projeto experimental para simular a abertura de um negócio próprio.
3. Detalha-se os aspectos de gestão, ética, legislação e atendimento relevantes para o funcionamento de uma agência, como abertura, tipos jurídicos, direitos
O documento apresenta o catálogo dos cursos de graduação e pós-graduação da Universidade Eduardo Mondlane, incluindo 37 cursos de licenciatura e 14 cursos de mestrado. Detalha os requisitos de admissão, áreas de trabalho, duração e plano de estudos para a Licenciatura em Engenharia Agronómica da Faculdade de Agronomia e Engenharia Florestal.
Monografia do Projeto Integrado do 7º Semestre do Curso de Publicidade e Propaganda da Universidade Metodista de São Paulo.
PROJETO EXPERIMENTAL - 7º Semestre
Curso: Publicidade e Propaganda - Universidade Metodista de São Paulo
Ano: 1º Semestre/2015
Tema: A comunicação Publicitária na Saúde
Título: “Suas desculpas salvam vidas? – Campanha a favor da doação de medula óssea".
Cliente: Instituto A.C.Camargo Cancer Center
Agência Lumus - 7° Semestre
Vencedor do Prêmio Destaque
Manual de Trabalhos acadêmicos da UDESC, do formato A5, obrigatório para: Dissertações, Teses e Relatórios de Pós-Doutorado. (formato opcional para cursos de graduação e de especialização).
Este documento apresenta um curso básico de Revit Architecture 2015 focado na modelagem BIM (Building Information Modeling). O documento introduz conceitos de BIM e suas vantagens em relação ao CAD, apresenta o ambiente de trabalho do Revit e seus principais comandos, e explica como modelar elementos arquitetônicos básicos, criar vistas e anotações, gerenciar famílias e componentes, e utilizar recursos avançados como renderização e percursos virtuais.
Este documento apresenta as normas e diretrizes para elaboração de trabalhos acadêmicos da Universidade do Estado de Santa Catarina (UDESC), especificamente Trabalhos de Conclusão de Curso (TCC) e Relatórios de Estágio. O documento descreve a estrutura desses trabalhos, incluindo elementos pré-textuais, textuais e pós-textuais, e fornece detalhes sobre formatação, citações, referências e outros aspectos técnicos.
Monografia "Prospect. A realidade do mercado publicitário e a concorrência en...Iasmin Gimenes Sabbanelli
Projeto Experimental do 8º semestre do Curso de Publicidade e Propaganda da Universidade Metodista de São Paulo
Tema: Prospect. A Realidade do Mercado Publicitário e a Concorrência entre as Agências Cliente: Café Seleto DOM
Este Projeto Experimental, desenvolvido por alunos do oitavo período do curso de Publicidade e Propaganda da Faculdade de Comunicação da Universidade Metodista de São Paulo, que integram a agência Lumus, tem como tema “Prospect. A Realidade do Mercado Publicitário e a Concorrência entre as Agências” e tem o objetivo de vivenciar a realidade do mercado. O cliente atendido é a Seleto Alimentos, com a sua linha de café em cápsulas Seleto DOM. Com o briefing fornecido pelo cliente, informações adquiridas através de pesquisas e objetivos e estratégias definidos, foi possivel definir o conceito criativo. A partir disso foi desenvolvido o planejamento estratégico da campanha e o plano de mídia, e por fim, foram criadas as peças e todos os detalhes finais para campanha alcançar os objetivos da marca Seleto DOM e da Agência Lumus.
Neste projeto, desenvolvemos uma campanha publicitária no período sazonal do Dia das Mães para a Contém 1g, uma empresa brasileira especialista no segmento de cosméticos. Através de um planejamento fundamentado em pesquisa mercadológica, informações de mercado e um briefing completo, criamos a linha criativa da campanha e desenvolvemos um plano de mídia completo com meios e veículos ideais para a veiculação da campanha.
Este documento fornece um resumo da apostila do módulo Writer do BrOffice.org. Ele explica como iniciar um novo documento de texto ou abrir um existente, salvar arquivos, formatar texto e parágrafos, inserir figuras e tabelas, verificar ortografia e outras funções do editor de texto.
Este documento apresenta uma apostila sobre tópicos em leitura e produção de texto. A apostila aborda diversos assuntos como competências, gramática, coesão, coerência, gêneros textuais e como elaborar propostas e currículos. O documento está organizado em seções que tratam de conceitos importantes para a leitura e produção de textos de forma concisa e objetiva.
Facebook como Plataforma de Relacionamento entre Cliente e Empresa - Facebook...Felipe Guelfi
Este documento apresenta um estudo sobre o relacionamento entre uma empresa de e-commerce e seus clientes através da rede social Facebook. Aborda a evolução das redes sociais online, o funcionamento do Facebook e como as empresas podem utilizar as ferramentas dessa plataforma para interagir com os consumidores e medir o engajamento. Por fim, apresenta um estudo de caso de uma empresa que analisou a correlação entre as vendas e a interação com clientes no Facebook.
Manual de Trabalhos acadêmicos da UDESC - formato A5Andreza Luz
O documento apresenta as diretrizes para elaboração de trabalhos acadêmicos na UDESC, como teses, dissertações, trabalhos de conclusão de curso e relatórios de estágio, abordando sua estrutura, elementos pré e pós-textuais, normas de citações e apresentação.
Este relatório apresenta os resultados das pesquisas realizadas na primeira fase de elaboração do Plano de Trânsito, Transporte e Mobilidade do Município de Amparo. São descritos: 1) o serviço municipal de transporte coletivo, composto por 22 linhas e 59 rotas; 2) a infraestrutura viária do município; e 3) as condições de circulação e tráfego. Também são apresentados os resultados das pesquisas realizadas com usuários dos modais.
1) O documento apresenta uma lista de 100 termos relacionados à gestão do conhecimento, organizados alfabeticamente, para auxiliar na compreensão e discussão do tema.
2) Os termos incluem conceitos como aprendizagem organizacional, capital intelectual, comunidades de prática, conhecimento tácito e explícito, cultura da gestão do conhecimento, ferramentas de gestão do conhecimento e gestão do conhecimento organizacional.
3) A lista tem o objetivo de servir como referência concisa para
O documento discute tags HTML e CSS importantes para configurar um site, incluindo fontes, footer, formulários, inputs, labels, fieldsets e select. É explicado como escolher fontes, configurar rodapés e como criar formulários complexos com diferentes campos de entrada para coletar dados do usuário.
O documento discute a tag <img> no HTML para inserir imagens em páginas web. Explica como usar os atributos src, alt, width, height e border da tag <img> e como alinhar imagens e texto. Também cobre a tag <audio> para áudio e <video> para vídeo no HTML5, além de como incorporar vídeos do YouTube usando seu código embed.
Ogni giorno su Internet 1,7 miliardi di persone nel Mondo, 40 milioni in Europa, e 31 milioni in Italia, come attività principale cercano su Google prodotti, servizi e informazioni. Questa guida permette ad imprese e liberi professionisti di utilizzare i prodotti di Google per promuovere la propria attività nel modo più efficace e conveniente.
Oltre ad un aggiornamento, un approfondimento e una rioganizzazione dei contenuti, questa Seconda Edizione include nuove idee e strumenti per ottimizzare e posizionare al meglio siti sviluppati con i più diffusi software open source, come Wordpress, osCommerce e Magento.
1. O documento apresenta os resultados de pesquisas qualitativas e quantitativas realizadas sobre o mercado de tecnobrega no Pará, com o objetivo de compreender sua dinâmica e importância cultural.
2. O tecnobrega surgiu a partir de reformulações no brega tradicional dos anos 1970-1980 em Belém, dando origem a estilos como bregacalypso e cybertecnobrega.
3. O relatório analisa as características do modelo de negócios do tecnobrega, sem a
Este manual fornece diretrizes sobre a identidade visual da Funpar, incluindo seu logotipo, cores, tipografia e padrões de aplicação. Os elementos-chave da marca são a logomarca, a assinatura e as cores institucionais, que devem ser usados de forma consistente para fortalecer a imagem corporativa da organização.
1. O documento apresenta os resultados de uma pesquisa de mercado realizada com 10 empresas de pequeno e médio porte para entender suas expectativas em relação a uma agência de publicidade.
2. É descrita a metodologia e abordagem da Agência Expresso, criada como projeto experimental para simular a abertura de um negócio próprio.
3. Detalha-se os aspectos de gestão, ética, legislação e atendimento relevantes para o funcionamento de uma agência, como abertura, tipos jurídicos, direitos
O documento apresenta o catálogo dos cursos de graduação e pós-graduação da Universidade Eduardo Mondlane, incluindo 37 cursos de licenciatura e 14 cursos de mestrado. Detalha os requisitos de admissão, áreas de trabalho, duração e plano de estudos para a Licenciatura em Engenharia Agronómica da Faculdade de Agronomia e Engenharia Florestal.
Monografia do Projeto Integrado do 7º Semestre do Curso de Publicidade e Propaganda da Universidade Metodista de São Paulo.
PROJETO EXPERIMENTAL - 7º Semestre
Curso: Publicidade e Propaganda - Universidade Metodista de São Paulo
Ano: 1º Semestre/2015
Tema: A comunicação Publicitária na Saúde
Título: “Suas desculpas salvam vidas? – Campanha a favor da doação de medula óssea".
Cliente: Instituto A.C.Camargo Cancer Center
Agência Lumus - 7° Semestre
Vencedor do Prêmio Destaque
Manual de Trabalhos acadêmicos da UDESC, do formato A5, obrigatório para: Dissertações, Teses e Relatórios de Pós-Doutorado. (formato opcional para cursos de graduação e de especialização).
Este documento apresenta um curso básico de Revit Architecture 2015 focado na modelagem BIM (Building Information Modeling). O documento introduz conceitos de BIM e suas vantagens em relação ao CAD, apresenta o ambiente de trabalho do Revit e seus principais comandos, e explica como modelar elementos arquitetônicos básicos, criar vistas e anotações, gerenciar famílias e componentes, e utilizar recursos avançados como renderização e percursos virtuais.
Este documento apresenta as normas e diretrizes para elaboração de trabalhos acadêmicos da Universidade do Estado de Santa Catarina (UDESC), especificamente Trabalhos de Conclusão de Curso (TCC) e Relatórios de Estágio. O documento descreve a estrutura desses trabalhos, incluindo elementos pré-textuais, textuais e pós-textuais, e fornece detalhes sobre formatação, citações, referências e outros aspectos técnicos.
Monografia "Prospect. A realidade do mercado publicitário e a concorrência en...Iasmin Gimenes Sabbanelli
Projeto Experimental do 8º semestre do Curso de Publicidade e Propaganda da Universidade Metodista de São Paulo
Tema: Prospect. A Realidade do Mercado Publicitário e a Concorrência entre as Agências Cliente: Café Seleto DOM
Este Projeto Experimental, desenvolvido por alunos do oitavo período do curso de Publicidade e Propaganda da Faculdade de Comunicação da Universidade Metodista de São Paulo, que integram a agência Lumus, tem como tema “Prospect. A Realidade do Mercado Publicitário e a Concorrência entre as Agências” e tem o objetivo de vivenciar a realidade do mercado. O cliente atendido é a Seleto Alimentos, com a sua linha de café em cápsulas Seleto DOM. Com o briefing fornecido pelo cliente, informações adquiridas através de pesquisas e objetivos e estratégias definidos, foi possivel definir o conceito criativo. A partir disso foi desenvolvido o planejamento estratégico da campanha e o plano de mídia, e por fim, foram criadas as peças e todos os detalhes finais para campanha alcançar os objetivos da marca Seleto DOM e da Agência Lumus.
Neste projeto, desenvolvemos uma campanha publicitária no período sazonal do Dia das Mães para a Contém 1g, uma empresa brasileira especialista no segmento de cosméticos. Através de um planejamento fundamentado em pesquisa mercadológica, informações de mercado e um briefing completo, criamos a linha criativa da campanha e desenvolvemos um plano de mídia completo com meios e veículos ideais para a veiculação da campanha.
Este documento fornece um resumo da apostila do módulo Writer do BrOffice.org. Ele explica como iniciar um novo documento de texto ou abrir um existente, salvar arquivos, formatar texto e parágrafos, inserir figuras e tabelas, verificar ortografia e outras funções do editor de texto.
Este documento apresenta uma apostila sobre tópicos em leitura e produção de texto. A apostila aborda diversos assuntos como competências, gramática, coesão, coerência, gêneros textuais e como elaborar propostas e currículos. O documento está organizado em seções que tratam de conceitos importantes para a leitura e produção de textos de forma concisa e objetiva.
Facebook como Plataforma de Relacionamento entre Cliente e Empresa - Facebook...Felipe Guelfi
Este documento apresenta um estudo sobre o relacionamento entre uma empresa de e-commerce e seus clientes através da rede social Facebook. Aborda a evolução das redes sociais online, o funcionamento do Facebook e como as empresas podem utilizar as ferramentas dessa plataforma para interagir com os consumidores e medir o engajamento. Por fim, apresenta um estudo de caso de uma empresa que analisou a correlação entre as vendas e a interação com clientes no Facebook.
Manual de Trabalhos acadêmicos da UDESC - formato A5Andreza Luz
O documento apresenta as diretrizes para elaboração de trabalhos acadêmicos na UDESC, como teses, dissertações, trabalhos de conclusão de curso e relatórios de estágio, abordando sua estrutura, elementos pré e pós-textuais, normas de citações e apresentação.
Este relatório apresenta os resultados das pesquisas realizadas na primeira fase de elaboração do Plano de Trânsito, Transporte e Mobilidade do Município de Amparo. São descritos: 1) o serviço municipal de transporte coletivo, composto por 22 linhas e 59 rotas; 2) a infraestrutura viária do município; e 3) as condições de circulação e tráfego. Também são apresentados os resultados das pesquisas realizadas com usuários dos modais.
1) O documento apresenta uma lista de 100 termos relacionados à gestão do conhecimento, organizados alfabeticamente, para auxiliar na compreensão e discussão do tema.
2) Os termos incluem conceitos como aprendizagem organizacional, capital intelectual, comunidades de prática, conhecimento tácito e explícito, cultura da gestão do conhecimento, ferramentas de gestão do conhecimento e gestão do conhecimento organizacional.
3) A lista tem o objetivo de servir como referência concisa para
O documento discute tags HTML e CSS importantes para configurar um site, incluindo fontes, footer, formulários, inputs, labels, fieldsets e select. É explicado como escolher fontes, configurar rodapés e como criar formulários complexos com diferentes campos de entrada para coletar dados do usuário.
O documento discute a tag <img> no HTML para inserir imagens em páginas web. Explica como usar os atributos src, alt, width, height e border da tag <img> e como alinhar imagens e texto. Também cobre a tag <audio> para áudio e <video> para vídeo no HTML5, além de como incorporar vídeos do YouTube usando seu código embed.
O documento discute semântica em HTML, introduzindo tags como header, section, aside e footer para estruturar o conteúdo da página de forma significativa. Também explica a diferença entre div e as novas tags, e como CSS é usado para estilizar a apresentação sem afetar a estrutura do conteúdo.
O documento descreve três tipos de vinculação de folhas de estilo em CSS: externas, incorporadas e inline. Folhas de estilo externas armazenam regras CSS em um arquivo separado, incorporadas contêm regras dentro de tags <style> na página, e inline aplica estilos diretamente a elementos.
O documento descreve as etapas de criação de um site simples utilizando HTML e CSS, começando pela configuração do cabeçalho e menu, em seguida formatando o corpo, sidebar e rodapé da página.
O documento discute conceitos importantes de layout e estilização em HTML e CSS, como: a importância do layout para a apresentação da página; a utilização de múltiplas colunas e divisões para organizar o conteúdo; e os principais atributos da subclasse de estilo CSS para formatar elementos como fontes, cores, bordas e posicionamento.
O documento fornece instruções passo a passo para instalar o software XAMPP no Linux, que atua como um servidor web livre. Ele explica como verificar se o sistema é de 32 ou 64 bits, fazer o download apropriado, tornar o arquivo executável, iniciar a instalação e verificar se o servidor está funcionando.
O documento discute elementos básicos de HTML como títulos, parágrafos, ênfase em texto, imagens, comentários e formatação de texto. Explica as tags <H1> a <H6> para títulos, <p> para parágrafos, <strong>, <em> e <small> para ênfase, <img> e <figure> para imagens e como formatar texto com tags como <font>.
O documento discute a história da internet e como ela evoluiu ao longo do tempo para se tornar a rede global de comunicação que é hoje. As principais ideias incluem: (1) A internet começou como uma rede militar chamada ARPANET nos EUA em 1960; (2) O correio eletrônico e protocolos como TCP/IP tornaram a comunicação online possível; (3) Tim Berners-Lee criou o HTML e HTTP em 1990 permitindo a World Wide Web e abrindo a internet para o público.
O documento discute tags HTML como <font> para alterar a cor, tipo e tamanho da fonte e tags como <b>, <i> e <u> para estilizar texto em negrito, itálico e sublinhado. Ele também explica como criar listas definidas, não numeradas e numeradas usando tags como <dl>, <ul> e <ol> e como adicionar links internos e externos usando a tag <a>.
O documento descreve a história e evolução das linguagens HTML e CSS. Começa explicando que o HTML foi baseado na linguagem SGML e herdou tags como <h1>-<h6>, <head> e <p>. Também introduziu a tag <a> com o atributo href para permitir links. Posteriormente, a W3C passou a regularizar o padrão HTML.
O documento discute os requisitos de um sistema de informação, incluindo a importância de levantar requisitos, as técnicas para fazê-lo e os tipos de requisitos. Explica que os requisitos funcionais e não funcionais devem ser analisados e documentados nos requisitos dos usuários e do sistema para orientar o desenvolvimento de software.
Este manual fornece diretrizes sobre o uso correto da identidade visual da Funpar. Ele descreve os principais componentes da marca como a logomarca, assinatura, cores e tipografia. O manual também especifica regras sobre a área de proteção da marca, alinhamento, construção, aplicações corretas e incorretas em diferentes suportes.
Este documento apresenta um resumo sobre licitações públicas de acordo com a Lei no 8.666/93. Ele contém 23 seções que descrevem os principais aspectos das licitações, incluindo objetivos, princípios, tipos de licitação, fases do processo licitatório e modalidades de licitação.
O documento apresenta um curso de matemática financeira com o objetivo de ensinar conceitos e ferramentas matemáticas aplicadas à administração financeira de empresas. Aborda tópicos como porcentagens, taxas de juros, fluxos de caixa, juros simples e compostos, séries uniformes e sistemas de financiamento. Inclui também métodos para análise de alternativas de investimento e financiamento.
Este documento fornece instruções sobre como usar os recursos de manipulação de imagens no BrOffice.org. Ele explica como inserir imagens de arquivos ou digitalizadas, editar e formatar imagens, aplicar filtros, estilos e cores, e exportar imagens.
1. O documento discute HTML, páginas web e como navegadores interpretam arquivos HTML para exibir conteúdo na web.
2. É introduzido o que é HTML, como é uma linguagem de marcação usada para formatar conteúdo em páginas da web.
3. São explicados conceitos como tags, atributos e como eles afetam a formatação e exibição do conteúdo em páginas da web.
Relatorio anual do Programa Mais Sucesso Escolar 2010 2011_vs.final (2)ProjectoFenix
O relatório avalia o programa Mais Sucesso Escolar no ano letivo de 2010/2011. As principais conclusões são:
1) O programa abrangeu 114 escolas e 154 projetos, com uma taxa de sucesso média de 94.3%, acima da média histórica.
2) A taxa de conclusão de ciclo das escolas que intervieram em anos terminais foi de 80.5%.
3) A taxa global de abandono foi residual, de apenas 0.7% dos alunos abrangidos.
Este documento apresenta as especificações técnicas para o sistema de pressurização das escadas de incêndio do prédio do Banco Central no Rio de Janeiro. Ele descreve os equipamentos, normas técnicas, premissas de cálculo, extensão e limites da contratação, além de detalhar os sistemas de dutos de ar, instalação elétrica, montagem, testes e documentação necessária.
Este documento fornece instruções sobre como utilizar o Moodle. Resume os principais procedimentos como editar o perfil do utilizador, criar disciplinas, adicionar conteúdos e recursos, configurar atividades e gerir uma disciplina. Inclui também informações sobre importar disciplinas e alterar a configuração global.
Este documento fornece instruções sobre como utilizar o Moodle. Resume os principais procedimentos como editar o perfil do utilizador, criar disciplinas, adicionar conteúdos e recursos, configurar atividades e gerir uma disciplina. Inclui também informações sobre cargos, grupos e importação de disciplinas.
1) O documento discute as condições e orientações para o trabalho popular, com foco no "agente externo" que trabalha com o povo.
2) É destacada a necessidade do agente externo passar por uma "conversão de classe", abandonando a ideologia e mentalidade de sua classe de origem para se posicionar ao lado do povo.
3) O agente externo deve se inserir na realidade do povo, partindo de seus problemas reais e caminhando junto com a comunidade popular.
Este documento apresenta conceitos básicos sobre cálculo de estruturas de concreto armado, incluindo cargas características, esforços solicitantes, regras de pré-dimensionamento e conceitos de flexão simples. É apresentado o dimensionamento de diferentes elementos estruturais como vigas de seção retangular, em "T" e lajes, considerando os estados limites de serviço e último.
1) O documento apresenta conceitos básicos de cálculo de estruturas de concreto armado, incluindo cargas características, esforços solicitantes, regras de pré-dimensionamento e dimensionamento à flexão de elementos como vigas e lajes.
2) São descritos os tipos de cargas que atuam em estruturas, como cargas permanentes e variáveis, e exemplos de esforços solicitantes em vigas, como momento fletor e cortante.
3) São apresentadas equações para cálculo de esforços em vigas biapoi
1. O documento apresenta um resumo sobre contabilidade para usuários, abordando conceitos básicos como evolução histórica, usuários, patrimônio e demonstrações contábeis.
2. Inclui seções sobre patrimônio, explicando ativos, direitos e obrigações, e demonstrações contábeis, apresentando balanço patrimonial e demonstração do resultado.
3. Fornece exemplos e exercícios para ajudar na compreensão dos principais conceitos contábeis.
Este documento fornece orientações sobre como criar uma loja virtual bem-sucedida. Ele discute tópicos como o que é e-commerce, estratégias para vendas on-line, ferramentas disponíveis para criar uma presença digital, como escolher uma plataforma para loja virtual, etapas para construir uma loja virtual do zero, formas de pagamento, métricas e análises importantes. O documento ressalta a importância de se preparar a empresa antes de lançar uma loja on-line, garantindo processos internos eficientes e
O documento apresenta um curso avançado do Microsoft Excel 2007 com atividades propostas. As atividades incluem planilhas para inserir comentários, sequências, localizar e substituir texto e números, funções de datas, soma, média, SE, contagens e mais. Há também planilhas para classificação, filtros, tabelas dinâmicas, gráficos, hiperlinks, bancos de dados, proteção, compartilhamento, cenários e macros em VBA.
Este documento fornece um resumo do software Microsoft Excel XP. Apresenta as principais características e funcionalidades do programa, incluindo a criação e formatação de planilhas, uso de fórmulas e funções, criação de gráficos e integração com outras aplicações. Demonstra também como iniciar o programa e navegar na interface gráfica do usuário.
O documento fornece um resumo sobre os principais tipos de redes, incluindo redes telefônicas, redes móveis, redes de dados e redes de TV a cabo. Detalha as taxas de transmissão de dados de diferentes tecnologias como modem 56K, RDIS, GSM, UMTS, TCP/IP e ATM.
Este documento é um manual para usuários do Microsoft Word 2007 elaborado por Alexandre Figueiredo. Ele contém instruções sobre como usar os principais recursos do Word 2007, incluindo os menus, ferramentas de formatação e inserção de objetos. O manual também fornece índices de conteúdo, ilustrações e tabelas para facilitar a localização de informações.
O documento apresenta as seguintes informações essenciais sobre o FUNDEF:
1) O FUNDEF é um fundo constituído por recursos estaduais e municipais destinados a financiar o ensino fundamental público.
2) Os recursos são distribuídos aos estados e municípios com base no número de alunos matriculados no ensino fundamental de cada rede, conforme dados do Censo Escolar.
3) Pelo menos 60% dos recursos devem ser utilizados na remuneração dos professores do ensino fundamental.
Apostila Excel 2000 - Treinamento EmpresarialAdriano Lima
1) O documento apresenta um manual sobre treinamento profissional em Microsoft Excel 2000. Ele ensina os principais elementos da interface do Excel, como trabalhar com planilhas, manipular células, inserir dados, formatar planilhas, usar funções e gráficos, e recursos adicionais como proteção e comentários. 2) O manual contém vários capítulos ensinando sobre os diversos recursos do Excel 2000 de forma passo-a-passo com explicações e exercícios. 3) Ele fornece um resumo de cada capítulo e uma lista de referências bibli
Em um mundo cada vez mais digital, a segurança da informação tornou-se essencial para proteger dados pessoais e empresariais contra ameaças cibernéticas. Nesta apresentação, abordaremos os principais conceitos e práticas de segurança digital, incluindo o reconhecimento de ameaças comuns, como malware e phishing, e a implementação de medidas de proteção e mitigação para vazamento de senhas.
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...Faga1939
Este artigo tem por objetivo apresentar como ocorreu a evolução do consumo e da produção de energia desde a pré-história até os tempos atuais, bem como propor o futuro da energia requerido para o mundo. Da pré-história até o século XVIII predominou o uso de fontes renováveis de energia como a madeira, o vento e a energia hidráulica. Do século XVIII até a era contemporânea, os combustíveis fósseis predominaram com o carvão e o petróleo, mas seu uso chegará ao fim provavelmente a partir do século XXI para evitar a mudança climática catastrófica global resultante de sua utilização ao emitir gases do efeito estufa responsáveis pelo aquecimento global. Com o fim da era dos combustíveis fósseis virá a era das fontes renováveis de energia quando prevalecerá a utilização da energia hidrelétrica, energia solar, energia eólica, energia das marés, energia das ondas, energia geotérmica, energia da biomassa e energia do hidrogênio. Não existem dúvidas de que as atividades humanas sobre a Terra provocam alterações no meio ambiente em que vivemos. Muitos destes impactos ambientais são provenientes da geração, manuseio e uso da energia com o uso de combustíveis fósseis. A principal razão para a existência desses impactos ambientais reside no fato de que o consumo mundial de energia primária proveniente de fontes não renováveis (petróleo, carvão, gás natural e nuclear) corresponde a aproximadamente 88% do total, cabendo apenas 12% às fontes renováveis. Independentemente das várias soluções que venham a ser adotadas para eliminar ou mitigar as causas do efeito estufa, a mais importante ação é, sem dúvidas, a adoção de medidas que contribuam para a eliminação ou redução do consumo de combustíveis fósseis na produção de energia, bem como para seu uso mais eficiente nos transportes, na indústria, na agropecuária e nas cidades (residências e comércio), haja vista que o uso e a produção de energia são responsáveis por 57% dos gases de estufa emitidos pela atividade humana. Neste sentido, é imprescindível a implantação de um sistema de energia sustentável no mundo. Em um sistema de energia sustentável, a matriz energética mundial só deveria contar com fontes de energia limpa e renováveis (hidroelétrica, solar, eólica, hidrogênio, geotérmica, das marés, das ondas e biomassa), não devendo contar, portanto, com o uso dos combustíveis fósseis (petróleo, carvão e gás natural).
Este certificado confirma que Gabriel de Mattos Faustino concluiu com sucesso um curso de 42 horas de Gestão Estratégica de TI - ITIL na Escola Virtual entre 19 de fevereiro de 2014 a 20 de fevereiro de 2014.
As classes de modelagem podem ser comparadas a moldes ou
formas que definem as características e os comportamentos dos
objetos criados a partir delas. Vale traçar um paralelo com o projeto de
um automóvel. Os engenheiros definem as medidas, a quantidade de
portas, a potência do motor, a localização do estepe, dentre outras
descrições necessárias para a fabricação de um veículo
1. GDF - SECRETARIA DE ESTADO DE EDUCAÇÃO DO DF
CEP - ESCOLA TÉCNICA DE BRASÍLIA
CURSO TÉCNICO EM INFORMÁTICA
DESENVOLVIMENTO WEB I
<form>
<input type=”text” name=
value=”” />
</form>
2. Sumário
Formulários....................................................................................................... 5
Funcionamento de um formulário....................................................................... 5
Como criar formulários ....................................................................................... 5
Controles do Formulário.................................................................................. 6
Criando os campos do formulário....................................................................... 6
Tag <form> </form>.......................................................................................... 6
Atributos da tag <form> </form>......................................................................... 6
name: ................................................................................................................. 6
action: informa............................................................................................... 6
method: .............................................................................................................. 6
get: ..................................................................................................................... 6
post: ................................................................................................................... 6
enctype="multipart/form-data": ........................................................................... 6
Tag <input> </input> ........................................................................................ 6
Atributos da tag <input> ..................................................................................... 7
type: ................................................................................................................... 7
name: ................................................................................................................. 7
value:.................................................................................................................. 7
Campo de texto - <input type=”text” />............................................................... 8
Atributos de type=”text” ...................................................................................... 9
name: ................................................................................................................. 9
value:.................................................................................................................. 9
size:.................................................................................................................... 9
maxlength:.......................................................................................................... 9
Controle oculto - <input type=”hidden” /> ........................................................... 9
Atributos de type=”hidden” ............................................................................... 10
type: ................................................................................................................. 10
name: ............................................................................................................... 10
value:................................................................................................................ 10
Caixa de verificação - <input type=”checkbox” />............................................. 10
Atributos de type=”checkbox”........................................................................... 10
type: ................................................................................................................. 10
name: ............................................................................................................... 10
value:................................................................................................................ 10
Caixa de opção - <input type=”radio” /> ........................................................... 11
Regras aplicadas na criação de uma caixa de opção: ..................................... 11
Atributos de type=”radio”.................................................................................. 12
3. type: ................................................................................................................. 12
name: ............................................................................................................... 12
value:................................................................................................................ 12
checked:........................................................................................................... 12
Campo de senha - <input type=”password”> ................................................... 13
Campo para a seleção de arquivos - <input type=”file” />................................ 13
Tag <textarea> </textarea>.............................................................................. 14
Atributos da tag <textarea> </textarea> ........................................................... 14
name: ............................................................................................................... 14
rows:................................................................................................................. 14
cols:.................................................................................................................. 14
A tag <select> </select>................................................................................... 15
Agrupamento de opções - <optgroup>............................................................. 16
Lista de opções e Caixa combinada................................................................. 17
Atributos da tag <select> </select> .................................................................. 18
name: ............................................................................................................... 18
size:.................................................................................................................. 18
multiple............................................................................................................. 18
Atributos da tag <option> </option> ................................................................. 20
value:................................................................................................................ 20
selected:........................................................................................................... 20
Botões - <input type=”submit” /> e <input type=”reset” /> ................................ 21
Tipos de botões................................................................................................ 21
Button:.............................................................................................................. 21
Submit: ............................................................................................................. 21
Reset:............................................................................................................... 21
Atributos de <type=”submit” /> ......................................................................... 21
type: ................................................................................................................. 21
name: ............................................................................................................... 21
value:................................................................................................................ 21
As tags < label >, < legend > e < fieldset > ...................................................... 22
A tag <label> </label> ...................................................................................... 22
Atributos da tag <label> </label>...................................................................... 22
for:.................................................................................................................... 22
accesskey:........................................................................................................ 22
class: ................................................................................................................ 22
dir: .................................................................................................................... 22
id: ..................................................................................................................... 22
lang: ................................................................................................................. 22
5. 5
Formulários
Formulário são a base para que os sites realizem cadastros, pesquisas, envio de
comentários, etc., aumentando o poder de interação com os visitantes dos sites.
Um formulário HTML é uma página Web que contém, além de texto, elementos
especiais chamados controles, representados por caixas de checagem, botões, caixas
de seleção, campos de textos, etc.
Os formulário são criados em HTML e possuem no mínimo uma campo entrada de
dados e um botão para enviar as informações digitadas no campo.
Os formulário servem como contêineres para os vários controles que o compõem.
Funcionamento de um formulário
Os usuários preenchem os campos do formulário submetendo-o, em seguida, a algum
agente de processamento. Neste momento, todas as informações fornecidas são
enviadas a um programa escrito especialmente para processar esses dados de
acordo com alguma necessidade e especificação.
Em alguns casos os dados são gravados em um Banco de Dados, em outros casos
uma nova página é construída, em outros ainda as informações são encaminhadas
via e-mail.
Como criar formulários
Para inserir um formulário usamos a tag <form> </form>.
Os formulários podem conter diversos campos onde o usuário poderá inserir as
informações solicitadas.
Exemplo:
<form>
<input type="text" />
<input type="submit" value="Enviar" />
</form>
6. 6
Controles do Formulário
Quando os dados de um formulário são preenchidos e o botão “Enviar” é acionado
esses dados são enviados e o programa definido na propriedade “action” recebe os
valores informados nos campos existentes no formulário (nome e e-mail) e os
armazena.
Criando os campos do formulário
Existem vários tipos de campos e elementos que podem ser utilizados na construção
de um formulário.
A seguir detalhamos cada um deles.
Tag <form> </form>
Informa o início e o término de um formulário. Todas as demais tags devem estar entre
essas tags.
Atributos da tag <form> </form>
name: é o nome que será dado ao formulário; identifica o formulário dentro da página.
action: informa o arquivo que será executado para processar as informações
enviadas e o local (URL) do servidor e do programa que vai processar os dados do
formulário.
Após os dados de um formulário serem preenchidos e o botão “Enviar” é acionado o
servidor recebe, processa e armazena os dados para uso posterior, podendo enviar
por e-mail ou realizar alguma outra operação.
Para esse procedimento ocorrer é necessário que se defina na tag <form> a
propriedade “action” e a URL do programa ou página que completará a operação.
method: informa o método de envio de informações.
O método de envio de informações do formulário pode ser do tipo:
get: método que envia as variáveis digitadas pelo usuário pela URL, ou seja,
podemos ver as variáveis sendo passadas pela URL da página de destino. Não é
muito aconselhável o uso do método GET, pois ele expõe os nomes e os valores das
variáveis.
post: método que envia as variáveis digitadas pelo corpo da página, sendo
completamente transparente para o usuário. É o método mais aconselhável.
enctype="multipart/form-data": usado no caso de upload de arquivos.
Tag <input> </input>
A tag <input> define um campo de entrada do usuário.
A tag <input> é uma tag vazia usada para criação de vários tipos de controle.
A tag <input> não possui fechamento como a grande parte das tags HTML, então o
fechamento é indicado pela barra ao final da tag <input ... />.
A sintaxe da tag <input> é semelhante para todos os controles definidos por essa tag,
sendo alguns atributos comuns a todos os controles.
7. 7
Atributos da tag <input>
type: A tag <input> informa o tipo de controle que será criado, podendo ser do tipo:
Caixa de texto - text.
Controle oculto - hidden.
Caixa de verificação - checkbox.
Caixa de opção - radio.
Menu de opção - select.
Botões - button, submit e reset.
name: Define um nome interno para o controle.
É através deste nome que a aplicação no servidor identificará os diversos dados
informados no formulário, portanto, é sempre recomendado dar ao controle um nome
que tenha uma relação com a informação que será inserida nele.
value: Este atributo recebe e armazena as informações inseridas nos controles para
que estas sejam lidas e processadas pela aplicação no servidor.
O atributo “value” de uma caixa de texto é preenchido quando o usuário digita algum
dado na mesma, por isso, caso deseje que a caixa de texto apareça sem nenhuma
informação prévia, declare-a como vazia, colocando após o sinal de igual (=), duas
aspas da seguinte forma:
<form>
<input type="text" name="nome" value="" />
</form>
Sintaxe de controles da classe input:
<input type="tipo_controle" name="nome_controle" value="vazio_ou_va-
lor_controle" />
Além dos atributos apresentados acima, alguns controles possuem também seus
atributos específicos, a fim de definirem as suas particularidades.
Exemplo:
<form action="http://www.site.com.br/processa.asp">
Dados pessoais
Nome:<br/>
<input type="text" name=”nome” value=”” /><br/>
E-mail:</br>
<input type="text" name=”email” value=”” /><br/>
Cargo:<br/>
8. 8
<input type="text" name="cargo" value="administrador" size="40" />
<br/><br/>
<input type="submit" value="Enviar" />
</form>
Campo de texto - <input type=”text” />
Este controle permite a entrada de dados, digitados em uma única linha e deve ser
usado quando forem solicitadas informações como: nome, endereço, bairro, cidade,
CEP, telefone, e-mail etc.
Dica: O texto usado para descrever a informação que será inserida em um controle, deverá
estar bem próximo ao mesmo, posicionado acima ou à sua esquerda.
Este posicionamento é facilmente conseguido com a utilização de tabelas, no entanto
a recomendação é utilizar a nova semântica usando a tag <label></label> com
formatação via CSS.
Um campo de texto é criado com a tag <input> e definindo seu tipo para texto com o
comando type, e também nomeando-o com o comando name.
Exemplo:
<form>
Curso:
<input type="text" name="curso" value="" size="40" maxlength="50" />
</form>
9. 9
Atributos de type=”text”
name: no atributo name declaramos que o nome interno da caixa de texto será
"curso".
value: no atributo value não inserimos nenhum valor para que a caixa de texto seja
carregada vazia.
Caso queiramos que seja apresentado algum valor inicial, devemos inseri-lo entre aspas.
size: define o tamanho no qual a caixa de texto será apresentada na página. Neste
caso, definimos seu tamanho em "40" caracteres.
maxlength: define a quantidade de caracteres que serão aceitos pela caixa de texto.
Neste caso, serão aceitos até "50" caracteres mesmo que na tela sejam visíveis
somente "40".
Exemplo:
<form>
Nome do curso:<br/>
<input type="text" name="curso" value="Informe o nome do curso"
size="40" maxlength="50" />
</form>
Controle oculto - <input type=”hidden” />
Inserimos um controle oculto no formulário, para que determinadas informações sejam
enviadas ao servidor, sem que o usuário possa visualizá-las na apresentação da
página.
O atributo hidden serve para dar informações extras à página que processará os resultados
do preenchimento, por exemplo, o IP, sistema operacional etc.
Exemplo:
<input type="hidden" name="descrição" value="cadastro para receber
novidades sobre o site" />
10. 10
Atributos de type=”hidden”
type: no atributo type definimos a criação de um controle oculto "hidden".
name: no atributo name informamos que o nome interno do controle oculto será
"descrição".
value: no atributo value inserimos a informação que será enviada ao servidor para
ser processada.
O ideal é que o controle oculto seja inserido no topo do formulário, logo após a sua
abertura.
Num site em que houver mais de um formulário é recomendado inserir em cada um
deles, um controle oculto com a sua descrição para que ao receber as informações
no seu e-mail, por exemplo, você saiba a que elas se referem.
Caixa de verificação - <input type=”checkbox” />
A controle do tipo “checkbox” é usado para criar opões para o usuário escolher. Nessa
opção de controle é possível ao usuário selecionar mais de uma opção dentre as
apresentadas no formulário.
Seu uso é comum em situações de pesquisa sobre interesses pessoais do usuário.
Exemplo:
<input type="checkbox" name="informações" value="sim" />
Atributos de type=”checkbox”
type: no atributo type definimos que o controle criado será uma caixa de verificação
"checkbox".
name: no atributo name definimos o nome interno da caixa de verificação.
value: no atributo value definimos qual deverá ser a informação enviada ao servidor
caso o usuário aceite a condição que lhe foi proposta, marcando a caixa de
verificação.
Para que a caixa de verificação apareça marcada inicialmente, devemos usar o
atributo específico “checked”.
<input type="checkbox" name="informações" value="sim" checked />
Caso omitamos o atributo “value” e o usuário marque a caixa de verificação, o valor
enviado ao servidor será "on" e caso a caixa de verificação não seja marcada,
nenhuma informação será enviada ao servidor.
11. 11
Caixa de opção - <input type=”radio” />
O controle tipo “radio” disponibiliza opções para que o usuário selecione apenas uma.
Uma caixa de opção é um controle que disponibiliza para o usuário, várias opções e
destas, o mesmo poderá selecionar apenas uma.
A sintaxe de uma caixa de opção:
<input type="radio" name="nome_do_grupo_de_opções" value="checar" />
Regras aplicadas na criação de uma caixa de opção:
Cada nova opção adicionada deve ser antecedida pela tag usada na criação deste
controle.
Exemplo:
<form>
<input type="radio" name="nome_do_grupo_de_opções" value="checar" />
- Opção 1<br/>
<input type="radio" name="nome_do_grupo_de_opções" value="checar" />
- Opção 2<br/>
<input type="radio" name="nome_do_grupo_de_opções" value="checar" />
- Opção 2<br/>
<input type="radio" name="nome_do_grupo_de_opções" value="checar" />
- Opção 4
</form>
12. 12
O botão da opção selecionada gera um par name/value que será enviado ao servidor.
Por uma questão de acessibilidade, as opções devem estar dispostas verticalmente
(uma por linha), para que os programas leitores de tela possam identificá-las
individualmente. Para tanto, ao final da descrição de cada opção, utilize a tag <br/> -
quebra de linha.
Todas as opções pertencentes a uma mesma caixa de opção, devem receber a mesma
descrição no atributo name, para que sejam agrupadas em um único controle.
Exemplo:
<input type="radio" name="classificação" value="Ótimo" /> Ótimo<br>
<input type="radio" name="classificação" value="Bom" /> Bom <br>
<input type="radio" name="classificação" value="Regular" checked />
Regular <br>
<input type="radio" name="classificação" value="Ruim" /> Ruim <br>
<input type="radio" name="classificação" value="Péssimo" />Péssimo
Atributos de type=”radio”
type: o atributo type define que o controle criado será uma caixa de opção "radio".
name: o atributo name define um nome interno para o controle e que deverá ser
inserido em todos os itens que compõem o grupo da caixa de opção.
value: no atributo value definimos a informação em que cada item da caixa de opção
enviará ao servidor quando selecionado.
checked: o atributo checked define qual das opções estará selecionada inicialmente.
Perceba que na demonstração acima, nós determinamos que a opção que deverá
aparecer selecionada inicialmente é a que contém a descrição "regular".
13. 13
Campo de senha - <input type=”password”>
A única diferença entre um campo de senha e um de texto é que no campo de senha
os caracteres são protegidos, ou seja, o navegador exibe asteriscos ou bolinhas em
vez dos caracteres. Para criar um campo de senha defina o valor do comando type
para password.
Exemplo:
<form>
<input type="password" name="senha_do_usuario"/>
</form>
Campo para a seleção de arquivos - <input type=”file” />
Esse tipo de campo é utilizado para a seleção de arquivos no computador, e é criado
definindo o tipo seu tipo para file.
Exemplo:
<form>
<input type="file" name="imagem"/>
</form>
No campo tipo “file” o comando value não é aplicado.
Caso se deseje utilizar este tipo de campo em um formulário devemos definir um
comando na tag <form> para que seja possível o envio do arquivo. O comando é
enctype, esse comando deve assumir o valor de multipart/form-data.
Exemplo:
<form action=” ” method=”post” enctype="multipart/form-data">
<input type="file" name="arquivo"/>
</form>
14. 14
Tag <textarea> </textarea>
A classe textarea permite a criação de uma área de texto para o usuário escrever
comentários, mensagens etc.
O controle textarea, difere-se do controle caixa de texto "text" da classe input, por
permitir ao usuário a possibilidade de digitar uma informação que abranja mais de
uma linha de texto.
Áreas de texto são ideais para situações que exijam um espaço maior para a entrada
de dados tipo texto, como formulários de e-mail, campos para observações,
comentários, opiniões etc. por comportarem uma quantidade de texto maior que os
campos de texto.
Para a criação de um controle textarea é utilizado uma tag em par -
<textarea>...</textarea>, possuindo partes referentes à sua abertura e ao seu
fechamento.
Exemplo:
<textarea name="nome" rows="n_linhas" cols="n_colunas"> valor_inicial
</textarea>
Atributos da tag <textarea> </textarea>
name: o atributo name define o nome interno para o controle.
Importante: O nome interno de um controle deve ser sempre condizente com a informação
que será inserida no mesmo.
rows: o atributo rows define a quantidade de linhas para o controle textarea.
cols: o atributo cols definimos a quantidade de colunas para o controle textarea.
A letra “n” dos valores citados no exemplo acima, deve ser substituída pelo número
que irá definir a quantidade de linhas e colunas desejadas.
15. 15
Veja:
O texto inicial contido no campo textarea será substituído pelo texto inserido pelo
usuário, caso ele deseje escrever seus próprios comentários.
Caso queiramos que o controle textarea não apresente nenhuma informação inicial,
basta que a tag seja fechada imediatamente após a definição da parte referente à sua
abertura.
Assim:
<textarea name="opiniões" rows="10" cols="50"></textarea>
A tag <select> </select>
A tag <select> é usada como queremos criar um menu de opções e tem a função
semelhante aos botões radio, pois permitem a escolha de uma única opção.
Sua utilização é recomendada quando se tem um número muito grande de opções de
resposta.
Para criar um menu dropdown utilize a tag <select> </select> e para criar cada uma
das opções utilize a tag <option> </option>.
<form>
<form action="" method="post" name="form1" >
16. 16
Qual é o seu estado? <br />
<select class="selecao">
<option value="">Selecione</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option>...</option>
</select><br/>
</form></form>
Agrupamento de opções - <optgroup>
É possível agrupar os itens de um menu de opções do tipo dropdown em formulários,
o que possibilita a apresentação dos seus itens em grupos e com quantidades
preestabelecidas permitindo ao usuário a seleção de um ou mais itens entre os
disponíveis no controle.
Para agrupar os itens de um menu de opções usamos a tag <optgroup> dentro da
tag <select>.
A tag <optgroup> é acompanhada pelo atributo label que vai permitir criar
subgrupos dentro do menu, identificando cada subgrupo do menu de opções.
Exemplo:
<form>
<select name="nomeMenu">
<optgroup label="Grupo 1">
<option value="valor1">Opção 1</option>
17. 17
<option value="valor2">Opção 2</option>
<option value="valor3">Opção 3</option>
</optgroup>
<optgroup label="Grupo 2">
<option value="valor1">Opção 1</option>
<option value="valor2">Opção 2</option>
</optgroup>
</select>
</form>
O controle caixa combinada possibilita inicialmente a visualização apenas do item que
foi previamente selecionado.
Para ter acesso aos demais itens é necessário abrir a caixa combinada para a seleção
do item desejado.
Diferentemente da caixa de opção "radio" da classe input, utiliza-se os controles da
classe select, para situações que exijam um número maior de opções, ou quando
houver a necessidade do usuário realizar uma múltipla seleção entre os itens
disponibilizados em uma lista.
Lista de opções e Caixa combinada
A diferença básica entre a sintaxe utilizada para a criação de uma lista ou de uma
caixa combinada, está relacionada com a definição da quantidade de itens que serão
exibidos simultaneamente e com a capacidade de permitir ou não, a múltipla seleção
dos itens inseridos em cada um destes controles.
Exemplo:
<form>
<select name="nome_controle" size="n_itens"> - Parte referente à
abertura da tag select.
<option value="valor_item1" selected> Descrição da primeira opção
18. 18
<option value="valor_item2"> Descrição da segunda opção
<option value="valor_item3"> Descrição da terceira opção
<option value="valor_item4"> Descrição da quarta opção
<option value="etc."> etc.
</select> - Parte referente ao fechamento da tag select.
</form>
A tag <select> delimita a abertura e o fechamento de uma lista ou caixa combinada.
Dentro da tag select, inserimos a tag <option> para cada novo item adicionado ao
controle.
Atributos da tag <select> </select>
name: define nome interno do controle.
size: define a quantidade de itens que serão exibidos simultaneamente pelo controle
criado.
multiple: A inserção deste atributo permite a seleção de múltiplos itens em uma
lista.
Quando for necessário utilizar o atributo multiple, permita que o usuário visualize um conjunto
de itens simultaneamente, para que o mesmo possa verificar as opções anteriormente
selecionadas nesta lista.
Por padrão o menu do tipo dropdown exibe apenas uma opção visível.
No exemplo abaixo, sem clicar no menu vemos apenas "Opção 1".
19. 19
Podemos definir na tag <select> o atributo size que permite delimitar quantas opções
- tags <option>, serão exibidas, ou seja, quantas linhas do menu vão aparecer.
Exemplo:
<form>
<select name="nomeMenu" size="7">
<optgroup label="Grupo 1">
<option value="valor1">Opção 1</option>
<option value="valor2">Opção 2</option>
<option value="valor3">Opção 3</option>
</optgroup>
<optgroup label="Grupo 2">
<option value="valor1">Opção 1</option>
<option value="valor2">Opção 2</option>
</optgroup>
</select>
</form>
No exemplo acima, há 5 linhas com as opções e mais 2 linhas com os nomes dos
grupo, totalizando um total de 7 linhas no menu.
No atributo size foi definido o valor 7 para que as 7 linhas do menu sejam exibidas.
20. 20
Caso se escolha um número menor de linhas para serem exibidas, automaticamente
uma barra de rolagem será criada.
Exemplo:
Definindo-se o atributo size="5":
<form>
<select name="nomeMenu" size="7">
<optgroup label="Grupo 1">
<option value="valor1">Opção 1</option>
<option value="valor2">Opção 2</option>
<option value="valor3">Opção 3</option>
</optgroup>
<optgroup label="Grupo 2">
<option value="valor1">Opção 1</option>
<option value="valor2">Opção 2</option>
</optgroup>
</select>
</form>
Caso o atributo size seja omitido, ele assumirá o seu valor padrão "1" e o controle
criado será uma caixa combinada.
Caso o atributo size receba como valor um número maior do que "1", o controle criado
será uma lista.
Atributos da tag <option> </option>
value: define a informação que cada item enviará ao servidor, caso o mesmo seja
selecionado.
selected: define entre os itens inseridos, qual aparecerá previamente selecionado.
21. 21
Botões - <input type=”submit” /> e <input type=”reset” />
O botão é um tipo de controle utilizado para executar uma determinada ação, com os
dados inseridos nos demais controles do formulário.
Tipos de botões
Na classe “input” existe três tipos de botões disponíveis:
Button: Este tipo de botão não envia automaticamente as informações do formulário
para o servidor. É comumente utilizado quando o processamento das informações é
realizado no lado cliente, através das linguagens de script locais, embutidas nos
próprios navegadores como: JavaScript e VBScript.
Submit: Este tipo de botão ao ser pressionado, envia automaticamente todas as
informações inseridas no formulário para que estas possam ser processadas por uma
aplicação no servidor.
Reset: Este tipo de botão ao ser pressionado, limpa todos os campos existentes no
formulário, resgatando as suas definições iniciais.
A sintaxe utilizada para a criação de botões, é idêntica independentemente do seu
tipo.
Exemplos:
<input type="submit" name="enviar" value="Enviar" />
<input type="reset" name="limpar" value="Limpar" />
Atributos de <type=”submit” />
type: o atributo type definimos o tipo de botão "submit" ou "reset".
name: o atributo name é utilizado para definir os nomes internos para os botões
criados.
value: com o atributo value definimos qual será o rótulo caption apresentado pelos
botões.
Nos exemplos acima, o botão do tipo "submit" apresentará como descrição a palavra
"Enviar" e o botão do tipo "reset" apresentará como descrição a palavra "Limpar". A
descrição inserida em um botão deverá condizer com a ação que o mesmo executará
ao ser pressionado.
22. 22
As tags < label >, < legend > e < fieldset >
Nomeando e agrupando campos de um Formulário
A tag <label> </label>
A tag <label> define um rótulo para um elemento input através do atributo “id”, veja
abaixo no exemplo, dois campos de texto com rótulos indicados pela tag label.
Exemplo:
<form>
<label for="nm">Nome</label>
<input type="text" name="nome" id="nm" />
<br />
<label for="snm">Sobrenome</label>
<input type="text" name="sobrenome" id="snm" />
</form>
O elemento <label> não faz nada de especial mas, melhora a usabilidade para
usuários de mouse, pois quando a tag <label> é clicada, aciona o campo ao qual a
label se refere para entrada de dados.
Atributos da tag <label> </label>
for: o atributo "for" da tag <label> deve referenciar o atributo "id" da tag da qual é o
rótulo.
accesskey: Indica um caractere de atalho de teclado para acessar um elemento.
class: Indica um nome de classe para um elemento
dir: Indica a direção do texto para o conteúdo de um elemento. As opções são rtl,ltr
ou ltr,rtl (rigth to left ou left to right, respectivamente).
id: Indica um palavra que será um identificador único para um elemento.
lang: Indica o código de linguagem para o conteúdo de um elemento.
style: Indica um estilo (CSS) em linha para um elemento.
title: Indica informação extra sobre um elemento
xml:lang: Indica código de linguagem para um documento XHTML
As tags <fieldset> e <legend>
A tag <fieldset> é usada para agrupar elementos relacionados dentro de um
formulário, desenhando uma borda em torno desses elementos.
Ela é especialmente útil na organização de formulários extensos.
A tag <legend> é usada para definir um título para o bloco agrupado pelo <fieldset>.
23. 23
Exemplo:
<fieldset>
<form>
<label for="nm">Nome</label>
<input type="text" name="nome" id="nm" />
<br />
<label for="snm">Sobrenome</label>
<input type="text" name="sobrenome" id="snm" />
</form>
</fieldset>
É possível estilizar os elementos <fieldset> e <legend> por meio de CSS.
Observe a seguir uma estilização inline para os elementos citados.
<fieldset style="width:250px; border:1px solid #ff0000;">
<legend style="font:bold 12pt arial; color:#0000ff">Dados
pessoais</legend>
<form>
<label for="nome">Nome</label><br/>
<input type="text" name="nome" id="nome" />
<br />
<label for="sobrenome">Sobrenome</label><br/>
<input type="text" name="sobrenome" id="sobrenome" />
</form>
</fieldset>
25. 25
Comandos, funções e valores dos controles de formulários
Comandos Funções Valores
name
Atribui um nome ao campo.
É muito importante a
utilização deste comando,
pois é através deste nome
atribuído a cada campo, que
poderemos capturar os
dados e manipulá-los.
Qualquer nome que não inicie com
símbolos ou números, e que não
contenha caracteres especiais (ç), nem
acentos ou espaços.
value
Atribui um valor predefinido
ao campo.
Qualquer tipo de valor. Por exemplo,
frases, números entre outros.
maxlength
Determina um valor máximo
de caracteres que um campo
irá suportar.
Números inteiros maiores que zero.
size
Determina o tamanho do
campo em caracteres.
Números inteiros maiores que zero.
rows
Determina a quantidade de
linhas em uma área de texto.
Números inteiros maiores que zero.
cols
Determina a quantidade de
colunas em uma área de
texto.
Números inteiros maiores que zero.
disabled
Desabilita um campo ou área
de texto, impossibilitando ao
usuário inserir dados.
Valor disabled, em português desativado.
checked
Este comando é aplicável a
caixas de seleção e a botões
do tipo rádio, e quando for
aplicado, a opção já aparece
selecionada.
Valor checked, em português
verificado/marcado/selecionado.
type
Define o tipo do campo ou
elemento do formulário.
button (botão), checkbox (caixa de
seleção), file (campo para a seleção de
arquivos no PC), password (campo de
senha), radio (botão radio), reset (botão
que limpa o formulário), submit (botão
que envia o formulário), text (campo de
texto).
26. Referências
A tag label: Disponível em: http://www.codex.wiki.br/Html/TagLabel. Acesso em
19/06/2016.
A tag legend. Disponível em: http://www.codex.wiki.br/Html/TagLegend. Acesso em
19/06/2016.
Basso. Maik. Construindo formulários em HTML. Disponível em
http://www.maikbasso.com.br/2012/01/construindo-formularios-em-
html.html#ixzz4C4DoIYVt. Acesso em 19/06/2016.
Formulários. Disponível em: http://www.codex.wiki.br/html/Formularios. Acesso em
19/06/2016.
HTML com acessibilidade. Disponível em: http://www.fundacaobradesco.org.br/vv-
apostilas/cursoHTML/A_Classe_input.html. Acesso em 19/06/2016.
http://www.htmlprogressivo.net/p/formularios-em-html.html. Acesso em 19/06/2016.
http://www.infowester.com/tagsdesconhecidas.php. Acesso em 19/06/2016.
https://developer.mozilla.org/pt-BR/docs/HTML/Introduction. Acesso em 19/06/2016.
Silva, Osmar. J. HTML 4.0 e XHTML 1.0: Domínio e Transição. 2ª edição. São Paulo:
Editora Érica, 2007. 345 p.