Como fazer um portfólio com o Dreamweaver

Escrito por katelyn kelley | Traduzido por marla maisonnett
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer um portfólio com o Dreamweaver
Passo 1

Um portfólio online é frequentemente utilizado por web designers, artistas gráficos e fotógrafos para divulgar seu trabalho para potenciais clientes. Com a ferramenta para edição de sites da Adobe, o Dreamweaver, junto com outro programa para edição de imagens, você pode facilmente criar um portfólio na internet com miniaturas de imagens dos seus trabalhos para que o visitante possa aumentá-las e ver informações detalhadas da imagem ou acessar o site desenhado.

Nível de dificuldade:
Fácil

Outras pessoas estão lendo

O que você precisa?

  • Programa para edição de gráficos para a internet (o Adobe Fireworks é recomendado)
  • Adobe Dreamweaver
  • Imagens para seu portfólio

Lista completaMinimizar

Instruções

    Crie as miniaturas das imagens

  1. 1

    Abra sua ferramenta de edição de imagens e abra uma das imagens do seu portfólio.

    Como fazer um portfólio com o Dreamweaver
    Passo 1
  2. 2

    Clique na imagem e redimensione-a como miniatura, no tamanho aproximado de 150 a 200 pixels de largura. No Fireworks, o programa utilizado para este exemplo, o comando "Tamanho de imagem" se encontra no menu "Modificar", "Imagem".

  3. 3

    Exporte a miniatura como um arquivo JPG com um nome que o indique como tal. No Fireworks, para exportar, utilize o menu "Arquivo", "Pre-visualização de imagem" e selecione o formato JPG.

    Como fazer um portfólio com o Dreamweaver
    Passo 2
  4. 4

    Repita os processos acima para criar as miniaturas de todas as imagens do seu portfólio.

    Crie a página para as miniaturas

  1. 1

    Abra o Dreamweaver e clique em "Create New" (Criar novo) no menu principal, para iniciar um novo documento HTML.

    Como fazer um portfólio com o Dreamweaver
    Passo 3
  2. 2

    Digite algum texto para descrever o tipo de portfólio e então pressione a tecla "Return".

  3. 3

    Clique no botão "Insert Image" (Inserir imagem) na barra de ferramentas e adicione a miniatura à página.

    Como fazer um portfólio com o Dreamweaver
    Passo 4
  4. 4

    Clique uma vez na imagem para selecioná-la e escolha o alinhamento central no "Properties Inspector" (Inspetor de propriedades) para que o texto ao lado da miniatura se alinhe com o centro da imagem.

    Como fazer um portfólio com o Dreamweaver
    Passo 5
  5. 5

    Adicione a descrição da miniatura.

  6. 6

    Digite algumas quebras de linhas e insira outras miniaturas com suas respectivas descrições. Repita o mesmo com todas as miniaturas.

    Como fazer um portfólio com o Dreamweaver
    Passo 7
  7. 7

    Clique em "File" (Arquivo) e selecione "Save" (Salvar) para salvar seu trabalho.

    Crie a página com os detalhes do portfólio

  1. 1

    Clique no menu "File" (Arquivo), depois em "New" (Novo) para iniciar um novo documento HTML. Esta será a página que aparecerá quando alguém clicar na primeira miniatura.

  2. 2

    Digite algum texto na parte superior da página para indicar qual desenho esta página está descrevendo.

  3. 3

    Clique no botão para inserir imagens e adicione a imagem maior ou com seu tamanho completo para exibir aos clientes.

  4. 4

    Clique em "File" (Arquivo) e novamente em "Save" (Salvar) para salvar o novo arquivo.

  5. 5

    Repita esses passos para criar páginas detalhando todos os itens do seu portfólio.

    Vincule as miniaturas com as páginas de detalhes

  1. 1

    Clique duas vezes na página com as miniaturas na lista de arquivos do seu Site Local do lado direito da tela para abri-lo, caso ainda não esteja aberto.

  2. 2

    Clique uma vez na miniatura para selecioná-la.

  3. 3

    Para inserir um link vinculando à página das miniaturas com a página com os detalhes clique no ícone da pasta ao lado de "Link" no menu "Properties Inspector" (Inspetor de propriedades) e escolha o arquivo, ou use o ícone "Point to File" (Apontar para o arquivo) ao lado de "Link" e arraste o ponteiro do mouse até o arquivo na lista de arquivos do Site local do lado direito.

    Como fazer um portfólio com o Dreamweaver
    Vincule as miniaturas com as páginas de detalhes
  4. 4

    Repita os passos acima para adicionar os links a todas as miniaturas.

  5. 5

    Clique em "File" (Arquivo) e depois em "Save" (Salvar) novamente.

  6. 6

    Suba os arquivos do portfólio no seu servidor web usando a seta azul para cima na lista de arquivos, e depois teste as páginas no seu navegador.

Dicas & Advertências

  • Se o seu portfólio incluir miniaturas dos sites que você criou, e os mesmos ainda estejão disponíveis na internet, é possível adicionar um link aos sites para exibí-los ao invés de criar uma página somente para exibir seu desenho.
  • Para evitar que as pessoas baixem suas imagens em tamanho real desde o seu portfólio, é possível adicionar uma marca d'água a elas com seu programa de edição gráfica. Uma linha de texto um pouco opaca em cima da porção principal da imagem será suficiente.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível