howhenno.ru

Como construir uma carteira com Dreamweaver

Um portfolio online é frequentemente utilizado por web designers, artistas gráficos ou fotógrafos para fazer propaganda de seu trabalho para clientes potenciais. Com a ferramenta de edição de site Adobe Dreamweaver e uma ferramenta complementar de edição gráfica, você pode facilmente criar um portfólio na web com imagens em miniatura de seu trabalho um visualizador pode clicar para ver versões maiores e mais informações ou para visitar um site ao vivo você projetou.

Coisas que você precisa

  • Gráficos web software de edição (Adobe Fireworks recomendado)
  • Adobe Dreamweaver
  • Imagens para a sua carteira

Criar imagem Miniaturas

  • Abra sua ferramenta de edição gráfica e, em seguida, abrir uma das imagens para a sua carteira.

    Imagem em tamanho Real Inaugurado em Adobe Fireworks
  • Clique na imagem e redimensioná-la para uma miniatura de aproximadamente 150 a 200 pixels de largura. No Fireworks, o software usado para o exemplo mostrado aqui, o comando Tamanho da Imagem é encontrado no menu Modificar -> Canvas.

  • Exportar a miniatura como um novo arquivo JPG com um nome que indica que é a miniatura. No Fireworks, para exportar menu de uso Arquivo -> Visualização da imagem e selecione JPG como formato de arquivo.

    Exportação Thumbnail como um JPG


  • Repita os passos acima para criar miniaturas de todas as imagens para o seu portfolio.

Criar página da Web para miniaturas

  • Abra Dreamweaver e clique em "Criar novo" no menu principal para iniciar um novo documento HTML.

    Dreamweaver Workspace
  • Digite algum texto para descrever que tipo de carteira é isso e, em seguida, pressione a tecla Enter.



  • Clique no botão Inserir imagem na barra de ferramentas superior para adicionar uma miniatura para a página.

    Botão Inserir Imagem
  • Clique na imagem uma vez para selecioná-lo e escolher o alinhamento Oriente a partir das propriedades Inspector para que o texto digitado ao lado da miniatura irá alinhar com o centro da imagem.

    Alinhe Configuração de imagem
  • Digite algum texto ao lado da miniatura para descrever o que é.

  • Vídeo: EXTRATOR DE PAGINAS TELEFONES E EMAILS BREAKDESENVOLVIMENTOS

    Digite um par de retornos de carro e inserir outra miniatura e texto descritivo. Repita o procedimento para todas as suas miniaturas.

    Portfolio simples página com miniaturas


  • Clique no menu Arquivo e selecione Salvar para salvar seu progresso até agora.

Criar Ficha de Páginas

  • Clique no menu Arquivo e depois em Novo para iniciar um novo documento HTML. Esta será a página que aparece quando alguém clica em seu primeiro miniatura.

  • Digite algum texto na parte superior da página para indicar que o projeto desta página está detalhando.

  • Clique no botão Inserir imagem na barra de ferramentas e adicionar uma imagem maior ou full-tamanho que você quer para mostrar aos clientes.



  • Clique no menu Arquivo e selecione Salvar para salvar esse novo arquivo.

  • Repita essas etapas e criar páginas de detalhes para todos os itens em seu portfólio.

Fazer a ligação Miniaturas para Detalhes Pages

  • Clique duas vezes a página com as miniaturas na sua lista de arquivos Site Local no lado direito da tela para abri-lo, se não é ainda em aberto na tela.

  • Clique uma vez sobre uma miniatura para selecioná-lo.

  • Inserir um link a partir desse miniatura para a página de detalhes associado com ele, clicando no ícone de pasta à direita da caixa "Link" no Inspetor de propriedades e escolher o arquivo de caixa de diálogo, ou usando o "Point to File" cruz -hairs ícone ao lado da caixa link e arrastando o ponteiro para o arquivo na sua lista de arquivos site local à direita.

    Adicionar link Configuração
  • Repita os passos acima para adicionar links para todas as suas miniaturas.

  • Vídeo: Como Criar um site em 5 passos simples e com Baixo Investimento

    Clique no menu Arquivo e selecione Salvar para salvar as alterações.

  • Faça o upload dos arquivos de carteira para o seu servidor web usando o azul "up" seta na lista de arquivos do site local à direita e, em seguida, testar as páginas no seu navegador web.

dicas avisos

  • Se o seu portfólio inclui miniaturas de sites que você criou e esses sites são ao vivo, você pode adicionar um link para os sites de mostrá-las em vez de criar uma página de detalhes em separado sobre o projeto.
  • Para impedir que as pessoas o download de suas imagens em tamanho real do seu portfólio, você pode querer adicionar uma marca d`água a eles com a sua ferramenta de edição gráfica. Uma linha de texto com uma opacidade baixa em toda a parte principal da imagem vai funcionar.
Compartilhar em redes sociais:

Similar