CSS, cabeçalho, rodapé e JavaScript próprios
Se sabes HTML e CSS, ativa o “Modo de programador” em “Avançado”, em baixo na coluna da direita. O interruptor aplica-se a este navegador; depois disso, aparece à esquerda a área “Programador”. Aí existem quatro espaços: “CSS”, “HTML de cabeçalho”, “HTML de rodapé” e “JavaScript”, cada um com até 200 kB.
O teu CSS vem depois da folha de estilos gerada e, por isso, prevalece em caso de especificidade igual. Para poderes atuar com precisão, cada secção tem uma âncora fixa: o cabeçalho #kt-hero, as secções #kt-s0, #kt-s1 … pela sua ordem — se moveres uma secção, o seu número acompanha-a. Um clique numa âncora insere-a na posição do cursor. Scripts externos só através de https://.
O documento continua a ser a fonte do conteúdo e da estrutura, e o código a da aparência e dos complementos: o Kenji nunca toca no teu código, e o teu código não reescreve nenhuma secção.
- Abre “Avançado” em baixo à direita e ativa “Modo de programador”.
- Clica em “Programador” à esquerda e escolhe um espaço, por exemplo “CSS”.
- Escreve o teu código e clica em “Guardar rascunho” — ou prime Ctrl+S.
O rascunho, a pré-visualização, a publicação e o regresso não consomem saldo de IA.
Pré-visualização na sandbox
“Pré-visualização” mostra a tua página inteira com o código que está nesse momento no editor — mesmo que não esteja guardado —, isolada numa moldura própria: sem acesso a cookies, a dados guardados nem à página em que está inserida. Com dupla proteção, porque cada uma das duas barreiras é, por si só, uma definição que alguém pode afrouxar por engano.
A vista de edição normal mostra apenas o teu CSS. Já o HTML e o JavaScript, vê-los nesta pré-visualização e na página publicada.
- Na área “Programador”, clica em “Pré-visualização”.
- Verifica a página em “Pré-visualização com o código do rascunho” e fecha-a com “Fechar”.
Publicação e versões próprias para o código
O código tem o seu próprio rascunho e a sua própria publicação. “Publicar” na área “Programador”, com uma nota opcional, transforma o rascunho guardado numa versão — e esta aplica-se de imediato na página publicada, independentemente do botão “Publicar” no cabeçalho, em cima. Se o site estiver offline, o código aguarda até que volte a estar online.
Em “Versões” aparece cada versão com número, hora, origem — manual, “Sugestão do Kenji” ou regresso —, a tua nota e a diferença em relação à anterior; a que está em vigor tem “live”. “Voltar a esta versão” cria uma nova versão com o conteúdo antigo, e o rascunho e a página publicada passam de imediato para esse estado.
- Clica em “Publicar”, escreve uma nota, se necessário, e clica em “Publicar agora”.
- Expande “Versões” e clica numa versão para veres a diferença.
- Clica em “Voltar a esta versão” e depois em “Sim, voltar”.
Um estado antigo não é automaticamente um estado sem problemas — depois do regresso, verifica a página publicada.
Proposta de código do Kenji
No campo por baixo do código, descreves numa frase o que o código deve fazer, e o Kenji escreve uma proposta. Esta aparece ao lado do teu rascunho, com uma explicação e a diferença em relação ao teu código — nunca diretamente nele.
“Aplicar” escreve a proposta no rascunho, “Descartar” põe-na de parte. A publicação só acontece com o botão próprio: no código, és tu quem diz o último sim. Uma proposta pendente mantém-se, mesmo que recarregues a página.
- No campo por baixo do código, escreve o que o código deve fazer e envia.
- Lê a explicação e a diferença.
- Clica em “Aplicar” ou em “Descartar”.
A proposta consome saldo de IA; aplicar e descartar não consomem nada. Se uma proposta não for utilizável, é descartada e nada é cobrado.