Iniciando um curso

Para garantir o funcionamento do framework Nova v.3, é crucial manter dois pontos de forma rígida: a estrutura de pastas e arquivos e o template dos arquivos HTML.

Mais que um framework front-end a Nova v.3 inclúi um forte e estruturado processo de produção e publicação, contando com processos automatizados de organização e adaptação, portanto estrutura e template são considerados de maneira inflexíveis às documentadas ao custo de incapacitar o uso do material gerado, forçando o descarte ou remanejo manualmente.

Processo

Para a produção do curso, siga as seguintes etapas:

1. Ambiente - o framework realiza algumas requisições à arquivos locais e por isso precisa de um ambiente adequado. Saber mais

2. Estrutura - crie a estrutura de pastas conforme o padrão. Saber mais

3. Template - instale o template e crie o projeto no Dreamweaver. Saber mais

4. Crie as páginas - crie as páginas utilizando o template, as nomeie de acordo com o padrão. Saber mais

5. Teste as páginas - teste as páginas criadas deacordo com a tabela de navegadores e resoluções suportados pelo framework. Saber mais

Ambiente

Para o pleno funcionamento dos componentes as páginas em desenvolvimento precisam estar em um servidor web ou serem visualizadas em um navegador sem livre acesso à arquivos locais.

Veja como instalar um servidor local, ou como rodar o Chrome sem bloqueio de acesso à arquivos locais.

Estrutura

A pasta raiz da base do curso deve conter as pastas seguintes na correspondente estrutura:

Páginas do curso

Template

Diversos processos são realizados nos arquivos de página antes da publicação final. Todos os blocos definidos como não editáveis no template serão suprimidas e alteras portanto qualquer conteúdos ou solução criados ou inseridos nessas áreas será descartada.

Para evitar riscos, é altamente recomendável que utilize o Dreamweaver para criar e editar as páginas.

Nomeclaturas

As páginas são organizadas em 3 níveis: Módulos, Tópicos, Página, e por isso o nome de cada página é composta da pela representação da sua ordem com a nomeclaruta [index_modulo]_[index_topico]_[index_pagina].html.

Por exemplo, a página 1_3_12.html é a página 12, do tópico 3, do capítulo 1.

Em outro exemplo, a página 3_0_0.html é a página de abertura do módulo 3, que como não corresponde a nenhum tópico ou página interna, os representa como zero.

Todos os demais elementos referentes à essa página ( imagens, animações, etc ) devem iniciar seu nome como o nome da página, como por exemplo a imagem 2_10_3_a.png como a primeira imagem da página 3 do décimo tópico do módulo 2.

Title

Apesar de pouco visível dentro do LMS, o TITLE da página é um elemento essencial para uma série de processos da Nova e deve estar corretamente preenchida em cada página.

As páginas de Módulos e Tópicos devem estar identificadas iniciando com o termo identificando e o seu número, separados pelo sinal de "-" do resto da descricação como por exemplo: Módulo 1 - Criando uma página em Nova v3

Vale lembrar as restrições para esse tipo de campo na documentação W3C relativa a ele.

Script

Na header existe uma área editável para a inclusão de scripts, contudo deve ser utilizado com extrema precaução, quando não houver outra saída e com o aval do responsável pelo curso, uma vez que scripts isolados dentro das páginas de conteúdo são de difícil manutenção e identificação.

Style

Tal qual os scripts, a área editável na header permite a inclusão de um bloco de estilos únicos para uso na página, mas essa prática é extremamente desaconselhável visto a abrangência do framework e soluções para elementos únicos como a solução para infográficos.

Suporte multi-browser e responsividade

Todo o conteúdo gerado deve atender aos seguintes navegadores e resoluções.

Para uma página ser considerada finalizada ela deve estar adaptada a cada uma delas corretamente.

Navegador	versão	1920 x 1080	1024 x 768	378 x 667	360 x 640	Touch
Desktop
Chrome	50+	X	X
Firefox	46+	X	X
Edge	13+	X	X
Internet Explorer	11+	X	X
Mobile
Chrome for Android	53+		X	X	X	X
Safari	9.3+		X	X	X	X