O QUE É O DREAMWEAVER?

O Macromedia Dreamweaver MX é um editor de HTML profissional para desenhar, codificar e desenvolver sites, páginas e aplicativos para a Web. Para aqueles que gostam do controle da codificação manual HTML ou para os que preferem trabalhar em um ambiente de edição visual, o Dreamweaver fornece ferramentas úteis para aprimorar a sua experiência de criação para Web.

Os recursos de edição visual no Dreamweaver permitem criar páginas, de modo rápido, sem escrever uma linha de código. Se você preferir inserir códigos manualmente, no entanto, o Dreamweaver também inclui diversas ferramentas e recursos relacionados à codificação. O Dreamweaver o ajudará a construir aplicativos para a Web dinâmicos com suporte de banco de dados utilizando linguagens de servidor como ASP, ASP.NET, ColdFusion ColdFusion Markup Language (CFML), JSP e PHP.

É possível personalizar o Dreamweaver de várias maneiras. O Dreamweaver impede que a configuração personalizada de um usuário afete a configuração personalizada de outro usuário. Para que isso ocorra, na primeira execução do Dreamweaver em um sistema operacional multiusuário que o reconheça, o aplicativo criará cópias de vários arquivos de configuração para você. Estes arquivos de configuração do usuário são armazenados em uma pasta.

Se você reinstalar ou atualizar o Dreamweaver após instalar o Dreamweaver MX, o Dreamweaver efetua automaticamente cópias backup dos arquivos de configuração do usuário existentes, de modo que se esses arquivos forem personalizados manualmente, você ainda terá acesso às modificações efetuadas. Para obter informações sobre a personalização dos arquivos de configuração manualmente, veja “Customizing Dreamweaver” no Centro de suporte da Macromedia

ORGANOGRAMAS E DIAGRAMAS DE BLOCO

Com alguns poucos minutos de pesquisa eu encontrei o Gliffy, um site que faz criação de diagramas online em Flash, muito fácil de se cadastrar e usar, basta arrastar os objetos para o diagrama da forma como desejar.

Você consegue criar diagramas em: UML, Flowchart (fluxograma), Processo de Desenvolvimento, Floorplan (Planta de andar), Diagramas de Classe, Diagramas de Rede e até um Diagrama de percurso de um campo de Golfe!?!?!?

Visite a página de Exemplos do site e confira o que é possível fazer.

Agora pense um pouco...

Um diagramador Online, some a isso os vários programas de e-mail gratuito de grande capacidade de armazenamento da internet, o Google Docs e Google Sprendsheet para criar seus textos e planilhas, o Google Agenda (ou Google Calendar) para agendar seus compromissos e ainda ser notificado via SMS, o Picasa Web ou o Flickr para armazenar as suas fotos, um site pra gerar seus próprios PDFs um Desktop Virtual como o Page Flakes e um aplicativo online para criar suas apresentações já saindo do Forno, logo mais tudo o que nós iremos precisar é de uma máquina com um Sistema Operacional, um navegador Web e um ponto de rede!

Venha logo Windows Seven.

LOGICA DE PROGRAMAÇÃO

A lógica de programação é necessária para pessoas que desejam trabalhar com

desenvolvimento de sistemas e programas, ela permite definir a seqüência lógica para o desenvolvimento.

Então o que é lógica?

Lógica de programação é a técnica de encadear pensamentos para atingir determinado objetivo.

Estes pensamentos, podem ser descritos como uma seqüência de instruções, que devem ser seguidas para se cumprir uma determinada tarefa.

Seqüência Lógica são passos executados até atingir um objetivo ou solução de um problema.

Na linguagem comum, entende-se por instruções “um conjunto de regras ou normas definidas para a realização ou emprego de algo”.

Em informática, porém, instrução é a informação que indica a um computador uma ação elementar a executar.

Convém ressaltar que uma ordem isolada não permite realizar o processo completo, para isso é necessário um conjunto de instruções colocadas em ordem seqüencial lógica. Por exemplo, se quisermos fazer uma omelete de batatas, precisaremos colocar em prática uma série de instruções: descascar as batatas, bater os ovos, fritar as batatas, etc...

É evidente que essas instruções tem que ser executadas em uma ordem adequada – não se pode descascar as batatas depois de fritá-las.

Dessa maneira, uma instrução tomada em separado não tem muito sentido; para obtermos o resultado, precisamos colocar em prática o conjunto de todas as instruções, na ordem correta.

EVENTO ONMOUSEOVER

