Criando páginas HTML com BlueGriffon

BlueGriffon é um software open source que facilita o desenvolvimento de páginas para WEB. Pode ser utilizado tanto por desenvolvedores iniciantes como por desenvolvedores experientes.

Para os iniciantes, o BlueGriffon facilita o aprendizado das tags e da estrutura das páginas, já para os experientes, o BlueGriffon  aumenta a produtividade no desenvolvimento de páginas e sites.

Download do BlueGriffon 

O software é gratuito e pode ser baixado no site oficial do desenvolvedor; http://bluegriffon.org/#download

Após o download, basta executar o instalador. O BlueGriffon não possui versão em português, portanto, durante a instalação se atente para escolher a versão em Inglês.

Criando minha primeira página no BlueGriffon

Após instalar o BlueGriffon  você verá a seguinte interface.

Agora siga os passos:

  1. Assim como qualquer editor de texto, para criar um novo documento HTML clique no menu File > New
  2. Na parte inferior da interface, clique em Dual View, isso irá facilitar o uso do BlueGriffon. 
    Do lado direito você terá um editor visual (também chamado de editor WYSIWYG) e do lado esquerdo, um editor de códigos.
  3. Perceba que no código HTML, a página se encontra sem título, então, coloque um título para ela.
  4. Agora, você poderá digitar seus textos no editor visual que o código será automaticamente criado no editor de texto conforme mostra a imagem, legal heim!!!!

Adicionando elementos HTML

Agora podemos adicionar uma série de elementos de forma automatizada, desde que você conhece os elementos e saiba para que servem. Todos os elementos que podem ser adicionados de forma automática ficam no menu Insert.

 

Formatando os elementos HTML

Toda a parte de formatação fica disponível no menu Format, onde você poderá encontrar uma grande coleção de formatações.

Um atalho a estas formatações podem se encontrados no menu lateral do BlueGriffon

 

Salvando e visualizando a página criada.

Depois de criar sua página, clique no ícone do planeta.

O BlueGriffon irá salvar a página e logo em seguida executá-la no navegador.

Agora é só explorar o BlueGriffon e estudar… bons estudos e até a próxima!