Design responsivo
•
0 gostou•340 visualizações
Design responsivo é um design de páginas da web que se adapta automaticamente a diferentes tamanhos de tela como desktops, tablets e celulares para melhorar a visualização e navegação. O documento descreve três passos para criar um layout responsivo: 1) estruturar o HTML para três tamanhos de tela, 2) definir regras CSS com cores diferentes para cada tela, 3) exibir o resultado final com a formatação adequada para cada dispositivo.
Denunciar
Compartilhar
Denunciar
Compartilhar
Baixar para ler offline
Recomendados
Trabalho layout elastico
O documento descreve os tipos de layout fixo e líquido para desenvolvimento web. Um layout fixo tem largura estática em pixels, enquanto um layout líquido se expande e contrai dinamicamente. O trabalho proposto é fazer um layout líquido de 2 colunas com topo e rodapé para praticar essa técnica.
Taquigrafia css
O documento discute técnicas de abreviação em CSS. Ele explica como propriedades como cor, fonte, margem e padding podem ser abreviadas usando seus valores padrão quando valores omitidos. Exemplos mostram como abreviar valores hexadecimais de cores e definir várias propriedades de fonte em uma única declaração.
Acessibilidade
O documento discute a importância da acessibilidade na web. Ele explica o que é acessibilidade e como garantir que sites e conteúdos online sejam acessíveis para todos os usuários, independentemente de deficiências. Isso inclui fazer com que imagens, formulários, fontes e cores sejam acessíveis através do uso correto de atributos HTML.
Seletores css
O documento descreve os diferentes tipos de seletores CSS, como o seletor universal (*), seletores de tipo de elemento (e), seletores contextual (e f), seletores de elementos filho (e > f) e pseudo-classes como :hover e :active que permitem estilizar elementos em diferentes estados.
Norma 508 e wcag
O documento compara a Norma 508 e as WCAG, legislações dos EUA e do W3C respectivamente sobre acessibilidade digital. A Norma 508 exige que tecnologias do governo americano sejam acessíveis, enquanto as WCAG fornecem recomendações para tornar sites acessíveis. Embora tratem do mesmo tema, a Norma 508 se aplica ao governo e as WCAG são diretrizes voluntárias para desenvolvedores web.
Noções sobre os quatro princípios de acessibilidade
O documento descreve os quatro princípios de acessibilidade da web: perceptível, operável, compreensível e robusto. Ele explica que os conteúdos da web devem ser apresentados de forma que todos os usuários possam percebê-los, operá-los, compreendê-los e acessá-los com diferentes tecnologias.
Design universal
O documento discute o conceito de Design Universal, que visa criar produtos, serviços e ambientes que possam ser usados por um maior número de pessoas possível, independentemente de idade, habilidade ou situação. O Design Universal surgiu nos anos 1970 e está ligado à acessibilidade, usabilidade e navegabilidade. Ele significa "design que inclui" ao invés de excluir certos grupos.
Acessibilidade
A aula de acessibilidade na Web ensinou os alunos sobre como é navegar na internet com deficiência visual, tentando ler um site com os olhos vendados. Eles encontraram muita dificuldade e entenderam melhor a importância da acessibilidade para que todos possam usar websites de forma igual. A acessibilidade na Web refere-se à prática inclusiva de criar sites acessíveis a todas as pessoas, independentemente de deficiências.
Recomendados
Trabalho layout elastico
O documento descreve os tipos de layout fixo e líquido para desenvolvimento web. Um layout fixo tem largura estática em pixels, enquanto um layout líquido se expande e contrai dinamicamente. O trabalho proposto é fazer um layout líquido de 2 colunas com topo e rodapé para praticar essa técnica.
Taquigrafia css
O documento discute técnicas de abreviação em CSS. Ele explica como propriedades como cor, fonte, margem e padding podem ser abreviadas usando seus valores padrão quando valores omitidos. Exemplos mostram como abreviar valores hexadecimais de cores e definir várias propriedades de fonte em uma única declaração.
Acessibilidade
O documento discute a importância da acessibilidade na web. Ele explica o que é acessibilidade e como garantir que sites e conteúdos online sejam acessíveis para todos os usuários, independentemente de deficiências. Isso inclui fazer com que imagens, formulários, fontes e cores sejam acessíveis através do uso correto de atributos HTML.
Seletores css
O documento descreve os diferentes tipos de seletores CSS, como o seletor universal (*), seletores de tipo de elemento (e), seletores contextual (e f), seletores de elementos filho (e > f) e pseudo-classes como :hover e :active que permitem estilizar elementos em diferentes estados.
Norma 508 e wcag
O documento compara a Norma 508 e as WCAG, legislações dos EUA e do W3C respectivamente sobre acessibilidade digital. A Norma 508 exige que tecnologias do governo americano sejam acessíveis, enquanto as WCAG fornecem recomendações para tornar sites acessíveis. Embora tratem do mesmo tema, a Norma 508 se aplica ao governo e as WCAG são diretrizes voluntárias para desenvolvedores web.
Noções sobre os quatro princípios de acessibilidade
O documento descreve os quatro princípios de acessibilidade da web: perceptível, operável, compreensível e robusto. Ele explica que os conteúdos da web devem ser apresentados de forma que todos os usuários possam percebê-los, operá-los, compreendê-los e acessá-los com diferentes tecnologias.
Design universal
O documento discute o conceito de Design Universal, que visa criar produtos, serviços e ambientes que possam ser usados por um maior número de pessoas possível, independentemente de idade, habilidade ou situação. O Design Universal surgiu nos anos 1970 e está ligado à acessibilidade, usabilidade e navegabilidade. Ele significa "design que inclui" ao invés de excluir certos grupos.
Acessibilidade
A aula de acessibilidade na Web ensinou os alunos sobre como é navegar na internet com deficiência visual, tentando ler um site com os olhos vendados. Eles encontraram muita dificuldade e entenderam melhor a importância da acessibilidade para que todos possam usar websites de forma igual. A acessibilidade na Web refere-se à prática inclusiva de criar sites acessíveis a todas as pessoas, independentemente de deficiências.
Seletores css
O documento explica os diferentes tipos de seletores CSS, incluindo seletores de tipo de elemento, contextual, filho, classe, ID, atributo e pseudo-classes que permitem estilizar partes específicas de um documento HTML.
Modelo TCP/IP
O documento descreve as quatro camadas do modelo TCP/IP: camada de aplicação, camada de transporte, camada de internet e camada de link. A camada de aplicação suporta protocolos como FTP, SMTP e HTTP. A camada de transporte fornece comunicação ponto-a-ponto de forma confiável ou não confiável. A camada de internet roteia pacotes usando o protocolo IP. A camada de link se conecta à rede física.
Modelo osi
O documento descreve as sete camadas do Modelo OSI, incluindo a Camada Física, a Camada de Enlace, a Camada de Rede, a Camada de Transporte, a Camada de Sessão, a Camada de Apresentação e a Camada de Aplicação.
Modelo osi
O documento descreve as sete camadas do Modelo OSI, incluindo a Camada Física, a Camada de Enlace, a Camada de Rede, a Camada de Transporte, a Camada de Sessão, a Camada de Apresentação e a Camada de Aplicação.
Tutorial css
O documento fornece instruções sobre como criar um CSS para impressão de páginas da web. Ele explica que é importante preparar um CSS separado para impressão para fornecer uma visualização adequada ao imprimir páginas. Ele então discute como criar um novo CSS para impressão ou usar o CSS existente como base, e como declarar o CSS para impressão usando a propriedade "media" para que ele só se aplique à impressão.
Css avançado
O documento discute três tópicos principais sobre CSS avançado: 1) Efeito cascata e como regras CSS conflitantes são resolvidas, 2) Especificidade e como a especificidade de uma regra determina qual regra é aplicada, 3) Diferença entre link e @import e como cada um é usado.
Lista de abreviações 3
O documento fornece definições para várias abreviações comumente usadas em internet e tecnologia da informação, incluindo POST, COOKIE, DNS, URL, CPU, ASP, PHP, PYTHON e RUBY ON RAILS. AJAX é definido como o uso de tecnologias como Javascript e XML para tornar páginas da web mais interativas com solicitações assíncronas de informações.
Lista de abreviações 2
O documento fornece definições para termos relacionados à internet e tecnologia, incluindo:
1) Cliente-servidor descreve um modelo onde clientes solicitam dados de servidores através de uma rede;
2) PC refere-se a um computador pessoal para uso individual;
3) Home office descreve trabalhar remotamente de casa.
Lista de abreviações
O documento lista abreviações comumente usadas em internet e tecnologia da informação, incluindo NIC, CERT, HTTPS, WEP, HTML, HTML5, Streaming, Flash, Plugin e JavaScript. As abreviações explicam termos como Network Interface Controller, segurança na internet, protocolos de comunicação, linguagens de marcação, transmissão de mídia, programas de animação e linguagens de programação.
Bases para internet
O documento descreve os principais protocolos da Internet, incluindo HTTP para transferência de páginas web, SMTP para envio de email, FTP para transferência de arquivos, e TCP e IP que fornecem a base para a comunicação entre dispositivos na Internet.
Lista de abreviações
1) O documento apresenta definições abreviadas para termos técnicos relacionados a redes e programação da web, como HTTPS, HTML, JavaScript e Flash.
2) As definições descrevem o que cada sigla representa e sua função principal, como HTTPS fornecer segurança em transmissões de dados e HTML ser uma linguagem para estruturar páginas da web.
3) Os termos abordam desde hardware de rede até linguagens de programação, visando explicar de forma sucinta o significado dessas siglas amplamente utilizadas no ambiente digital.
Post 5
O documento descreve propriedades CSS relacionadas a bordas, margens, preenchimento, cores, fontes e texto. Ele lista propriedades individuais para formatar cada lado separadamente e atalhos para formatar múltiplos lados de uma vez. Propriedades como cor, estilo e largura de borda podem ser definidas para cada lado ou para todos os lados simultaneamente.
Post 4
O CSS é uma folha de estilo que define a apresentação de páginas da web. Ele separa o formato do conteúdo e pode ser adicionado de três formas: externo, embutido ou inline. CSS permite estilizar elementos HTML, IDs ou classes através de seletores e propriedades. Unidades como pixels, em, porcentagem e outros controlam valores como cores, fontes e tamanhos.
AULA 4 - PROPRIEDADES CSS
O documento descreve propriedades CSS relacionadas a bordas, margens, preenchimentos, cores, fontes e texto. É especificado como configurar estilos, tamanhos e cores para bordas, margens, preenchimentos e fundos de elementos. Propriedades como font-family, font-size e text-align permitem formatar fontes e alinhamento de texto. O documento fornece exemplos de como aplicar essas propriedades CSS.
Aula 4 - VISÃO GERAL CSS
CSS é uma folha de estilo que define a apresentação de páginas da web. Ele separa o formato e conteúdo de um documento e define como elementos serão exibidos. CSS pode ser adicionado de forma externa, embutida ou inline e usa seletores como elemento, ID ou classe para estilizar partes específicas da página. CSS suporta várias unidades de medida como pixels, em, porcentagem e outras.
Bases para internet
O documento descreve os principais protocolos da Internet, incluindo HTTP para navegação na web, SMTP para envio de email, FTP para transferência de arquivos, SNMP para gerenciamento de rede, TCP e UDP para transporte de dados, ARP para mapeamento de endereços, IP para roteamento de pacotes, ICMP para mensagens de controle e IGMP para gerenciamento de grupos na Internet.
AULA 3 - Formulários html
O documento descreve os principais elementos e atributos utilizados para criar formulários HTML, incluindo o elemento form para definir o formulário, inputs para diferentes tipos de campos como caixas de texto e botões, e select para dropdowns. É explicado como esses elementos funcionam e quais atributos podem ser usados para personalizá-los e adicionar funcionalidades.
AULA 2 - UTILIZAÇÃO DE TABELAS
O documento apresenta exemplos de como utilizar tabelas em HTML para organizar e apresentar dados de forma ordenada. São descritas as principais tags para criação de tabelas como <table>, <tr>, <td>, <th>, <caption> e exemplos são apresentados para ilustrar o uso dessas tags.
AULA - 1
O documento descreve as características básicas de documentos HTML, incluindo sua estrutura, elementos e tags. Documentos HTML são arquivos de texto que podem ser criados em editores de texto. A estrutura básica de uma página HTML inclui tags como <html>, <head>, <title>, <body>. O documento então explica vários elementos importantes como cabeçalhos, parágrafos, listas, links e imagens.
AULA 1 - História da internet
A Internet surgiu de pesquisas militares dos EUA na Guerra Fria para descentralizar informações entre bases, criando a ARPANET. Universidades entraram na rede e estudantes contribuíram para seu desenvolvimento, tornando-a mais aberta. O Protocolo de Internet permitiu a comunicação entre redes, dando origem à Internet como é conhecida hoje.
Mais conteúdo relacionado
Mais de diogolevel3
Seletores css
O documento explica os diferentes tipos de seletores CSS, incluindo seletores de tipo de elemento, contextual, filho, classe, ID, atributo e pseudo-classes que permitem estilizar partes específicas de um documento HTML.
Modelo TCP/IP
O documento descreve as quatro camadas do modelo TCP/IP: camada de aplicação, camada de transporte, camada de internet e camada de link. A camada de aplicação suporta protocolos como FTP, SMTP e HTTP. A camada de transporte fornece comunicação ponto-a-ponto de forma confiável ou não confiável. A camada de internet roteia pacotes usando o protocolo IP. A camada de link se conecta à rede física.
Modelo osi
O documento descreve as sete camadas do Modelo OSI, incluindo a Camada Física, a Camada de Enlace, a Camada de Rede, a Camada de Transporte, a Camada de Sessão, a Camada de Apresentação e a Camada de Aplicação.
Modelo osi
O documento descreve as sete camadas do Modelo OSI, incluindo a Camada Física, a Camada de Enlace, a Camada de Rede, a Camada de Transporte, a Camada de Sessão, a Camada de Apresentação e a Camada de Aplicação.
Tutorial css
O documento fornece instruções sobre como criar um CSS para impressão de páginas da web. Ele explica que é importante preparar um CSS separado para impressão para fornecer uma visualização adequada ao imprimir páginas. Ele então discute como criar um novo CSS para impressão ou usar o CSS existente como base, e como declarar o CSS para impressão usando a propriedade "media" para que ele só se aplique à impressão.
Css avançado
O documento discute três tópicos principais sobre CSS avançado: 1) Efeito cascata e como regras CSS conflitantes são resolvidas, 2) Especificidade e como a especificidade de uma regra determina qual regra é aplicada, 3) Diferença entre link e @import e como cada um é usado.
Lista de abreviações 3
O documento fornece definições para várias abreviações comumente usadas em internet e tecnologia da informação, incluindo POST, COOKIE, DNS, URL, CPU, ASP, PHP, PYTHON e RUBY ON RAILS. AJAX é definido como o uso de tecnologias como Javascript e XML para tornar páginas da web mais interativas com solicitações assíncronas de informações.
Lista de abreviações 2
O documento fornece definições para termos relacionados à internet e tecnologia, incluindo:
1) Cliente-servidor descreve um modelo onde clientes solicitam dados de servidores através de uma rede;
2) PC refere-se a um computador pessoal para uso individual;
3) Home office descreve trabalhar remotamente de casa.
Lista de abreviações
O documento lista abreviações comumente usadas em internet e tecnologia da informação, incluindo NIC, CERT, HTTPS, WEP, HTML, HTML5, Streaming, Flash, Plugin e JavaScript. As abreviações explicam termos como Network Interface Controller, segurança na internet, protocolos de comunicação, linguagens de marcação, transmissão de mídia, programas de animação e linguagens de programação.
Bases para internet
O documento descreve os principais protocolos da Internet, incluindo HTTP para transferência de páginas web, SMTP para envio de email, FTP para transferência de arquivos, e TCP e IP que fornecem a base para a comunicação entre dispositivos na Internet.
Lista de abreviações
1) O documento apresenta definições abreviadas para termos técnicos relacionados a redes e programação da web, como HTTPS, HTML, JavaScript e Flash.
2) As definições descrevem o que cada sigla representa e sua função principal, como HTTPS fornecer segurança em transmissões de dados e HTML ser uma linguagem para estruturar páginas da web.
3) Os termos abordam desde hardware de rede até linguagens de programação, visando explicar de forma sucinta o significado dessas siglas amplamente utilizadas no ambiente digital.
Post 5
O documento descreve propriedades CSS relacionadas a bordas, margens, preenchimento, cores, fontes e texto. Ele lista propriedades individuais para formatar cada lado separadamente e atalhos para formatar múltiplos lados de uma vez. Propriedades como cor, estilo e largura de borda podem ser definidas para cada lado ou para todos os lados simultaneamente.
Post 4
O CSS é uma folha de estilo que define a apresentação de páginas da web. Ele separa o formato do conteúdo e pode ser adicionado de três formas: externo, embutido ou inline. CSS permite estilizar elementos HTML, IDs ou classes através de seletores e propriedades. Unidades como pixels, em, porcentagem e outros controlam valores como cores, fontes e tamanhos.
AULA 4 - PROPRIEDADES CSS
O documento descreve propriedades CSS relacionadas a bordas, margens, preenchimentos, cores, fontes e texto. É especificado como configurar estilos, tamanhos e cores para bordas, margens, preenchimentos e fundos de elementos. Propriedades como font-family, font-size e text-align permitem formatar fontes e alinhamento de texto. O documento fornece exemplos de como aplicar essas propriedades CSS.
Aula 4 - VISÃO GERAL CSS
CSS é uma folha de estilo que define a apresentação de páginas da web. Ele separa o formato e conteúdo de um documento e define como elementos serão exibidos. CSS pode ser adicionado de forma externa, embutida ou inline e usa seletores como elemento, ID ou classe para estilizar partes específicas da página. CSS suporta várias unidades de medida como pixels, em, porcentagem e outras.
Bases para internet
O documento descreve os principais protocolos da Internet, incluindo HTTP para navegação na web, SMTP para envio de email, FTP para transferência de arquivos, SNMP para gerenciamento de rede, TCP e UDP para transporte de dados, ARP para mapeamento de endereços, IP para roteamento de pacotes, ICMP para mensagens de controle e IGMP para gerenciamento de grupos na Internet.
AULA 3 - Formulários html
O documento descreve os principais elementos e atributos utilizados para criar formulários HTML, incluindo o elemento form para definir o formulário, inputs para diferentes tipos de campos como caixas de texto e botões, e select para dropdowns. É explicado como esses elementos funcionam e quais atributos podem ser usados para personalizá-los e adicionar funcionalidades.
AULA 2 - UTILIZAÇÃO DE TABELAS
O documento apresenta exemplos de como utilizar tabelas em HTML para organizar e apresentar dados de forma ordenada. São descritas as principais tags para criação de tabelas como <table>, <tr>, <td>, <th>, <caption> e exemplos são apresentados para ilustrar o uso dessas tags.
AULA - 1
O documento descreve as características básicas de documentos HTML, incluindo sua estrutura, elementos e tags. Documentos HTML são arquivos de texto que podem ser criados em editores de texto. A estrutura básica de uma página HTML inclui tags como <html>, <head>, <title>, <body>. O documento então explica vários elementos importantes como cabeçalhos, parágrafos, listas, links e imagens.
AULA 1 - História da internet
A Internet surgiu de pesquisas militares dos EUA na Guerra Fria para descentralizar informações entre bases, criando a ARPANET. Universidades entraram na rede e estudantes contribuíram para seu desenvolvimento, tornando-a mais aberta. O Protocolo de Internet permitiu a comunicação entre redes, dando origem à Internet como é conhecida hoje.
Mais de diogolevel3 (20)
Design responsivo
- 2. Design Responsivo O que é design responsivo? É um design que destinada a melhor visualização, leitura e navegação dos sites. Passo a passo para criar um layout responsivo de uma página para três tamanhos de telas diferentes. Passo 1: HTML da página, 3 resoluções de tela. Passo 2: Definir as regras CSS, para esse exemplo usaremos três cores diferentes.