Barra Assinaturas Dez/2007 (versão 1.1). Criar ambiente único e exclusivo de Assinaturas em todos os sites Abril, visando a padronização dos produtos.

Slides:



Advertisements
Apresentações semelhantes
Laboratório de Informática Introdução à Linguagem HTML
Advertisements

Como salvar imagens do 1º Clico em Imagens 2º Digito o nome ou assunto que quero pesquisar e clico em Pesquisa Google.
Como utilizar esta ferramenta para apresentações profissionais.
Padrão de Assinaturas em s
Administração de Sistema Operacional de Rede WindowsServer-2003 WindowsServer-2003 Ricardo de Oliveira Joaquim TECNOLÓGICOS.
Emitindo seu Certificado Digital
Tutorial de utilização do
Tecnologias para Internet Thyago Maia Tavares de Farias Aula 6.
7 - Criação de Páginas Web
Nota fiscal eletrônica de serviço
MÓDULO PROPOSIÇÕES Versão 2.3.
Programação WEB HTML.
7 - Criação de Páginas Web DREAMWEAVER Pt.2
Tecnólogo em Analise e Desenvolvimento de Sistemas - Faculdade de Tecnologia SENAC De Roger Ferreira Memórias e suas características,
Utilizando recursos especiais do Webnode
Aula 8 Prof. Naércio Filho Técnico em Informática
Layout.
AUTORIZAÇÃO PROCEDIMENTOS
POWER POINT.
Programação WEB HTML.
LOGIN Para acessar o sistema, digite em seu browser:
Criação de Grupos no Rooda TUTORIAL AGOSTO •Antes de tudo acesse o Rooda...
Integrando sua empresa ao futuro! Integrando sua empresa ao futuro!
Word Professor: Leandro Crescencio
Professor: Márcio Amador
7 - Criação de Páginas Web
PrograMação para internet
Introdução ao CSS Este modelo pode ser usado como arquivo de partida para apresentar materiais de treinamento em um cenário em grupo. Seções Clique com.
Luiz Antonio Torres, Maio/2014
Escola de Engenharia de Piracicaba Sistemas de Apoio a Decisão
Professor: Michel Fabiano
Como Configurar a Impressora Argox (Sem DLL ) no SisMoura
Na barra de mensagens, clique em Habilitar Edição,
Arquitetura de Desenvolvimento Web MVC vs. Three Tiers
Unidade 2 – Revisão de HTML, CSS e Formulários Prof.: Henrique Santos
Professor: Michel Fabiano
Unidade 6 – Formulários HTML Prof.: Henrique Santos
Financeiro – Contas a Receber
DESENVOLVIMENTO WEB I Organização de arquivos, estrutura básica de uma página e TAGs de frases diversas.
Introdução à Informática Conceitos Básicos de Editores de Texto
Financeiro – Boleto: Remessa e Retorno
Introdução/Pesquisar/Alterar Etapa1 Vamos começar o acompanhamento do módulo pelo menu "Acesso Rápido"-> Atendimento. Clique no icone "Atendimento".
Treinamento e entrega do projeto
O que é CSS? O CSS (Cascading Style Sheets) ou Folhas de Estilo em Cascatas é uma documentação que define as regras de formatação que serão aplicadas aos.
Loja Online Smart Ecommerce completo, com layout responsivo
Como fazer uma publicação no Blog de P TCC
Resumo das Dicas Domínio de conteúdo + Simplicidade =
Mestrado design de produto pós ergonomia usabilidade pós em comunicação graduação em design gráfico webdesigner nov/2008 a ago 2009 gerente de projeto.
Agência Brazil com Z Agência Brazil com Z WEB 2.0 A Personalização da Internet.
WIKISPACE Tutorial. Índice TópicoSlide Cadastramentoslide 3 Informações iniciaisslide 4 Edição básicaslides 5 – 7 Inserção de arquivos e imagensslides.
MRTG: Muito Ruim Ter que Gravar :D (Brincadeira) na verdade é:
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 02 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 02.
Ferramentas para Sistema Web Sistemas de Informação Aula 9 – 08/05/2013.
Como usar HTML em seus anúncios no MercadoLivre
iPad 3.0 Além da Edição Digital do jornal impresso e do acesso ao novo site do Globo, a versão 3.0 do aplicativo do Globo para iPad traz um produto.
Microsoft Excel.
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 05 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 05.
Introdução a Arquitetura, HTML e CSS
1 Timetoast.com Clique no link para efetuar a inscrição. Timetoast não permite várias contas a serem registadas com o mesmo endereço de . Há formas.
1 Criação e publicação de um site utilizando o Website e Cloud Site.
Site upload de documentos
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 10 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 10.
CSS VS CSS3. CSS CSS é uma linguagem de paginas de estilo, utilizada para definir a apresentação de documentos escritos numa linguagem de marcação, como.
Processo de expurgo No Contact / PROCON
JavaScript Introdução ao JavaScript 1. Objetivos Introdução Sintaxe Básica Arquivo (script) externo Script no HEAD da página Script no BODY da página.
INTRODUÇÃO AO jQuery PROFESSORA ADRIANA SILVA. O que é jQuery  jQuery biblioteca para desenvolvimento rápido de scripts em java, que interagem com o.
WebDesign JavaScript e jQuery. HTML e W3C - O HTML segue padrão XML - linguagem somente de marcação - somente de visualização de conteúdo sem formatação.
Web Design: algumas considerações IPCA / EST Abril 2013.
Informática – Senai. Include e Require O PHP tem duas formas normalmente usadas para incluir o conteúdo de um arquivo PHP, em uma outra página. São elas:
Transcrição da apresentação:

