Como alternar entre css e modo de html no inspetor de propriedade dreamweaver

O inspetor de propriedades, que é acessível a partir da parte inferior do espaço de trabalho do Dreamweaver, exibe as propriedades disponíveis a qualquer elemento selecionado na página. Assim, as opções no Inspetor de propriedades são diferentes quando uma imagem é selecionada do que quando o texto é selecionado, por exemplo.

Quando nada for selecionado, ou quando você seleciona o texto em uma página, o Inspetor de propriedades é dividido em duas seções: HTML e CSS.

Video: Dreamweaver CC tutorial: Using Live view and CSS Inspect | lynda.com

Note que os botões do lado esquerdo do Inspetor de propriedades fazer alternar entre estes dois modos fáceis.

Se você é novo para CSS e HTML, compreender as diferenças entre estes dois modos podem ser um pouco confuso. Essencialmente, se você usar um ícone de formatação como negrito no modo HTML, Dreamweaver adiciona a tag HTML, o que torna o texto aparecem em negrito na maioria dos navegadores web. Se você usar o mesmo ícone no modo CSS, Dreamweaver cria automaticamente uma regra de estilo que inclui a opção de formatação em negrito.

No modo CSS, você também pode escolher para editar os estilos existentes para adicionar novas opções de formatação de estilos que já são aplicados em textos, imagens ou outros elementos em uma página. Você pode editar um estilo existente, basta selecionar o estilo na lista suspensa Regra-alvo e, em seguida, usando a fonte, tamanho, e outros campos no Inspetor de propriedades para fazer alterações ou adições.

Sempre que você editar um estilo existente que já foi aplicada a elementos em uma página, as alterações feitas para o estilo são aplicadas automaticamente em qualquer lugar o estilo é usado. Este recurso é maravilhoso quando você quer mudar várias coisas ao mesmo tempo, mas pode ser problemático se você quiser fazer um elemento (como um título) aparecem de uma forma em uma página e outra forma em outro lugar.

Sempre que você quiser criar ou editar um estilo, utilize o inspetor de propriedades em modo CSS. Por outro lado, para aplicar um estilo existente a um elemento na página, verifique se você está no modo HTML. Por exemplo, para alinhar uma imagem com um estilo de classe ou aplicar um estilo de ID para uma tag, você precisa estar no modo HTML.

Video: Advanced css / html techniques in Dreamweaver cs 5.5

Para aplicar um estilo no modo HTML, selecione a imagem, texto ou outro elemento na página onde você deseja aplicar o estilo e, em seguida, usar as listas suspensas classe ou ID para selecionar o Dreamweaver estilo- aplica automaticamente.

Da mesma forma, para aplicar uma tag HTML, como o tag, você deve estar no modo HTML. Mas você criar ou editar uma regra CSS para a tag no modo CSS. Claro, você não tem que criar ou editar os estilos com o Inspetor de propriedades. Considere isso um atalho metodolo- você ainda pode preferir usar o painel de Designer do CSS para fazer mudanças significativas para um estilo.