Última chamada da Black Friday!

dias
horas
Minutos

Atividade de arquivo HTML

ATIVIDADE DE ARQUIVO HTML #

A atividade de arquivo HTML do aplicativo permite que você exiba conteúdo da Web (arquivos HTML) armazenando arquivos HTML no aplicativo para que possam ser lidos diretamente do dispositivo.

NOTA: para obter melhores resultados, recomendamos adicionar a seguinte tag HTML 'meta' ao documento 'head' de cada um de seus arquivos HTML:

O conteúdo pode ser tão simples quanto um único arquivo HTML ou uma complexa estrutura de diretórios de arquivos e recursos de imagem relacionados. Depois de compor o que deseja mostrar, basta compactar o conteúdo usando seu utilitário de compactação favorito e fazer o upload do arquivo resultante.

Benefícios

  • Não requer um servidor web para hospedar seu conteúdo web;
  • Como o conteúdo está embutido no aplicativo, ele só fica visível para as pessoas que usam o aplicativo;
  • O conteúdo pode ser tão simples quanto uma única página html ou um índice contendo links para outras páginas, imagens, etc;
  • Será mais responsivo, pois os arquivos serão carregados do aplicativo no dispositivo, em vez de precisar ser baixado.

desvantagens

  • Isso requer algum conhecimento básico de criação de conteúdo HTML e uso básico de um utilitário zip;
  • Como os arquivos são integrados ao aplicativo, seu conteúdo não será alterado após a publicação do aplicativo. Portanto, se alguma alteração for necessária, o aplicativo precisará ser publicado novamente.

Para adicionar atividade de aplicativo HTML, abra a seção Componentes, expanda a categoria Extensões e escolha o Arquivo HTML.

Agora, você pode criar uma seção de aplicativo personalizada com JS e HTML5.

No lado esquerdo da visualização, você pode carregar conteúdo e trabalhar com o índice HTML.

Clique no botão Procurar arquivo para fazer upload de arquivos. Deve ser um arquivo .zip que contém suas páginas HTML e recursos relacionados. Tamanho máximo de 25 MB.

A página de índice HTML é o nome do arquivo da página HTML que você deseja exibir quando sua atividade for iniciada. Você deve incluí-lo em seu arquivo .zip e certifique-se de ter digitado o nome corretamente! Certifique-se de verificar isso ou seu aplicativo não será compilado.

Você pode personalizar sua atividade de arquivo HTML na parte direita do construtor.

DEFINIÇÕES #

Configurações básicas da atividade escolhida.

CONFIGURAÇÕES PRINCIPAIS #

Aqui, você tem um URL dessa atividade específica. Posteriormente, você pode usá-lo para vinculação cruzada entre outras atividades do aplicativo (por exemplo, um página personalizada).

Nesta seção, você pode alterar o título da sua atividade, adicionar um subtítulo e uma descrição a ela. Isso ajudará os usuários a navegar pelo seu aplicativo.

Você também pode adicionar uma barra de pesquisa à sua atividade de arquivo HTML, que permite aos usuários pesquisar no aplicativo.

ADS #

Seção de configurações de monetização.

CONFIGURAÇÕES DE BANNER #

Se você já definiu uma opção de monetização para seu aplicativo, pode ou não incluir um banner estático em sua atividade de arquivo HTML (marque se deseja exibir anúncios nesta atividade). 

Você também pode escolher uma rede de publicidade para este banner — AdMob ou Facebook Ads.

CONFIGURAÇÕES INTERSTICIAIS #

Se você já definiu uma opção de monetização para seu aplicativo, pode ou não incluir anúncios intersticiais em sua atividade de arquivo HTML (marque se deseja exibir anúncios nesta atividade).

Você também pode escolher uma rede de publicidade para este intersticial — AdMob ou Facebook Ads.

ESTILO #

Uma representação visual da sua atividade.

APARÊNCIA DA GAVETA DE NAVEGAÇÃO #

A gaveta de navegação é um ícone clicável no canto superior esquerdo do seu painel, que abre uma lista de todos os recursos do aplicativo e ajuda os usuários a navegar pelo seu aplicativo.

Aqui, você pode definir alguns parâmetros da gaveta de navegação:

  • Mostrar atividade na gaveta (para fazer com que esta atividade seja vista na lista de atividades);
  • Mostrar ícone de atividade (para tornar uma imagem de atividade vista na lista);
  • Mostrar legenda da atividade (para fazer uma legenda vista na lista de atividades);
  • Adicione um divisor após a atividade (para que o título da atividade seja dividido de outros títulos por sublinhado horizontal).

