O documento discute o framework CSS Foundation 3, que utiliza o pré-processador Sass para permitir o desenvolvimento rápido de estilos. Ele fornece uma grade responsiva, tipografia modular, botões prontos para uso, opções de navegação cross-device, formulários e outros elementos UI para prototipagem. O documento também explica como baixar e configurar a estrutura básica do Foundation.
O documento discute a construção de layouts de sites com CSS. Ele apresenta os principais tópicos do CSS como inserção, seletores, propriedades e box model. Também demonstra na prática como estilizar um documento XHTML usando CSS e discute diretrizes e novidades do CSS3.
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que formatam o conteúdo.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo visual, definindo regras de estilo em folhas externas aplicáveis a vários documentos.
3) O documento fornece exemplos básicos de como usar tags HTML comuns e como criar regras CSS para definir propriedades de est
Curso de HTML5 com @zarathon
Aula01 - Introdução ao HTML
- Link para a video-aula : http://youtu.be/GL_ULlrwUMI
Inscrevam-se no canal para ficar sempre informado de quando sair um conteúdo novo!
Me sigam no twitter para mais informações: @zarathon
Dúvidas, críticas deixem nos comentários... Responderei a todos com muita satisfação!
O documento discute a linguagem HTML5, incluindo suas principais características e como criar um site simples usando HTML e CSS. O documento fornece instruções passo a passo sobre estrutura básica de HTML, elementos semânticos do HTML5, estilização com CSS e desafio de criar um site de artista com imagem, lista de músicas e links.
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Uni Buscapé Company
O documento discute os conceitos básicos de HTML, incluindo:
1) O que é HTML e como é usado para estruturar páginas da web;
2) As principais tags HTML como <head>, <body>, <h1>, <p>, <img>;
3) Como adicionar estilos a páginas HTML usando CSS.
O documento relata a modelagem em 3 camadas para desenvolvimento de um tema em Wordpress utilizado como paradigma de desenvolvimento do projeto Tainacan
O documento discute a construção de layouts de sites com CSS. Ele apresenta os principais tópicos do CSS como inserção, seletores, propriedades e box model. Também demonstra na prática como estilizar um documento XHTML usando CSS e discute diretrizes e novidades do CSS3.
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que formatam o conteúdo.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo visual, definindo regras de estilo em folhas externas aplicáveis a vários documentos.
3) O documento fornece exemplos básicos de como usar tags HTML comuns e como criar regras CSS para definir propriedades de est
Curso de HTML5 com @zarathon
Aula01 - Introdução ao HTML
- Link para a video-aula : http://youtu.be/GL_ULlrwUMI
Inscrevam-se no canal para ficar sempre informado de quando sair um conteúdo novo!
Me sigam no twitter para mais informações: @zarathon
Dúvidas, críticas deixem nos comentários... Responderei a todos com muita satisfação!
O documento discute a linguagem HTML5, incluindo suas principais características e como criar um site simples usando HTML e CSS. O documento fornece instruções passo a passo sobre estrutura básica de HTML, elementos semânticos do HTML5, estilização com CSS e desafio de criar um site de artista com imagem, lista de músicas e links.
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Uni Buscapé Company
O documento discute os conceitos básicos de HTML, incluindo:
1) O que é HTML e como é usado para estruturar páginas da web;
2) As principais tags HTML como <head>, <body>, <h1>, <p>, <img>;
3) Como adicionar estilos a páginas HTML usando CSS.
O documento relata a modelagem em 3 camadas para desenvolvimento de um tema em Wordpress utilizado como paradigma de desenvolvimento do projeto Tainacan
Esta palestra pretende ser uma introdução ao uso do Diazo e de minha experiência criando temas com ele para o Plone. Inclui também uma discussão sobre os prós e contras desta ferramenta se comparado com a antiga forma de implementar layouts.
Mais especificamente mostrarei diversas regras de diazo que foram escritas especificamente para o Plone com a finalidade de conservar suas caracteristicas nativas de usabilidade e acessibilidade e que são agora usadas como padrão nos temas desenvolvido pela Simples Consultoria.
Como desenvolver uma aplicação Web com django 2.2.13 (Parte 2 de 2)Pedro Fernandes Vieira
Este documento apresenta um resumo sobre como desenvolver uma aplicação web com Django 2.2.13. Ele explica como customizar um projeto Django, criar páginas para listar e visualizar detalhes de cursos, configurar URLs e exibir dados do banco de dados nos templates.
html, css e java script - renato araujoorenatoaraujo
Este documento fornece uma breve introdução sobre HTML, CSS e JavaScript. Apresenta os criadores e evolução das linguagens, características principais e boas práticas para seu uso. Sites de referência para aprendizado também são listados no final.
O documento descreve como criar temas para o Plone usando Diazo, uma nova maneira de aplicar HTML ao Plone através de um arquivo XML de regras. Ele explica a estrutura básica de um tema Diazo, como substituir elementos do conteúdo do Plone com o tema e a ordem de execução das regras Diazo.
Este documento fornece uma introdução sobre como criar temas para o Plone usando Diazo. Explica que Diazo permite substituir elementos HTML por conteúdo gerado pelo Plone usando regras XML simples. Detalha os benefícios e riscos de usar Diazo, como designers e programadores podem trabalhar melhor juntos e reduzir tempo de implementação. Fornece instruções básicas sobre como criar um tema Diazo com arquivos index.html, rules.xml e aplicá-lo no Plone.
As Folhas de Estilos (CSS) permitem formatar documentos HTML de maneira separada do conteúdo, definindo propriedades como fontes, cores, tamanhos e espaçamentos. CSS é usado para aplicar estilos de forma flexível a elementos HTML em diferentes meios como tela, impressão ou leitura.
1. O documento apresenta uma introdução ao HTML, CSS e JavaScript, incluindo a estrutura básica de um arquivo HTML, formatação de texto e elementos como cabeçalhos e separadores.
2. É fornecida uma explicação detalhada sobre a estrutura de um arquivo HTML, incluindo as tags <html>, <head> e <body>, e exemplos de como formatar texto.
3. O documento também discute a inserção e formatação de texto em HTML, como cores, fontes, tamanhos e blocos de texto, assim como diferentes níveis de cabeç
O documento descreve o perfil profissional de Marcelo Sincic, incluindo sua experiência de mais de 30 anos com desenvolvimento e redes, certificações na área de TI, prêmios recebidos e atuação como consultor e instrutor para clientes e parceiros Microsoft.
Curso de css3 unidade 1 - introdução ao cssLéo Dias
O documento resume os principais pontos sobre CSS: 1) CSS é uma linguagem de formatação para definir o estilo de páginas web, separando conteúdo da formatação; 2) Apresenta os tipos de seletores como classe, ID e filho que permitem aplicar estilos específicos; 3) Discutem propriedades comuns como cor, fonte e tamanho que controlam a aparência.
1) O documento apresenta uma introdução ao HTML, incluindo elementos, atributos e estrutura básica de um documento HTML.
2) São descritos elementos como cabeçalhos, parágrafos, listas e hiperlinks, além de atributos como cores e alinhamento.
3) O documento fornece instruções sobre como editar, publicar e incluir informações em documentos HTML.
Este documento fornece instruções sobre como fazer backup e restauração de dados e estrutura no Essbase. Ele explica os dois métodos de backup - preparando os arquivos para cópia no sistema de arquivos ou exportando os dados para arquivos de texto. Além disso, lista os arquivos importantes para backup e fornece detalhes sobre como colocar o banco de dados em modo leitura para backup e restaurá-lo.
Este documento fornece instruções sobre como usar o software Enterprise Architect para modelagem de sistemas. Ele explica como iniciar um novo projeto no EA, criar diagramas e elementos, documentar itens, gerar relatórios e mais. O documento também discute como configurar preferências e tipos gerais no EA.
O documento descreve as principais características e funcionalidades do PowerPoint 2016. Apresenta os principais módulos de ensino sobre como utilizar a interface do programa, criar e formatar apresentações, inserir elementos multimédia e configurar transições e animações entre diapositivos.
Este documento fornece instruções sobre como usar as principais ferramentas de gerenciamento de conteúdo do WordPress 2.7, incluindo a criação e edição de posts, páginas, links, comentários e o uso de plugins.
O documento fornece informações sobre:
1) As credenciais e experiência profissional de Marcelo Sincic como consultor e instrutor Microsoft;
2) Suas diversas certificações em tecnologias Microsoft como SQL Server, Windows Server e .NET;
3) Uma breve introdução sobre ADO.NET, incluindo seus objetos e modos de operação conectado e desconectado.
Este documento fornece instruções sobre como usar as principais funcionalidades do WordPress para gerenciar conteúdo, incluindo: (1) criar e formatar posts e páginas, (2) gerenciar comentários, (3) adicionar mídia como imagens e vídeos, e (4) configurar widgets e links.
1. O documento fornece uma introdução ao Microsoft Access 2010, descrevendo seus principais componentes e objetos, como tabelas, formulários e relatórios.
2. É explicado como planejar e criar um banco de dados no Access, incluindo o processo de projetar tabelas, definir campos e relacionamentos.
3. São apresentados os principais objetos de banco de dados do Access e suas finalidades, como armazenar dados em tabelas e recuperá-los por meio de consultas.
O Foundation é um framework CSS e JavaScript desenvolvido para agilizar o desenvolvimento front-end, desde wireframes até o layout final. Ele fornece recursos como grids responsivas, componentes de navegação, botões, formulários e outros para facilitar a criação de sites e aplicativos responsivos.
Agilizando o desenvolvimento web com SASSRenato Galvão
O documento apresenta uma introdução ao SASS (Syntactically Awesome Style Sheets), um pré-processador CSS. O palestrante discute como o SASS permite escrever CSS de forma mais inteligente e organizada através de recursos como variáveis, aninhamento, mixins e herança. Ele também introduz o framework Compass e a biblioteca Susy para grids responsivos, mostrando como esses ferramentas podem facilitar e agilizar o desenvolvimento web.
Esta palestra pretende ser uma introdução ao uso do Diazo e de minha experiência criando temas com ele para o Plone. Inclui também uma discussão sobre os prós e contras desta ferramenta se comparado com a antiga forma de implementar layouts.
Mais especificamente mostrarei diversas regras de diazo que foram escritas especificamente para o Plone com a finalidade de conservar suas caracteristicas nativas de usabilidade e acessibilidade e que são agora usadas como padrão nos temas desenvolvido pela Simples Consultoria.
Como desenvolver uma aplicação Web com django 2.2.13 (Parte 2 de 2)Pedro Fernandes Vieira
Este documento apresenta um resumo sobre como desenvolver uma aplicação web com Django 2.2.13. Ele explica como customizar um projeto Django, criar páginas para listar e visualizar detalhes de cursos, configurar URLs e exibir dados do banco de dados nos templates.
html, css e java script - renato araujoorenatoaraujo
Este documento fornece uma breve introdução sobre HTML, CSS e JavaScript. Apresenta os criadores e evolução das linguagens, características principais e boas práticas para seu uso. Sites de referência para aprendizado também são listados no final.
O documento descreve como criar temas para o Plone usando Diazo, uma nova maneira de aplicar HTML ao Plone através de um arquivo XML de regras. Ele explica a estrutura básica de um tema Diazo, como substituir elementos do conteúdo do Plone com o tema e a ordem de execução das regras Diazo.
Este documento fornece uma introdução sobre como criar temas para o Plone usando Diazo. Explica que Diazo permite substituir elementos HTML por conteúdo gerado pelo Plone usando regras XML simples. Detalha os benefícios e riscos de usar Diazo, como designers e programadores podem trabalhar melhor juntos e reduzir tempo de implementação. Fornece instruções básicas sobre como criar um tema Diazo com arquivos index.html, rules.xml e aplicá-lo no Plone.
As Folhas de Estilos (CSS) permitem formatar documentos HTML de maneira separada do conteúdo, definindo propriedades como fontes, cores, tamanhos e espaçamentos. CSS é usado para aplicar estilos de forma flexível a elementos HTML em diferentes meios como tela, impressão ou leitura.
1. O documento apresenta uma introdução ao HTML, CSS e JavaScript, incluindo a estrutura básica de um arquivo HTML, formatação de texto e elementos como cabeçalhos e separadores.
2. É fornecida uma explicação detalhada sobre a estrutura de um arquivo HTML, incluindo as tags <html>, <head> e <body>, e exemplos de como formatar texto.
3. O documento também discute a inserção e formatação de texto em HTML, como cores, fontes, tamanhos e blocos de texto, assim como diferentes níveis de cabeç
O documento descreve o perfil profissional de Marcelo Sincic, incluindo sua experiência de mais de 30 anos com desenvolvimento e redes, certificações na área de TI, prêmios recebidos e atuação como consultor e instrutor para clientes e parceiros Microsoft.
Curso de css3 unidade 1 - introdução ao cssLéo Dias
O documento resume os principais pontos sobre CSS: 1) CSS é uma linguagem de formatação para definir o estilo de páginas web, separando conteúdo da formatação; 2) Apresenta os tipos de seletores como classe, ID e filho que permitem aplicar estilos específicos; 3) Discutem propriedades comuns como cor, fonte e tamanho que controlam a aparência.
1) O documento apresenta uma introdução ao HTML, incluindo elementos, atributos e estrutura básica de um documento HTML.
2) São descritos elementos como cabeçalhos, parágrafos, listas e hiperlinks, além de atributos como cores e alinhamento.
3) O documento fornece instruções sobre como editar, publicar e incluir informações em documentos HTML.
Este documento fornece instruções sobre como fazer backup e restauração de dados e estrutura no Essbase. Ele explica os dois métodos de backup - preparando os arquivos para cópia no sistema de arquivos ou exportando os dados para arquivos de texto. Além disso, lista os arquivos importantes para backup e fornece detalhes sobre como colocar o banco de dados em modo leitura para backup e restaurá-lo.
Este documento fornece instruções sobre como usar o software Enterprise Architect para modelagem de sistemas. Ele explica como iniciar um novo projeto no EA, criar diagramas e elementos, documentar itens, gerar relatórios e mais. O documento também discute como configurar preferências e tipos gerais no EA.
O documento descreve as principais características e funcionalidades do PowerPoint 2016. Apresenta os principais módulos de ensino sobre como utilizar a interface do programa, criar e formatar apresentações, inserir elementos multimédia e configurar transições e animações entre diapositivos.
Este documento fornece instruções sobre como usar as principais ferramentas de gerenciamento de conteúdo do WordPress 2.7, incluindo a criação e edição de posts, páginas, links, comentários e o uso de plugins.
O documento fornece informações sobre:
1) As credenciais e experiência profissional de Marcelo Sincic como consultor e instrutor Microsoft;
2) Suas diversas certificações em tecnologias Microsoft como SQL Server, Windows Server e .NET;
3) Uma breve introdução sobre ADO.NET, incluindo seus objetos e modos de operação conectado e desconectado.
Este documento fornece instruções sobre como usar as principais funcionalidades do WordPress para gerenciar conteúdo, incluindo: (1) criar e formatar posts e páginas, (2) gerenciar comentários, (3) adicionar mídia como imagens e vídeos, e (4) configurar widgets e links.
1. O documento fornece uma introdução ao Microsoft Access 2010, descrevendo seus principais componentes e objetos, como tabelas, formulários e relatórios.
2. É explicado como planejar e criar um banco de dados no Access, incluindo o processo de projetar tabelas, definir campos e relacionamentos.
3. São apresentados os principais objetos de banco de dados do Access e suas finalidades, como armazenar dados em tabelas e recuperá-los por meio de consultas.
O Foundation é um framework CSS e JavaScript desenvolvido para agilizar o desenvolvimento front-end, desde wireframes até o layout final. Ele fornece recursos como grids responsivas, componentes de navegação, botões, formulários e outros para facilitar a criação de sites e aplicativos responsivos.
Agilizando o desenvolvimento web com SASSRenato Galvão
O documento apresenta uma introdução ao SASS (Syntactically Awesome Style Sheets), um pré-processador CSS. O palestrante discute como o SASS permite escrever CSS de forma mais inteligente e organizada através de recursos como variáveis, aninhamento, mixins e herança. Ele também introduz o framework Compass e a biblioteca Susy para grids responsivos, mostrando como esses ferramentas podem facilitar e agilizar o desenvolvimento web.
O documento apresenta uma introdução ao framework PHP CodeIgniter. Resume os principais pontos sobre: 1) Visão geral do CodeIgniter, incluindo sua licença, documentação, desempenho e facilidade de uso; 2) Instalação e configuração básica do framework; 3) Estrutura de pastas e principais elementos como controllers, models e views.
O documento descreve como criar os arquivos de template header e footer para reutilização em todo o projeto PHP/MySQL. Também cria uma página inicial com links para as funcionalidades do sistema de cadastro de clientes, como gerenciamento e cadastro de novos clientes.
O documento fornece dicas sobre boas práticas de programação no WordPress, incluindo não usar a função query_posts(), estruturar templates em partes, usar WP_Query em loops e separar regra de negócio de templates.
O titulo é click bait mas a talk não. Todo mundo que se encanta pelo WordPress, e quer começar a desenvolver, principalmente se vem de outras linguagens, fica na dúvida; posso usar namespaces? Autoload? Usar WordPress Coding Standards ou PSRs?
Quando usar um Plugin e quando fazer meu código? O que é do tema e o que é do Plugin?
Este documento fornece uma introdução sobre como criar módulos para o Divi no WordPress de forma simples. Explica a estrutura básica de arquivos necessária, como criar funções e seções, e os principais tipos de campos disponíveis. Também mostra como renderizar os dados no frontend e incluir arquivos CSS e JS.
ODI Series - Exportar Tabelas para Arquivo TextoCaio Lima
Este documento fornece instruções para criar um projeto no Oracle Data Integrator (ODI) para exportar dados de uma tabela de banco de dados relacional para um arquivo de texto. Ele explica como configurar o projeto, modelo de dados, topologia e interface para exportar a tabela SRC_CITIES para o arquivo EXP_CIDADES.TXT.
Porque usar Frameworks de WordPress
Desenvolvedores vem utilizando frameworks há vários anos, eles são conjuntos de códigos que permitem um grande ganho de produtividade na medida em que evitam que alguns códigos “básicos” tenham que ser re-escritos a cada novo projeto.
Nos últimos anos o WordPress se consolidou como um CMS de sucesso, e um exemplo claro disso é a enorme quantidade de Temas e Plugins disponíveis. Com essa crescente adoção e uma quantidade enorme de temas sendo criados todos os dias, era natural que surgissem os frameworks.
O documento fornece uma visão geral e comparação de três frameworks PHP populares: Zend Framework 2, CodeIgniter e Yii. Descreve os recursos, comunidades de suporte, bancos de dados suportados, facilidade de desenvolvimento e sites que utilizam cada framework.
O documento descreve como implementar infraestrutura como código usando Terraform no Azure. Ele explica como configurar recursos como redes virtuais, sub-redes, interfaces de rede, máquinas virtuais, balanceador de carga e armazenamento para criar um cluster de VMs balanceadas no Azure de forma automatizada e gerenciada como código.
1. O documento discute as principais partes e arquivos do WordPress, incluindo plugins, themes e widgets.
2. Ele fornece estatísticas sobre o uso do WordPress, mostrando que é o CMS mais utilizado na internet.
3. O documento também dá dicas sobre segurança, recomenda plugins e discute a diferença entre wordpress.org e wordpress.com.
O documento fornece uma introdução ao WordPress, o CMS mais popular do mundo. Explica que o WordPress é uma plataforma de código aberto para gerenciamento de conteúdo online desenvolvida em PHP e MySQL, com foco em estética, padrões web e usabilidade. Também descreve os principais recursos do WordPress como temas, painel de controle, template tags e loops para exibição de conteúdo.
permite configurar o assistente de modelagem da UML
que pode ser acionado pelo botão da barra de ferramentas ou pelo
menu Ferramentas.
4. Grupo Diagram Behavior: configurações de comportamento dos
diagramas.
a. Show Diagram Caption: exibe o título do diagrama na tela;
b. Show Diagram Notes: exibe as notas do diagrama na tela;
c. Show Diagram Properties: exibe as propriedades do diagrama
na tela;
d. Show Diagram Status: exibe o status do diagrama na tela;
e.
Um framework é uma estrutura de suporte para desenvolvimento de software. CodeIgniter é um framework PHP que oferece funcionalidades prontas, segurança, extensibilidade e economia de tempo. Ele segue o padrão MVC, onde o Model representa os dados, a View a interface e o Controller controla a lógica e fluxo da aplicação.
Construindo sites e sistemas com WordPressLeo Baiano
Este documento fornece orientações sobre planejamento e desenvolvimento de sites e sistemas com WordPress. Aborda tópicos como criação de um kickstarter padrão, utilização de plugins como ACF e Yoast SEO, definição de CPTs e taxonomias, desenvolvimento de sistemas, uso de loops múltiplos e shortcodes.
Esta apresentação aborda o desenvolvimento de um tema para o LMS Moodle a partir do tema Clean utilizando o tema Bootstrapbase como tema pai/base.
Apresentado no 9º Moodle Moot Brasil, na Universidade Federal de Santa Catarina em Florianópolis/SC no dia 10 de outubro de 2014.
Este documento fornece uma introdução aos principais elementos da linguagem HTML para criação de páginas web, incluindo tags para formatar texto, inserir imagens, criar links e listas. É explicada a estrutura básica de uma página HTML e como definir propriedades gerais do corpo da página.
Maturidade no desenvolvimento de software: CMMI e MPS-BR Devmedia
O documento discute dois modelos de gerenciamento de projetos de software, CMMI e MPS-BR. O CMMI foi desenvolvido nos EUA e possui 5 níveis de maturidade, enquanto o MPS-BR foi criado no Brasil e possui 7 níveis. Ambos os modelos visam melhorar a qualidade e previsibilidade dos processos de desenvolvimento de software por meio da avaliação e melhoria contínua.
1. O documento descreve a ferramenta IBM Data Studio, que fornece um ambiente integrado para desenvolvimento e administração de bancos de dados.
2. A ferramenta permite criar e gerenciar ambientes de banco de dados heterogêneos para aumentar produtividade e agilizar o desenvolvimento, com recursos como validação de consultas e gerenciamento de objetos.
3. O documento explica como baixar, instalar e configurar a ferramenta IBM Data Studio, e como conectar-se a bancos de dados
Windows Phone: Verificando a conexão com a internetDevmedia
Veja neste artigo com verificar o estado da conexão com a internet (ativa/inativa) a partir de aplicações Silverlight para Windows Phone. O código apresentado é válido tanto para a versão do SDK 7.1 quanto para a 8.0.
Verificando a conexão com a internet no Windows PhoneDevmedia
Veja neste artigo com verificar o estado da conexão com a internet (ativa/inativa) a partir de aplicações Silverlight para Windows Phone. O código apresentado é válido tanto para a versão do SDK 7.1 quanto para a 8.0.
1. O documento descreve as principais novidades da versão HTML5, incluindo novas tags para áudio, vídeo e canvas, além de melhor suporte para armazenamento local de dados e formulários.
2. Entre as novidades, destacam-se a inclusão das tags <audio>, <video> e <canvas> para reprodução nativa de mídia, e os objetos sessionStorage e localStorage para armazenamento offline de dados.
3. Também são apresentados novos elementos semânticos como <header>, <footer>, <article> e <section>, al
Veja neste artigo como trabalhar com a classe StringBuilder na linguagem Java, muito utilizada na manipulação de objetos do tipo String, porém com mais flexibilidade e melhor desempenho.
Criando e alterando login - permissões no SQL Server 2008 R2Devmedia
Este documento explica como criar, alterar e apagar logins e usuários no SQL Server 2008 R2. Primeiro, discute a diferença entre logins, usuários e permissões. Em seguida, mostra como criar logins do Windows e do SQL Server usando código T-SQL ou ferramentas gráficas. Por fim, demonstra como criar, remover e associar usuários a logins no banco de dados.
Slides Lição 12, CPAD, A Bendita Esperança, A Marca do Cristão, 2Tr24.pptxLuizHenriquedeAlmeid6
Slideshare Lição 12, CPAD, A Bendita Esperança: A Marca do Cristão, 2Tr24, Pr Henrique, EBD NA TV, 2Tr24, Pr Henrique, EBD NA TV, Lições Bíblicas, 2º Trimestre de 2024, adultos, Tema, A CARREIRA QUE NOS ESTÁ PROPOSTA, O CAMINHO DA SALVAÇÃO, SANTIDADE E PERSEVERANÇA PARA CHEGAR AO CÉU, Coment Osiel Gomes, estudantes, professores, Ervália, MG, Imperatriz, MA, Cajamar, SP, estudos bíblicos, gospel, DEUS, ESPÍRITO SANTO, JESUS CRISTO, Com. Extra Pr. Luiz Henrique, de Almeida Silva, tel-What, 99-99152-0454, Canal YouTube, Henriquelhas, @PrHenrique, https://ebdnatv.blogspot.com/
Slides Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
Slideshare Lição 12, Central Gospel, O Milênio, 1Tr24, Pr Henrique, EBD NA TV, Revista ano 11, nº 1, Revista Estudo Bíblico Jovens E Adultos, Central Gospel, 2º Trimestre de 2024, Professor, Tema, Os Grandes Temas Do Fim, Comentarista, Pr. Joá Caitano, estudantes, professores, Ervália, MG, Imperatriz, MA, Cajamar, SP, estudos bíblicos, gospel, DEUS, ESPÍRITO SANTO, JESUS CRISTO, Com. Extra Pr. Luiz Henrique, 99-99152-0454, Canal YouTube, Henriquelhas, @PrHenrique, https://ebdnatv.blogspot.com/
A influência do comércio eletrônico no processo de gestão das livrarias e edi...AntonioLobosco3
Artigo extraído da Dissertação apresentada ao Programa de Pós-Graduação em Administração de Empresas, Área de Concentração: Estratégia e Inovação, da Universidade Cidade de São Paulo para obtenção do título de Mestre em Administração de Empresas, sob orientação do Prof. Dr. Denis Donaire.
UFCD_6580_Cuidados na saúde a populações mais vulneráveis_índice.pdfManuais Formação
Manual da UFCD_6580_Cuidados na saúde a populações mais vulneráveis_pronto para envio, via email e formato editável.
Email: formacaomanuaisplus@gmail.com
PP Slides Lição 11, Betel, Ordenança para exercer a fé, 2Tr24.pptxLuizHenriquedeAlmeid6
Slideshare Lição 11, Betel, Ordenança para exercer a fé, 2Tr24, Pr Henrique, EBD NA TV, 2° TRIMESTRE DE 2024, ADULTOS, EDITORA BETEL, TEMA, ORDENANÇAS BÍBLICAS, Doutrina Fundamentais Imperativas aos Cristãos para uma vida bem-sucedida e de Comunhão com DEUS, estudantes, professores, Ervália, MG, Imperatriz, MA, Cajamar, SP, estudos bíblicos, gospel, DEUS, ESPÍRITO SANTO, JESUS CRISTO, Comentários, Bispo Abner Ferreira, Com. Extra Pr. Luiz Henrique, 99-99152-0454, Canal YouTube, Henriquelhas, @PrHenrique
Devmedia - Conhecendo o framework front-end Foundation
1. Introdução
Neste artigo vamos falar sobre Foundation 3, que é um framework CSS construído com Sass, um pré-
processador CSS poderoso, que nos permite desenvolver muito mais rápido nossas próprias fundações e nos
disponibiliza novas ferramentas para personalizar e construirmos em cima dos estilos iniciais.
Com o Foundation podemos escrever e organizar os códigos CSS que podemos manter mais facilmente ao
longo do tempo sem as dores de cabeça típicas, temos também plug-ins JavaScript que fazem interações úteis
e mais fáceis de implementar em diferentes resoluções de tela.
Com o Foundation podemos utilizar os seguintes recursos ao criarmos nossa aplicação.
Elementos
Grade: É construída por dois elementos fundamentais colunas e linhas, as colunas criam a estrutura real. Para
o layout funcionar corretamente temos que colocar o conteúdo dentro de uma linha e uma coluna. O que
precisamos saber é que essas colunas não possuem um tamanho fixo, o tamanho pode variar de acordo com a
resolução da tela ou o tamanho da janela .
Detalhes: A grade é construída com os elementos “box-sizing” e “border-box”. Propriedades CSS poderosas
que informam ao navegador para considerar o espaçamento e a borda como parte de um elemento e não como
algo adicional, assim podemos criar uma grade extremamente simples. Espaçamentos são criados apenas com
a borda nas colunas. Isso significa que as colunas possuem tamanho simples como, por exemplo, 25% ou 50%.
Ao ajustarmos os preenchimentos ajustamos os espaçamentos, podemos controlar isso através das classes
CSS.
Tipografia: Utiliza uma escala modular. A ideia de uma escala modular é que o tamanho e espaçamento de
toda a tipografia na grade é derivada de um valor inicial, um outro valor arbitrário “importante” e uma
proporção particular.
Botões: Os botões são os elementos mais utilizados quando se trata de interação com o usuário. O Foundation
inclui uma série de botões fácil de utilizar e estilos que podemos usar ou substituir para atender às nossas
necessidades.
Navegação: O Foundation veio com uma série de opções de navegação para uma série de situações e o
melhor tudo é que foi criado para trabalhar cross-device.
Forms: O Fundation trouxe um poderoso e versátil sistema de layout para formulário. Com uma combinação
entre a grade do Foundation e os estilos de formulários, podemos fazer basicamente tudo que precisarmos em
termos de layout.
Elementos UI: Nossas prototipagens terão mais do que apenas navegação, guias ou tipografia. Por isso o
Foundation criou uma série de elementos adicionais para nos ajudar rapidamente em nossas prototipagens que,
como o tudo mais nesse framework, já são prontos para utilização e fáceis de modificar ou substituir.
Guias: As guias são muito versáteis tanto como organização quanto para a criação de navegação. Com o
pacote Foundation as guias já estão ligadas sem necessidade de trabalhos extras.
Orbit: Foi criado como um controlador deslizante de imagens simples, porém suporta elementos com
conteúdos arbitrários, por exemplo, podemos ter um controle deslizante de blocos de texto.
Pop-up: As janelas pop-up são uteis para a criação de prototipagem. O Foundation incluiu os pop-ups no pug-
in modal jQuery para tornar o trabalho mais fácil.
Algumas outras ferramentas serão vistas ao decorrer do artigo.
Download
Para começarmos a utilizar o Foundation em nossas aplicações, temos que antes de tudo fazer o download do
seu pacote de códigos-fontes no site: http://foundation.zurb.com/download.php.
Ao acessarmos o site do download citado acima teremos três opções de download.
2. o CSS padrão: Esta versão do Foundation inclui padrões inteligentes e não requerem Sass ou qualquer
outra ferramenta instalada.
o CSS Personalizado: Podemos personalizar o pacote de download do Foundation bem como definir o
tamanho das colunas, cores, tamanho da fonte, e muito mais.
o Sass + Bússola: Foundation é construído usando SCSS e podemos trabalhar com ele da mesma forma.
Figura 1: Página de download Foundation
Para este artigo estaremos fazendo download do “CSS padrão”. Após completarmos o download vamos
descompactar e teremos os seguintes arquivos e pastas.
o Pasta StyleSheets: Incluindo Foundation.css e Foundation.min.css, assim podemos escolher qual utilizar.
Também tem incluído app.css que podemos usar para estilos personalizados.
o Pasta JavaScript: Possui diversos plug-ins do JavaScript necessários para fazer o Foundation funcionar
corretamente. Nesta pasta o arquivo mais importante é app.js, que utilizaremos para inicializar os vários
plug-ins que podemos querer utilizar.
o “todos os js são iniciados por padrão.”
o Pasta Imagens: Esta pagina possui todas as imagens necessárias para criação, que na verdade não são
muitas. As únicas imagens incluídas por padrão são usadas para o Orbit. Caso não usemos o Orbit,
estamos livres dessas imagens.
o Index.html: Uma estrutura de exemplo para o conteúdo da página, nos dando algo como modelo para
usarmos como uma estrutura básica para o restante das paginas em nosso projeto.
Estrutura básica
Vamos começar a por em prática o que já sabemos sobre o Foundation até o momento, para isso vamos
começar a montar nossa estrutura. A primeira coisa que devemos fazer é ligar os arquivos necessários para o
funcionamento do Foundation.
Listagem 1: Estrutura de arquivos básicos do Foundation
1 <head>
2
3 <metaname="viewport"content="width=device-width"/>
4
<title>Estrutura Foundation </title>
5
6 <!-- IncluindoArquivos CSS -->
7 <link rel="stylesheet"href="stylesheets/foundation.css">
8 <link rel="stylesheet"href="stylesheets/app.css">
3. 9
10< !-- Mordernizr personalizado para a fundação. -->
11
12<script src="javascript/modernizr.foundation.js"></script>
13
</head>
14
15<body>
16 Conteúdo.
17 Conteúdo.
18
19<!—Incluindo arquivos javascript -->
20
21 <script src="javascript/jquery.js"></script>
<script src="javascript/foundation.min.js"></script>
22
23
24 <!—Inicializando os plug-ins javascript -->
25 <script src="javascript/app.js"></script>
26</body>
27
28
29
Agora que já possuímos toda a estrutura básica formada, vamos entender do que essa estrutura é composta.
o Na primeira linha dentro da tag<head> incluirmos a tag meta viewport para termos certeza de que os
dispositivos menores utilizarão todo o espaço de largura para a exibição do conteúdo.
o Depois incluirmos o arquivo foundation.css que serve como a base do Foundation e também o app.css,
que usamos para fazer personalização na estrutura do Foundation.
o Depois ligamos o arquivo modernizr.foundation.js, usado para termos suporte a HTML5 com acesso as
classes e consultas de mídias do JavaScript que nos ajudam a controlar o Foundation.
o Dentro do corpo, na parte inferior, chamamos os arquivos JavaScript jquery.js e foundation.min.js.
Devemos sempre inserir o jquery.js antes de qualquer arquivo JavaScript do Foundation.
o O arquivo foundation.min.js inclui todos os plug-ins disponíveis.
o E para finalizar nossa estrutura, inserirmos o arquivo app.js, que tem a função de inicializar todos os
plug-ins.
Já compreendemos nossa estrutura e os elementos que temos à nossa disposição para usarmos com ela.
Vamos então partir para a prática, pondo os elementos que conhecemos em ação para vermos o resultado do
que se pode ser feito com tais elementos.
Listagem 2: Exemplo de Grade Foundation
1 <head>
2 <meta charset="utf-8"/>
3
4 <!—Definindo resolução dos dispositivos moveis -->
<meta name="viewport"content="width=device-width"/>
5
6 <title>Exemplo de Grade Foundation.</title>
7
8 <!-- IncluindoArquivos CSS -->
9 <link rel="stylesheet"href="stylesheets/foundation.css">
10 <link rel="stylesheet"href="stylesheets/app.css">
7. Figura 4: Exemplo de tipografia usando tag<small>
Existe ainda uma classe chamada subheader que podemos aplicar sobre alguns elementos para obter um efeito
de texto “esmaecido”, que pode ser usado como subtítulo, por exemplo.
Listagem 5: Exemplo tipografia usando classe subheader.
1
2
<html>
3 <head>
4
5 <meta name="viewport"content="width=device-width"/>
6
7 <title>Welcome to Foundation</title>
8
9 <!-- IncluindoArquivos CSS -->
<link rel="stylesheet"href="stylesheets/foundation.css">
10 <link rel="stylesheet"href="stylesheets/app.css">
11
12 <script src="javascripts/modernizr.foundation.js"></script>
13</head>
14<body>
15 <h1 class="subheader">h1.Texto classesubheader</h1>
<h2 class="subheader">h2.Texto classesubheader</h2>
16 <h3 class="subheader">h3.Texto classesubheader</h3>
17 <h4 class="subheader">h4.Texto classe subheader</h4>
18 <h5 class="subheader">h5.Texto classe subheader</h5>
19 <h6 class="subheader">h6.Texto classe subheader</h6>
</body>
20</html>
21
22
8. Figura 5: Exemplo de tipografia usando classe subhearder
Assim vimos três possibilidades diferentes de estarmos configurando nossos textos dentro da nossa aplicação
web. As configurações de tipografia podem ser personalizadas dentro do arquivo foundation.css.
Botões
Nesse framework, existem classes CSS que nos permitem criar botões com diversos tamanhos:
o Tyni: muito pequeno;
o Small: pequeno;
o Medium: médio;
o Large: grande;
Vejamos agora o exemplo abaixo criando um botão referente a cada um desses tamanhos.
Listagem 6: Criando botões com tamanhos diferentes
1 <head>
2
3 <meta name="viewport"content="width=device-width"/>
4
<title>Welcome to Foundation</title>
5
6 <!-- IncluindoArquivos CSS -->
7 <link rel="stylesheet"href="stylesheets/foundation.css">
8 <link rel="stylesheet"href="stylesheets/app.css">
9
10 <script src="javascripts/modernizr.foundation.js"></script>
11</head>
<body>
12 < !-- Botões tamanhos diferente -->
13 <a class="tiny button"href="#">Tiny</a><br>
14 <a class="small button"href="#">Small</a><br>
9. 15 <a class="button"href="#">Medium</a><br>
16 <a class="large button"href="#">Large</a><br>
17
<script src="javascripts/jquery.js"></script>
18 <script src="javascripts/foundation.min.js"></script>
19 <script src="javascripts/app.js"></script>
20
21</body>
22</html>
23
24
25
Figura 6: Vários tamanhos de botões
Existem ainda os botões de menu suspenso, que podemos utilizar esse quando quisermos apresentar uma lista
com vários valores possíveis a serem escolhidos. Os botões suspensos utilizam a mesma classe que os outros
botões, o que o diferencia é sua estrutura.
Listagem 7: exemplo de botão suspenso.
1 <head>
2
<head>
3
4 <meta name="viewport"content="width=device-width"/>
5
6 <title>Welcome to Foundation</title>
7
8 <!-- IncluindoArquivos CSS -->
9 <link rel="stylesheet"href="stylesheets/foundation.css">
10 <link rel="stylesheet"href="stylesheets/app.css">
11
<script src="javascripts/modernizr.foundation.js"></script>
12</head>
13<body>
14<div href="#"class="large button dropdown">
15 Itens
16 <ul><li><a href="#">Item 1</a></li>
17 <li><a href="#">Item 2</a></li>
18 <li class="divider"></li>
19 <li><a href="#">Item 3</a></li>
20 </ul>
</div>
21 <script src="javascripts/jquery.js"></script>
22 <script src="javascripts/foundation.min.js"></script>
10. 23 <script src="javascripts/app.js"></script>
24</body>
</html>
25
Figura 7: Botões de menu suspenso
Essas são algumas das coisas possíveis de estarmos fazendo com o Foundation, mas muitas outras ferramentas
estão disponíveis.
Encerramos mais este artigo. Espero que tenha sido do agrado de todos os leitores.
Abraços e até o próximo.
Leia mais em: Conhecendo o framework front-end Foundation http://www.devmedia.com.br/conhecendo-o-
framework-front-end-foundation/27160#ixzz2KEcJN57s