Como criar web widgets para ibooks autor

iBooks Author fornece objetos HTML que pode conter fragmentos de HTML (o que a Apple chama de web widgets), que permitem executar funcionalidade do site semelhante a partir de um e-book. Você não pode simplesmente copiar o código HTML para um padrão da web page- você tem que criar o que a Apple chama de um widget Web, usando sua ferramenta Dashcode, um download gratuito a partir do site da apple

(Que exige que você se registrar como um desenvolvedor).

Para adicionar um objeto HTML, escolha HTML no menu ícone Widgets na barra de ferramentas ou escolha Inserir → Widget → HTML. Para obter o código do widget web em um objeto HTML selecionado, você tem algumas opções:

  • Arraste o arquivo Widget Dashcode a partir do Finder para o objeto.

  • Clique em Escolher no painel Interaction do inspetor Widget para abrir uma folha de configurações, onde você pode localizar um arquivo Dashcode, selecione-o e clique em Inserir para adicioná-lo ao objeto HTML.

Como os objetos HTML reproduzir em modo de tela cheia no iPad, o tamanho padrão para um objeto HTML é relativamente pequena, sob a suposição de que a imagem de visualização é mais como um botão ou um ícone de um fac-símile detalhada de uma página web. Você pode redimensionar o objeto HTML como qualquer outro objeto se a sua imagem de visualização garante um tamanho maior.

Se você planeja fazer mais do que os widgets básicos Dashcode, você precisa de HTML sólida, CSS e javascript habilidades. Mas o processo básico para a criação de um widget web é o mesmo, independentemente da sua complexidade.

Ao criar um widget web em Dashcode, a primeira decisão é o tipo de widget web que pretende criar. Para especificar o tipo de widget, siga estes passos:

  1. Inicie o aplicativo Dashcode no seu Mac.

  2. Abra um novo projeto escolhendo Arquivo → Novo Projeto.

    Alternativamente, você pode pressionar Command + N.

  3. Escolha Painel como o tipo de widget no painel esquerdo na folha de definições que aparece.



    Você não pode usar os widgets Safari no iBooks Author.

  4. Selecione o modelo desejado a partir da folha de definições, e clique em Escolher.

    Você também pode clicar em Abrir existente para continuar trabalhando em um widget criado anteriormente.

Na janela de projeto que abre depois de criar um widget, uma lista de atributos de objeto aparece no painel esquerdo, e uma lista de tarefas aparece na parte inferior desse painel. As opções variam de acordo com o tipo de widget que você escolheu para criar.

Video: iBooks Author Widgets and Layout

A terceira geração do iPad tem uma resolução de tela de 2048 por 1536 pixels, mas você ainda definir as dimensões do widget web para a resolução de 1024 por 768 pixels, tanto para a compatibilidade com os milhões de iPads de gerações anteriores e porque o terceiro iPad geração usa sua resolução extra para não empinar mais pixels na tela, mas para produzir pixels mais suaves que parecem mais imagens da vida real.

Porque web widgets em objectos HTML do iBooks Autor executado em tela cheia no iPad, tirar pleno partido do que o tamanho da tela para seus widgets.

Depois de definir visual do widget web, percorrer as várias componentes listados na parte inferior do painel esquerdo. Você também pode exibir (e editar) o código relevante abaixo da janela principal, escolhendo Ver → Código Fonte ou pressionar Command + 2.

Video: iBooks Author Widget: Pop-Over

Abaixo da lista de componentes é o painel de fluxo de trabalho Passos, que permite percorrer os passos necessários para completar o widget web, com ações necessárias listados. Clique no ícone de triângulo a uma exigência da esquerda para ter a janela principal mostra as configurações apropriadas. Clique em Marcar como Concluído para cada etapa do fluxo de trabalho que você terminou de modo que você pode facilmente acompanhar o seu progresso.

Visualize seu web widget clicando no botão Executar na barra de ferramentas.

Para obter o widget web em iBooks Author, vá para o passo do fluxo de trabalho final (Teste & Share) e clique na opção Compartilhar. Clique em Salvar para disco e para criar o widget (.wdgt) Arquivo que pode ser importado ou arrastados para iBooks Author.


Publicações relacionadas