terça-feira, 23 de setembro de 2008

Criando um site com DotNetNuke. Parte 3 - Trabalhando com o conteúdo

Após alguns dias de espera, estamos de volta com o tutorial sobre DotNetNuke. A partir de agora, iremos trabalhar o conteúdo do site. Logue-se (como superusuário).

A página terá esta aparência:

Repare que alguns detalhes mudaram. Surgiu uma barra no topo:
A barra tem 3 Modos:
  • View - Aqui você vê a página como qualquer visitante do site
  • Edit - A página é exibida como no modo anterior, mas você pode editar o conteúdo e pode trabalhar o layout
  • Design - Você não vê o conteúdo em si (textos e imagens, por exemplo), mas pode trabalhar o layout/posicionamento dos elementos da página.
No lado direito da barra, clique na seta ao lado de "Show Control Panel?". A barra será expandida, com mais algumas seções:

Painel esquerdo / Page Functions:
  • Add - p/ adicionar uma página.
  • Settings - configurar detalhes da página atual, como o título.
  • Delete - remover a página atual.
  • Copy - copiar uma página. Se você precisa de uma página parecida com outra, pode fazer por aqui.
  • Export - cria um template baseado na página atual.
  • Import - criar/alterar uma página usando como base um template criado anteriormente.
Painel do meio / módulos:
  • Add New Module
    • Module - Você seleciona um módulo que deseja adicionar à página. Pode ser um banner, um menu, etc.
    • Title - o título do módulo. Por exemplo, no meio da página criada pelo DNNuke existe um local onde se vê o título "Welcome To DotNetNuke®". Ali foi usado um módulo text/html. O título aparece na barra superior do módulo (na verdade, aparece no container).
    • Visibility - Você pode definir se o módulo será visualizado apenas pelos editores da página ou se ele deve ter a mesma visualização da página. Por exemplo, uma página pode ser vista por todos. Colocando a visibility do módulo como "same as page", todos verão o módulo. 
    • Pane - Define a seção em que o módulo será adicionado (veremos isso mais abaixo).
    • Insert - Define se o módulo deve ser colocado acima ou abaixo de outro módulo já existente na mesma seção.
    • Align - Alinhamento do módulo - direita, esquerda etc.
    • + Add - clicando neste botão, o módulo será adicionado à página, de acordo com as opções anteriores
  • Install Existing Module - semelhante à opção anterior, mas ao invés de criar um novo módulo, copia de alguma página existente
  • Install Aditional Modules - Caso necessite de um módulo que não está instalado / ativado, pode instalá-lo por aqui.
Painel direito / Common Tasks:
  • Site - atalho para as configurações do site.
  • Users - gerenciamento de usuários.
  • Roles - regras de segurança.
  • Files - gerenciador de arquivos.
  • Help - ajuda do DotNetNuke.
  • Abre a página de "Solutions Explorer".

O posicionamento  dos elementos no DotNetNuke é definido por seções (Panes). Na barra superior, clique em view ou design, e repare nas seções: TopPane, LeftPane, ContentPane, RightPane e BottomPane. Você poderia,  por exemplo, usar a seção LeftPane para colocar um menu vertical.

O DotNetNuke é bem "maleável". Você pode alterar o posicionamento dos módulos simplesmente arrastando-os. Experimente: clique no título de algum módulo e arraste-o para outra seção. Por exemplo, arraste o "Welcome To DotNetNuke®" para a seção "TopPane".


Você também deve ter reparado que, em modo "Edit", ao passar o mouse sobre algum texto, aparece um quadrado com um lápis . Clicando no lápis, podemos editar de forma rápida o texto / título:

Para salvar as alterações, basta clicar no quadrado que aparece na imagem. Caso queira cancelar, clique no x vermelho.

Se o módulo/texto a ser editado permitir formatação, serão exibidos mais alguns ícones ao lado dos ícones de confirmação/cancelamento (experimente editar o conteúdo do "Welcome"):
Uma forma ainda mais avançada de editar é clicando em "Edit Text", na parte de baixo do módulo. Com isso, será exibida uma página de edição com várias opções:

Após editar o texto, você pode clicar em Update para salvar, Cancel para desfazer as mudanças, ou em Preview para ver como ficou o texto antes de salvar.
Você também pode clicar na seta ao lado do título do módulo. Com isso, aparecerá um pequeno menu com algumas opções, como configurações do módulo, editar o texto, importar/exportar conteúdo etc:

No próximo artigo, iremos adicionar uma nova página ao nosso site.