Tecnologias que o Dreamweaver da Suporte

DREAMWEAVER

Sumário

1.        Introdução        

2.        Contexto Histórico        

3.        Tecnologias que o Dreamweaver da suporte        

4.        Funcionalidades do Adobe Dreamweaver        

5.        Comparação dos recursos disponíveis entre as versões        

6.        Conclusão        

7.        Referências        

        

1. Introdução

        Com o mundo tecnológico e o avanço da internet, o ramo de web design vem crescendo e ganhando lugar no mercado necessitando assim de ferramentas que acompanhe tal tecnologia. Diante isto, será abordado sobre um aplicativo usado hoje por muitos profissionais, principalmente web designers, o Adobe Dreamweaver.

     O presente trabalho tem como objetivo conhecer e explicar o Dreamweaver, visto que será apresentado a história do Dreamweaver, suas funcionalidades, quais linguagens ele dá suporte, etc.         

1. Contexto Histórico

     O Adobe Dreamweaver é uma ferramenta que permite a criação e edição de páginas da internet, tendo o recurso de se trabalhar com imagens, textos, dentre vários outros elementos para a Web. Este programa permite a criação de códigos em qualquer linguagem desejada, pois dá suporte à maioria das linguagens do mercado.

    O Dreamweaver era originalmente da Macromedia uma empresa norte – americana fundada em 1992 do ramo de Tecnologia da Informação, principalmente na área de aplicações que são destinadas à produção e visualização de conteúdos multimídia e Web design, que em 1997 lançou o primeiro Dreamweaver sendo suportado apenas por Mac Os. Mais tarde foi adquirido pela Adobe, que lançou sua primeira versão no mercado em 2007, o Dreamweaver CS3, desde então a Adobe vem investindo fortemente neste programa, que hoje está na versão Dreamweaver CC 2014.

     Esta última versão trouxe mais opções em relação a visualização em tempo real, em outras palavras, ele nos permite mexer no layout e editar os elementos de uma página usando itens arrastáveis e editando tudo isso sem precisar mexer no código.

1. Tecnologias que o Dreamweaver da suporte
   
   

O Adobe Dreamweaver dá suporte a várias tecnologias, estando entre elas:  

HTML: Hypertext Markup Language, é uma linguagem de marcação utilizada para produzir páginas web, onde os documentos escritos nesta linguagem podem ser interpretados pelos navegadores.

PHP: Personal Home Page, é uma linguagem interpretada livre usada a princípio para o desenvolvimento de aplicações presentes nos servidores, porém é capaz de gerar conteúdo dinâmico na Word Wide Web.

CSS: Cascading Style Sheets, é uma linguagem utilizada para definir a apresentação de documentos escritos numa linguagem de marcação. Uma de suas vantagens é fazer a separação entre o formato e o conteúdo do documento, criando um link dentro do documento para uma página que contém os estilos e formatações.

JavaScript: linguagem de script ou extensão que é executada no interior de programas de outras linguagens de programação.

XML: Extensible Markup Language, é uma linguagem de marcação para necessidades especiais, onde consegue descrever diversos tipos de dados, facilitando a partilha de informações através da internet.

    Dentre estes que foram citados, o DreamWeaver dá suporte ao LESS, SaSS, Action Script, ASP, ASP.NET, C#, XHTML, XSLT, Java, JSP, etc.

1. Funcionalidades do Adobe Dreamweaver

 Uma das funcionalidades do DW é a sugestão de códigos que ele nos oferece, permitindo assim maior agilidade no desenvolvimento de páginas, ou seja, a partir do momento em que estamos desenvolvendo ao digitar uma tag o app apresenta uma listagem com sugestões para o usuário.

Uma outra funcionalidade do DW é a parte de code e design view, onde nos permite acompanhar o que estamos desenvolvendo em tempo real, ou seja, conseguimos ver como está ficando a página sem ter que sair da tela de code, onde isto é permitido pelo modo Design View.

O DW disponibiliza também o file manager que cuida de todos relacionamentos entre os arquivos existente no projeto, mostrando a estrutura de pasta. Uma outra funcionalidade é a opção que o DW disponibiliza de conexão ao servidor, ou seja, no momento que é salvo um arquivo, automaticamente é enviado para o servidor.

Uma outra funcionalidade é a disponibilização de páginas modelos ou Templates, que facilita e mantêm o padrão a fim de evitar erros na hora da construção das páginas web.

1. Comparação dos recursos disponíveis entre as versões
   

Recurso	Dreamweaver CC	CS6	CS5	CS4	CS3
Extract	✔
Exibição dinâmica	✔
Reformulado com uma arquitetura de 64 bits	✔
Modelos iniciais	✔
Guias dinâmicas	✔
Exibição rápida de elementos	✔
Inspetor de propriedades da exibição dinâmica	✔
Inserção dinâmica	✔
CSS Designer	✔
Gerenciamento de sites - Suporte a certificado	✔
Help Center	✔
Realce ativo	✔
Visualização de código aprimorada	✔
Layout de grade fluido aprimorado	✔
Sincronização de configurações	✔
Edge Web Fonts	✔
Suporte a plataformas modernas	✔
Experiência do usuário simplificada	✔
Widgets de interface do jQuery	✔
Áudio e vídeo HTML5 otimizados	✔
Insira elementos HTML5 com mais rapidez	✔
Desempenho aprimorado de FTP	✔	✔
Suporte avançado ao jQuery Mobile	✔	✔
Transições da CSS3	✔	✔
Painel atualizado Visualização multitela	✔	✔
Suporte integrado a CMS	✔	✔	✔
Ativação e desativação da CSS	✔	✔	✔
Suporte aprimorado ao Subversion	✔	✔	✔
Dicas de código de classe personalizada PHP	✔	✔	✔
Dicas de código específicas do site	✔	✔	✔
Páginas CSS para usuários iniciantes aprimoradas	✔	✔	✔
Configuração de site simples	✔	✔	✔
Suporte a CSS3/HTML5	✔	✔	✔
Integração com o jQuery Mobile	✔	✔	✔
Dicas de código para estruturas Ajax e JavaScript	✔	✔	✔	✔
Integração com o Adobe Photoshop	✔	✔	✔	✔	✔