Barra Assinaturas Dez/2007 (versão 1.1)

Criar ambiente único e exclusivo de Assinaturas em todos os sites Abril, visando a padronização dos produtos e serviços de Assinaturas nos sites. Neste ambiente o cliente terá fácil acesso ao AbrilSac.com ( site exclusivo para assinantes ), AssineAbril.com e LojaAbril.com As vendas realizadas através da Barra terão origem específica e serão medidas por site. Barra Assinaturas - Objetivo (versão 1.1)

Para melhor adaptação aos diferentes layouts dos sites, a barra terá dois formatos: –Vertical: inserida na lateral direita dos sites, como temos hoje no PortalAbril –Horizontal: inserida no rodapé dos sites Formatos (versão 1.1)

Vertical (versão 1.1)

Horizontal (versão 1.1)

A Barra Chamada para o AbrilSac: Assinante Abril, este site é para você. Resolva tudo sobre a sua assinatura num clique. Acesse! No futuro, identificaremos os assinantes e neste espaço traremos serviços segmentados. (versão 1.1)

A Barra Chamada para Assinaturas: Combo Box com todas as revistas Abril 3 ofertas específicas de revistas. Será possível segmentar a oferta da revista de acordo com o site. Ex: site Veja, a primeira oferta da barra carrega revista Veja 1 oferta de Abril Presentes (versão 1.1)

A Barra Chamada para Loja Abril: 2 ofertas segmentadas de produtos da Loja Abril. Ex: Site Você S.A a barra carrega produtos Você S.A (versão 1.1)

Hospedagem Servidor do site Hopedagem domínio próprio, já em AKAMAI: O peso médio para uma barra com 7 ofertas é de 18K (versão 1.1)

A Barra ficará abaixo de um domínio específico e a contabilização se dará separadamente; O carregamento da Barra ocorrerá como último elemento da página, não interferindo no carregamento do site; Com o auxílio da Abril Digital minimizamos o peso e facilitamos a carga do script; As imagens estão com peso máximo de 1k, para facilitar no carregamento da Barra. Importante: (versão 1.1)

1º Criar o DIV que receberá o conteúdo da Barra Assine, na posição em que ela será exibida. 2º O script que faz a chamada da barra Assine deverá ser incluído no final do código HTML, antes do SCRIPT do Certifica Como inserir a barra no site (versão 1.1)

3º Incluir no topo do site, a chamada para o arquivo CSS que controla o visual da barra. A barra pode ser horizontal ou vertical. Como inserir a barra no site Esse arquivo permite mudar a orientação da barra. Ele pode ser: b_ass_v.css = Barra na vertical b_ass_h.css = Barra na horizontal (versão 1.1)

Código (carrega o css padrão da Barra Assine) DIV (inserir na posição que a barra será exibida) SCRIPT (deverá ser incluído no final do código HTML, antes do SCRIPT do Certifica ) O nome do javascript da barra, será fornecido pelo Assine Abril. IMPORTANTE: Cada site tem um script específico. (versão 1.1)

Scripts O script ba_geral deverá ser utilizado nos sites que não tem produtos em assinaturas. Ex: Viva Mais, Bizz, Etc. (versão 1.1)

CSS alternativo É possível a criar um CSS Alternativo para a Barra se adaptar ao layout ou estrutura do site. Os procedimentos são: 1. Fazer o download do arquivo abaixo. Nesse arquivos estão os estilos que podem ser alterados 1. Alternar o arquivo CSS conforme o design do site e fazer o upload no próprio site. 2. Mudar a chamada do CSS padrão, para o novo estilo. Exemplo: de: para: (versão 1.1)

Dúvidas? Procure Ana Carol Soler R (versão 1.1)