Os eventos são a maneira que temos em Javascript de controlar as ações dos visitantes e definir um comportamento da página quando se produzam. Quando um usuário visita uma página web e interage com ela se produzem os eventos e com Javascript podemos definir o que queremos que ocorra quando se produzam.

Com Javascript podemos definir o que acontece quando se produz um evento como poderia ser que um usuário clique sobre um botão, edite um campo de texto ou abandone a página.

Como se define um evento

Para definir as ações que queremos realizar ao produzir um evento utilizamos os manipuladores de eventos. Existem muitos tipos de manipuladores de eventos, para muitos tipos de ações do usuário. O manipulador de eventos se coloca na etiqueta HTML do elemento da página que queremos que responda às ações do usuário.

Evento ONMOUSEOVER é ativado quando o cursor passa por cima (sem clicar) de um link ou de uma imagem.
Este evento é bastante prático, por exemplo, para inserir explicações na barra de status ou mesmo como uma pequena janela tipo info-objeto.

O exemplo abaixo otiliza esse evento para mudar a cor de fundo da página ao passar o mouse no link.
Caso não esteja conseguindo ler baixe o arquivo.

DIAGRAMA DE BLOCO

Mesmo na programação é necessário documentar e desenhar o sistema para depois introduzir as informações no computador. Este é um conceito utilizado também em Web, uma vez que precisaremos definir o layout e estrutura do site, muitas vezes utilizamos o fluxograma para explicar os vários segmentos que utilizaremos para desenvolver o projeto. Abaixo algumas simbologias mais utilizadas para fluxogramas estruturais:

É como se você estivesse criando uma receita de bolo onde cada passo será escrito de forma geométrica, as estruturas de simbolos ou seja o diagrama de bloco, irá te ajudar a entender melhor todo o algoritmo.

Divirta-se e tire da cabeça que logica de programação é dificil.

TESTE SEU RACIOCINIO.

Jogo Travessia do Rio

O objetivo do jogo é atravessar todos os integrantes para o outro lado do rio.



Como jogar:
As regras são as seguintes:

1 - Somente o pai, a mãe e o policial sabem pilotar o barco
2 - A mãe não pode ficar sozinha com os filhos
3 - O pai não pode ficar sozinho com as filhas
4 - O prisioneiro não pode ficar sozinho com nenhum integrante da família
5 - O barco só pode transportar 2 pessoas por vez
6 - Você pode ir e vir com as pessoas quantas vezes precisar

Clique nos bonequinhos para colocá-los dentro do barco e depois na alavanca vermelha para atravessar...


Teste seu raciocinio

JAVASCRIPT O QUE É?

JavaScript é uma linguagem de programação criada pela Netscape em 1995, que a princípio se chamava LiveScript, para atender, principalmente, as seguintes necessidades:
Validação de formulários no lado cliente (programa navegador);
Interação com a página. Assim, foi feita como uma linguagem de script. Javascript tem sintaxe semelhante à do Java, mas é totalmente diferente no conceito e no uso.
Oferece tipagem dinâmica - tipos de variáveis não são definidos;
É interpretada, ao invés de compilada;
Possui ótimas ferramentas padrão para listagens (como as linguagens de script, de modo geral);
Oferece bom suporte a expressões regulares (característica também comum a linguagens de script).
Sua união com o CSS é conhecida como DHTML. Usando o Javascript, é possível modificar dinamicamente os estilos dos elementos da página em HTML.
Dada sua enorme versatilidade e utilidade ao lidar com ambientes em árvore (como um documento HTML), foi criado a partir desta linguagem um padrão ECMA, o ECMA-262, também conhecido como ECMAScript. Este padrão é seguido, por exemplo, pela linguagem ActionScript da Adobe(Antigamente Macromedia, porém a empresa foi vendida à Adobe).
Além de uso em navegadores processando páginas HTML dinâmicas, o JavaScript é hoje usado também na construção do navegador Mozilla, o qual oferece para a criação de sistemas GUI todo um conjunto de ferramentas (em sua versão normal como navegador, sem a necessidade de nenhum software adicional), que incluem (e não apenas) um interpretador de Javascript, um comunicador Javascript <-> C++ e um interpretador de XUL, linguagem criada para definir a interface gráfica de aplicações.
O uso de JavaScript em páginas XHTML, pelo padrão W3C, deve ser informado ao navegador da seguinte forma:

Caso contrário, o navegador irá interpretar o script como sendo código HTML, escrevendo-o na página

No próximo Post veremos como iniciar nossa programação com JavaScript