Como criar uma página de destino pessoal simples usando o adobe muse

Existem dois principais etapas envolvidas no processo de design do site. O primeiro é projetar a aparência das páginas eo segundo é traduzir o projeto em produto real - as páginas da web. A primeira etapa requer habilidade de design, enquanto a segunda etapa precisa de especialistas de codificação. O problema é encontrar um indivíduo que tem as habilidades é difícil.

Video: Criando site no adobe Muse parte 01

Para aqueles que têm melhores olhos para o projeto (e nenhum interesse em codificação), há musa da Adobe. A empresa alega que este multi-plataforma AR aplicação pode ajudar alguém para criar e publicar sites em HTML sem ter que escrever qualquer código que seja.

Comece a planejar suas Landing Página Pessoal

Uma pergunta antes de começarmos. Por que alguém iria usar uma ferramenta de construção de web como Muse quando você pode usar WordPress e seus temas em vez disso? A resposta é “personalização”. Mesmo que existem literalmente milhares de temas WordPress lá fora, personalizando o tema para realmente adaptar as nossas necessidades é difícil. Outra razão é que o uso de um sistema de banco de dados avançado WordPress para um simples e linear site seria um exagero.

Você pode baixar Muse do site. Ele está disponível gratuitamente até o lançamento v.1.0 no início de 2012. O aplicativo funciona em Windows e Mac, mas isso requer que seu sistema AIR instalado.

Para entender melhor como Muse funciona, vamos tentar usá-lo para criar uma simples página de destino pessoal, algo ao longo das linhas de Flavors.me ou Sobre mim. Comece escolhendo “Criar Novo Site”Da janela de inicialização ou no menu Arquivo.Cinco dicas para criar um olhar fresco Landing Página PessoalCinco dicas para criar um olhar fresco Landing Página Pessoalconsulte Mais informação

• Em seguida, você será solicitado a personalizar seu site, escolhendo a largura da página, o número de colunas, margens, etc.

Video: Tutorial Como Fazer um Site no Adobe Muse

• 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 “Plano”Janela.

• Clique no "+ (Plus)”botão para adicionar, eo“Xbotão”para fechar. Clique no nome da página para mudar o nome, em seguida, arrastar e soltar para reorganizar.

Video: 12 - Criando um site passo a passo - Menu (Página Mestre) Adobe Muse CC

• Na parte inferior da página, você pode ver a página A-Master. Este é o modelo que será usado em todo o site. Então, se há elementos que você deseja manter em todas as suas páginas, seria muito mais fácil se você definir os elementos em A-Master em vez de repeti-los mais e mais.

Comece a construir

• Se você clicar duas vezes uma das páginas, ela será aberta em uma 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 de design são o “painéis" a direita. Você pode mostrar ou ocultar estes painéis através do menu Window.

Video: Adobe muse cc 2014 - Aula online completa aprendendo a construir um site do zero

• Para construir a nossa página de destino pessoal, vamos mudar o fundo através da inserção de uma imagem. Você pode personalizar a imagem alterando a escala e posição.

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

• Você pode personalizar o menu de navegação usando o “opções“. Clique na pequena seta azul para chamar a janela Opções.

• Você também pode alterar a aparência do texto (tipo, cor, tamanho) usando o “Texto”Guia nos painéis à direita.

• Então você pode adicionar textos e retângulos utilizando as ferramentas na barra de ferramentas. Arraste esses elementos para a posição que você quer, e personalizá-los através dos painéis à direita. Para adicionar links externos (ou outros elementos HTML), use a “Inserir HTML”Menu“Objeto“.

• Anote o código HTML dos links na janela de pop-up e clique em OK para adicioná-lo ao site.

• Similar aos outros elementos, o código HTML inserido é altamente personalizável. Infelizmente, nós ainda não pode mudar a cor do link. Esperemos que este recurso irá aparecer em uma futura versão do app.

• Depois que tudo estiver definido, você pode ver o resultado clicando no “visualização" ligação.

O último passo

• Depois que tudo estiver definido, você está pronto para colocar seu site na web. Para fazer isso, use o “exportação como HTML”Menu“Arquivo“.

• Decidir sobre o local para salvar o projeto e clique em “Exportar”.

• Se você deseja anexar a sua página pessoal a uma URL que você já possui, utilize qualquer decente cliente FTP para carregar tudo dentro da pasta para sua conta de hospedagem web. Desde diferentes provedores de hospedagem utilizar diferentes configurações, consulte o seu provedor de hospedagem sobre isso.

Esta curta experiência tem nos mostrado que a criação de uma página de destino pessoal usando Muse é tão simples como adicionar e personalizar elementos. Mas Muse também é capaz de criar sites mais complicados com várias páginas. Há muitos exemplos de sites que mostram o Muse pode fazer no seu “Mostruário" página. Para saber mais sobre Muse, você pode visitar o “Aprender" página.

O que você acha sobre Muse? você vai tentar usar essa ferramenta para ajudar a construir o seu site? Compartilhe seus pensamentos nos comentários abaixo.