Crie o seu site ou blog, e deixe Illustrator criar o código. Projete seu trabalho artístico no Illustrator ou importá-lo a partir de seu programa gráfico favorito , como Photoshop, Fireworks ou Corel . Você pode usar as guias do Illustrator para o layout de seu projeto, e ele permite que você atualizar o site , se você ou um cliente precisa para mudar isso. Instruções
1
Abra o Illustrator e crie um novo documento , clicando em " Arquivo" e " Novo". Digite " 960 pixels " para a largura e " 1.500 pixels " para a altura . Defina o modo de cor para "RGB ". Clique em "Exibir " e " Tamanho real " para definir sua visão de zoom para 100 por cento.
2
Desenhar caixas clicando na ferramenta " Retângulo " na barra de ferramentas para representar que o texto e as imagens vão . Ajuste conforme a necessidade de estabelecer um equilíbrio .
3
Criar linhas de orientação em torno das caixas clicando com o botão direito sobre os retângulos e clique em "Make Guides ". Abra o painel de camadas , clicando em " Janela " e "Layer ". Mudar o nome Layer 1 "Layout ", e bloquear a camada clicando na caixa ao lado do ícone de olho.
4
Crie uma nova camada acima da camada de "Layout" , clicando no ícone " New Layer" na parte inferior do painel da camada . Nome da camada "Home ". Repita esse processo para outras páginas , como " Sobre ", " Contato " e " Blog ".
5
Acrescente seu conteúdo a cada camada , como texto, imagens, parágrafos e logos , ajustando a disposição quando necessário.
6
Prepare o seu site através da criação de fatias. Clique na camada "Layout " e depois " objeto ", " fatia " e "Criar a partir de Guias ".
7
Salve o arquivo , clicando em " Arquivo" e "Salvar para Web e dispositivos. " No painel pop-up, criar links clicando no botão " Home" fatia e digite uma URL para o seu link de origem. Repita esse processo para outros links. Clique em "Salvar " quando terminar e dar-lhe um nome como " index.html ".
8
Repita o processo acima para as outras camadas clicando na camada como "About ", salvar o arquivo , clicando em " Arquivo" e "Salvar para web e dispositivos, " a criação de links e salvar com um nome como " about.html ".
9
Teste seus arquivos para garantir que os links funcionam , ajuste se necessário, e fazer o upload para o seu servidor .
