Photoshop é um design gráfico e fotografia aplicativo de edição desenvolvido pela Adobe . É a líder de mercado em software de edição de imagem digital. Seus recursos incluem a capacidade de criar e manipular gráficos para impressão e uso da web . Ele também inclui muitos recursos para ajudar os usuários no design do site e codificação . Não só o software otimizar imagens para o uso da web , também pode gerar folhas de estilo em cascata e o HTML necessário para incluir gráficos em páginas da web. Coisas que você precisa
software de edição de HTML
Show Mais instruções
1

Crie a sua imagem. Quando você tiver terminado , use a ferramenta " Slice" de Photoshop para dividir a imagem em seções. Use a ferramenta " Slice Select " para mudar o nome de cada seção com nomes que correspondem à organização do seu site. Por exemplo, se sua imagem inclui botões de navegação do site , seções de nomes nessa área "nav ". Estas seções corresponderá a tag "div " em seu código CSS.
2

Na barra de menu do botão " Arquivo" e depois escolha "Salvar para web e dispositivos. " Escolher " 2-Up " ou "4 -Up" das abas acima da área de imagem para uma seleção de previews. Escolha as opções desejadas para a sua imagem na seção " preset ". Seleccione a visualização da imagem que melhor corresponda às suas especificações visuais. Clique em " Salvar".
3

Digite o nome do arquivo no campo " Nome do arquivo " . Selecione "HTML e imagens " em " Salvar como tipo" campo . Selecione "Outro" no campo Configurações. Uma caixa de diálogo " Configurações de saída " irá aparecer. Em Configurações suspenso selecione "Personalizar ". Selecione o botão "Next" até ver a seção " Fatia de saída" . Selecione o botão "Generate CSS" .
4

Escolha o formato do CSS no menu Referenciado saída. Para uma folha de estilos externa , selecione " Por ID " ou " por classe ". Seu CSS será organizado por qualquer elemento que você escolher. Se você quiser que o seu CSS para ser inline ( incluído no topo da sua página HTML) selecione " em linha ".
5

selecionando Concluir outras opções em Configurações de saída . Quando terminar , clique em " OK. " No campo Fatias selecionar o que corta você quer ser incluído na saída CSS. Certifique-se que você navegou para o lugar onde você quer que o arquivo a ser localizado no " Salvar otimizado como" área de gerenciador de arquivos. Clique em " Salvar".
6

Abra o arquivo HTML que você criou em seu programa de edição de HTML. O seu código HTML , com CSS, será onde quer que você salvou no seu computador e pronto , quer inserir em uma página da web que você criar ou como uma página da Web independente . Modificar o código , se necessário, ao seu gosto.
7

Abra o arquivo no seu navegador de escolha para ver o arquivo para verificar se há algum problema e para se certificar de que corresponde à imagem que criou no Photoshop.