Desenvolver página dinâmica e estática para nosso site

Colocar em evidência separando com objetivo de simplificar conforme necessidade:

como dados são exibidos - css - ver Apresentar1.css na página
onde dados são exibidos - áreas do html - ver Ldc56.html
o que é exibido - vetor Dado [] - ver Dado ['Nome'] = 'LDC'; em MontarHtml56.js
Origem dos dados:

html
Javascript
xml
Banco de Dados
teclado e outros equipamentos

mapear onde x o que: LugarDado = []

Javascript

Desenvolver página dinâmica e estática para nosso site

fazer página - considerar o problema resolvido - do concreto para o abstrato

html estático com conteudo completo: texto, imagem, video e som
define necessidades do cliente / usuário e especificação dos requisitos

dividir a página
em áreas com seus respectivos conteúdos - colocar id no html,
separar segundo critérios da aplicação especifica e montar html sem formato (ver em topico.xml e topicohtml.html) .
separar dados

fazer html mínimo - só onde, sem dados, sem formato - para quem gosta de dar nome `as coisas, pode ser modelo, arcabouço, framework

ver Ldc54.html

colocar valores das áreas em variáveis - em MontarHtml54.js
mapear variáveis em lugares - o que x onde = tabela LugarDado em MontarHtml54.js
componente que atualiza dados em áreas da página

js
em MontarHtml54.js

atualizar dados (falta fazer e detalhar) - quando, como, quem, para que

dados

xml - colocar conteudo (dados)
digitação

gatilhos (on ...)
filtros

1. Reescrevi os requisitos da pagina dinamica, veja o que vocês acham. Clicar em pagina web.html do anexo.

2. O Ldc54.html não consegui abrir.

3. Semantica da marcação é aquela que usa os elemnetos da linguagem em conformidade com o seu significado. Por exemplo: elementos h1 até h6 se destinam a marcar cabeçalhos, p devem ser usados para marcar paragrafo, blockquote não devem ser usados para identar textos pois destinam-se a blocos de cirações,... Todos elementos da HTML tem significado excetos os elementos div e span, que não tem valor semantico.

2.Adicionar camada de informação de apresentação (camada apresentação) .

3.Adicionar camada de interatividade e comportamento dinamico (Javascript).

colocar valores das áreas em variáveis - em MontarHtml54.js
mapear variáveis em lugares - o que x onde = tabela LugarDado em MontarHtml54.js
componente que atualiza dados em áreas da página
- js em MontarHtml54.js
filtro e gatilho em Conjunto.js

Benficios do método Reutilizações do código
Redução da quantidade de código duplicado.
Facilidade de localizar e resolver problemas.
Facilitar o uso de diferentes dispositivos de acesso ( browser, pda, smartphone,...)