APARÊNCIA DA BARRA DE APLICATIVOS #

A barra de aplicativos é uma linha superior com o nome da atividade no painel do seu aplicativo.

A seção inicial da barra de aplicativos permite que você escolha o que retratar na barra de aplicativos:

  • Mostrar botão voltar (para possibilitar voltar para a tela anterior);
  • Mostrar ícone de gaveta (para que um ícone de gaveta seja visto);
  • Mostrar nada (para ocultar os elementos da barra de aplicativos).

 

Você também tem configurações extras da barra de aplicativos aqui para marcar:

  • Mostrar título na barra de aplicativos (para que o nome da sua atividade seja visto);
  • Use a imagem de fundo da barra de aplicativos (para carregar e ajustar uma imagem de fundo para a barra de aplicativos da sua atividade);
  • Use o tema personalizado da barra de aplicativos (marque esta seção para escolher a cor do título, a fonte e o tamanho da fonte).

APARÊNCIA DO PAINEL #

Esta seção define como o ícone desta atividade será mostrado no painel do aplicativo.

Na seção ''Look'', você pode escolher o símbolo que representará sua atividade no painel geral do aplicativo:

  • Mostrar cartão (para exibir esta categoria como um cartão);
  • Como item de lista (para mostrar apenas o nome de uma atividade);
  • Como item de lista com ícone (para escolha de ícone);
  • Como item de lista com imagem (para mostrar o nome de uma atividade com uma imagem);
  • Como item de coluna (para mostrar um nome de atividade centralizado na coluna);
  • Como item de coluna com ícone (para mostrar um nome de atividade com um ícone centralizado na coluna);
  • Como item de coluna com imagem (para mostrar um nome de atividade com uma imagem centralizada na coluna).

 

Além disso, você pode usar um tamanho personalizado de ícone de atividade ou definir parâmetros relativos a uma quantidade de colunas, linhas. Você também precisará definir os tamanhos das colunas e linhas no nível do grupo da atividade (lista ou carrossel), bem como no nível do painel (lado esquerdo das configurações do painel).

Marque Usar estilo personalizado e defina os parâmetros do ícone:

  • Espaçamento (offset das laterais);
  • Raio (forma do ícone);
  • Fontes, cor e tamanho do título de um ícone;
  • cores (da borda do cartão, fundo do cartão e fundo do título do cartão).

 

Você pode ativar a configuração Ícone, para que o ícone apareça no cartão de atividade.

Marque a opção Usar imagem de fundo – Procurar imagens para carregar e definir a imagem de fundo do ícone.

APARÊNCIA DA ATIVIDADE #

Esta seção ajuda você a definir uma interface para sua atividade.

Marque a opção Usar imagem de plano de fundo para a atividade se quiser enviar sua foto como imagem de plano de fundo dentro da atividade.

Adicione a imagem com o botão Procurar imagem. O arquivo deve ser uma imagem.

A própria atividade de arquivo HTML também possui uma imagem de configurações (uma engrenagem). Você pode adicionar anúncios, ocultar, duplicar ou excluir a atividade.

Distribuído por BetterDocs

Deixe um comentário

O seu endereço de e-mail não será publicado. Os campos obrigatórios são marcados com *

Vendas quentes de verão!

A oferta é válida para 100 pacotes até Agosto 25

AMADOR

PROMO*

use este código promocional:

Summ Hobby

ULTRA

PROMO*

use este código promocional:

Resumo

PRO

PROMO*

use este código promocional:

SummPro

* – O percentual de desconto é calculado com base em um desconto de assinatura anual de 25% (20% para Hobbyist) com desconto adicional por uma plataforma.

Aproveite a Promoção de Ano Novo!

Promoção válida até 01.01.2022!

AMADOR

-30%*

use este código promocional:

NYH2022

PRO

-35%*

use este código promocional:

NYP 2022

ULTRA

-40%*

use este código promocional:

NYU2022

* – O percentual de desconto é calculado com base em um desconto de assinatura anual de 25% (20% para Hobbyist) com desconto adicional por uma plataforma.

Última chamada.

Restam 15 cupons da Black Friday!

A oferta é válida até 1º de dezembro

AMADOR

PROMO*

use este código promocional:

BFrHob

ou siga o link

PRO

PROMO*

use este código promocional:

BFrPro

ou siga o link

ULTRA

PROMO*

use este código promocional:

BFrUlt

ou siga o link

WOOCOMMERCE

PROMO*

use este código promocional:

BFrWoo

ou siga o link

* – O percentual de desconto é calculado com base em um desconto de assinatura anual de 25% (20% para Hobbyist) com desconto adicional por nossa plataforma.