Vídeo: Реклама подобрана на основе следующей информации: (Outubro 2024)
A Adobe poderia ter se apoiado ao atualizar o Dreamweaver para sua versão mais recente no serviço Creative Cloud baseado em assinatura como Dreamweaver CC. Em sua versão anterior como Dreamweaver CS6, parte do Creative Suite 6 da Adobe, o editor avançado de sites da Adobe já tinha pouca ou nenhuma competição séria como ferramenta para criar e manter os sites multiplataforma de hoje. O Dreamweaver CS6, por exemplo, introduziu layouts da Web "grade fluida" prontos para uso que usam CSS para remodelar automaticamente as páginas da Web de acordo com o tamanho da tela, facilitando a criação de um único site usando telefones, tablets e desktops sem o complexo Codificação manual CSS anteriormente necessária.
O novo Dreamweaver CC aprimora o recurso de grade de fluido, suportando elementos estruturais em HTML5, como Seções e Artigos. Ele também adiciona uma ferramenta igualmente econômica, um novo CSS Designer que usa uma interface gráfica interativa para modificar propriedades de CSS, como sombras e cantos curvos, para que você só precise clicar e arrastar para modificar códigos CSS complexos enquanto vê os resultados em tempo real. Tempo. O suporte total a fontes baseadas na Web - baixadas dos servidores da Adobe enquanto o navegador carrega uma página - facilita a criação de designs atraentes. Além disso, como o restante da suíte Creative Cloud, o Dreamweaver também possui uma interface simplificada e mais facilmente personalizável e funciona de forma idêntica no Windows e no OS X.
Pro e Semi-Pro
O Dreamweaver é uma ferramenta de nível profissional que vale a pena ter - se você puder pagar - mesmo que não seja profissional. Os usuários iniciantes do Dreamweaver podem ficar intimidados com a multiplicidade de menus e painéis de propriedades no layout padrão, mas logo fica claro como usá-los para obter acesso rápido aos controles avançados sobre elementos CSS ou para alternar rapidamente entre exibições que mostram como uma página da Web será exibida quando impressa ou exibida em telas de tamanhos diferentes. Os designers avançados da Web podem clicar em um menu de widgets da interface do usuário baseados em JavaScript em seu código para criar diálogos pop-up, selecionadores de datas, menus no estilo acordeão e tudo o mais no repertório atual de efeitos da interface do usuário. Porém, mesmo usuários menos avançados podem criar sites flexíveis, compatíveis com HTML5, com boa aparência em qualquer plataforma.
Comece a tecer sonhos
A partir de uma página em branco ou de um layout de amostra, clique nos itens no painel Inserir para adicionar elementos como modelos (com regiões editáveis e não editáveis), multimídia (HTML5 ou Flash) e recursos HTML padrão. A tela padrão é dividida em um painel de código e um painel de design WYSIWYG, mas você pode escolher um ou outro ou tornar o painel de design "Ativo" para exibir o conteúdo da mídia como vídeo ou conteúdo que será exibido em um banco de dados quando a página aparece em um navegador. Uma coisa que eu admiro no Dreamweaver é que ele não favorece as tecnologias proprietárias da Adobe, como o Flash, em relação aos padrões abertos, como o vídeo HTML5, mas oferece suporte igual para ambos - e ainda fornece um player de vídeo HTML5 mais bonito e mais útil do que o built-in Flash player.
Quando você cria uma página com o recurso de grade fluida do Dreamweaver, o aplicativo primeiro cria uma página que contém uma grade de colunas verticais visíveis no Dreamweaver, mas não quando a página aparece em um navegador. Por padrão, uma página projetada para telefones se encaixa em quatro dessas colunas invisíveis. Quando a mesma página é exibida em um tablet, ela preenche oito colunas e doze colunas quando exibida em uma máquina de mesa.
Quando você alterna entre os tamanhos de tela na janela de edição do Dreamweaver, o conteúdo do seu site se reorganiza para caber na largura especificada para o tipo específico de tela, e você pode usar o painel Designer de CSS para ajustar a forma, o tamanho e outras propriedades de elementos individuais para se adequar aos diferentes tamanhos de tela.
