Pronatec – Capetinga MG.

Apresentação em tema: "Pronatec – Capetinga MG."— Transcrição da apresentação:

1 Pronatec – Capetinga MG.
Módulo II – Editores de Imagem Templates

2 Definição de Template Template (ou "modelo de documento") é um documento de conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação — por exemplo conteúdos que podem aparecer no início e conteúdos que só podem aparecer no final.

3 Web Templates Os Web Templates (ou "modelos de página") são instrumentos utilizados para separar a apresentação do conteúdo em web design, e para a produção massiva de documentos web. Os templates são interpretados por um "sistema de template".

4 Quando se fala em template, estamos falando de um conjunto de arquivos, basicamente imagens, arquivos HTML e folhas de estilo CSS que modificam toda a estrutura que será acessada pelos usuários (o administrador não é impactado por esses novos conteúdos) e fazem uso do conteúdo salvo nas várias estruturas do sistema, como artigos e menus

5 Modelos de Templates

6

7

8 Layout básico

9 Design responsivo O conceito de design responsivo (responsive ou recursive) não é uma grande novidade, mas tem chamado bastante atenção nos últimos tempos com o crescimento do mercado de dispositivos móveis, principalmente por conta dos tablets e celulares de tamanhos e resoluções cada vez mais variadas.

10 Antes grande parte da internet era acessada por resoluções e navegadores muito semelhantes. Até pouco tempo atrás bastava fazer um site que funcionava em Internet Explorer com resolução máxima de 1024×768 pixels que tudo estava resolvido, claro existiam outras características, mas a grande maioria estava nesse mesmo grupo – no máximo havia os usuários de Mozilla Firefox. Hoje tudo mudou, temos TVs de 50″ polegadas acessando internet, temos celulares que tem telas de 2″ até 5″, os ~phablets~ de 5″ até 7″, tablets de 6″ até 14″ polegadas (ou até mais) e sem contar os próprios computadores, que tem telas de netbook até os iMacs da Apple, colocando a margem de 11″ até mais de 26″ polegadas.

11 Esta característica demonstra que um site pode ser visto de diversas formas e em diversos contextos, e é para isto que os sites devem estar preparados. O design responsivo, como o próprio nome já indica, consegue responder ao tamanho da tela para se adequar da melhor forma.

12 Referências: os/39828/o-que-e-template entenda-o-que-e-a-tecnica-e-como-ela-funciona