Adobe Muse - Tutorial - Criando um Site Pessoal

Existem duas fases principais envolvidas no processo de construção de um site. O primeiro é projetar a aparência das páginas e o segundo é traduzir o projeto para o produto real - as páginas da web. A primeira etapa exige habilidade de design enquanto a segunda etapa precisa de especialistas de programação. O problema é que encontrar um indivíduo que tem tantas habilidades é difícil. Para aqueles que têm olhos para melhor design (e nenhum interesse na codificação), existe o Muse da Adobe. Este aplicado pode lhe ajudar a publicar seu HTML sem ter que escrever código algum.

Fazendo um site pessoal

Uma pergunta antes de começarmos. Por que alguém iria usar uma ferramenta de WebDesigner como o Muse quando você pode usar WordPress e seus temas? A resposta é "personalização". Mesmo que haja literalmente milhares de temas WordPress por aí, personalizando o tema para realmente atender as nossas necessidades é difícil. Outra razão é que usando um sistema de banco de dados WordPress avançado para um site simples e linear seria um exagero.

Você pode baixar Muse no site . Ele está disponível gratuitamente até a liberação v.1.0 no início de 2012. O aplicativo funciona no Windows e Mac, mas isso requer que o sistema tenha o Adobe AIR instalado.

Para entender melhor como funciona o Muse, vamos tentar usá-lo para criar um simples site pessoal. Comece escolhendo " Create New Site "da janela de inicialização ou no menu File.

Em seguida, você poderá escolher o tamanho do site, escolhendo a largura da página, o número de colunas, margens, etc

O primeiro passo na construção de um site é decidir quantas páginas ele terá e qual é a relação entre as páginas. Você pode facilmente adicionar, excluir e reorganizar páginas na etapa Plan

Clique no botão " + (plus) "botão para adicionar, e os" X "para fechar. Clique no nome da página para mudar o nome, em seguida, arraste e solte para reorganizar.

Na parte inferior da página, você pode ver escrito A-Master. Este é o modelo que será usado em todo o seu site. Então, se há elementos que você deseja manter em todas as suas páginas, Basta colocar na página mestre que ele repetirá em todas as outras páginas.

Construindo meu primeiro site!

·         Se você der um duplo clique em uma das páginas, a mesma será aberta numa nova aba. Você pode começar a construir e projetar as páginas usando as ferramentas na barra de ferramentas superior.

·         Outras ferramentas que irão ajudá-lo ao longo do processo do projeto são os "Painéis" no lado direito. Você pode mostrar ou ocultar esses painéis por meio do menu “Window”

·         Para construir o nosso site pessoal, vamos mudar o fundo através da inserção de uma imagem. Você pode personalizar a imagem, alterando a escala e a posição.

·         Em seguida, vamos adicionar um menu de navegação, escolhendo-o partir do painel Widget, em seguida, arrastando e soltando-o na página.

·         Você pode personalizar o menu de navegação usando este ícone que destaque. Clique na pequena seta azul para chamar a janela de Opções.

·         Você também pode alterar a aparência do texto (tipo, tamanho, cor), utilizando a guia  "Text " nos painéis à direita.

·         Então você pode adicionar textos e retângulos usando as ferramentas na barra de ferramentas. Arraste esses elementos para a posição que você quer e personalize através dos painéis à direita. Para adicionar links externos (ou outros elementos HTML), use o " Insert HTML "no menu em" Object".

·         Anote o código HTML dos links na janela que abre e  clique em OK para adicioná-lo ao site.

·         Semelhante ao dos outros elementos, o código HTML inserido é altamente personalizável. Infelizmente, ainda não podemos mudar a cor do link. Esperemos que este recurso irá aparecer em uma futura versão do Muse

·         Depois que tudo estiver definido, você pode ver o resultado clicando em "Preview" 

Última Etapa

·         Depois que tudo estiver definido, Você já pode colocar o seu site na Internet. Para fazer isso, use o " Export as HTML "menu" File".

·         Decida sobre a localização para salvar o projeto e clique em " Export ".

·         Se você deseja anexar a sua página pessoal a uma URL que você já possui, use qualquer Cliente FTP para carregar tudo dentro da pasta para a sua conta de hospedagem. Consulte o seu provedor de hospedagem sobre isso.

Este pequeno tutorial tem nos mostrado que a criação de um site pessoal usando Muse é tão simples como desenhar no Paint (não precisa exagerar). O Muse, também é capaz de criar sites mais complicados com várias páginas. Vamos postar muitos tutoriais aqui. Fique ligado, adicione este site aos seus favoritos e volte sempre!

O que você achou do Muse? Deixe seu comentário. Abraços e até a próxima. Alexandre - Webdesigner