Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula

Ferramentas Auxiliares paraWebmasters e Webdesigners

Renato M.E. Sabbatini, PhD

Aula

Objetivos da Aula

• Identificar um conjunto completo de ferramentas de software que podem ser usados por webmasters e webdesigners para o trabalho de desenvolvimento de sites

• Exemplificar e indicar softwares gratuitos para Windows em cada categoria

Tópicos da Aula

• Programação em HTML

• Design Gráfico

• Multimídia

• Promoção do Site

• Utilitários

• Ferramentas de Acesso

Programação em HTML• Editor de HTML• Conversão de arquivos para HTML• Biblioteca de referência da linguagem HTML• Programação de folhas de estilos• Seletor de cores• Gerador de rótulos META• Auxiliar de programação de menus• Validador de código HTML• Validador de links• Substituição global de arquivos

Editor de HTML

HTMLKit

Editor de HTML (2)

Biblioteca de Referência HTML

The HTML Reference Library

Programação de Folhas de Estilos

EasyStyle

Conversão TXT a HTML

Text2Web

Seletor de Cores de Frente/Fundo

HTMLPaintBrush

Gerador de Rótulos META

MCatis

Auxiliar de Programação de Menus

Auxiliar de Programação de Menus

Validação de Código HTML

CSEHTMLValidatorLite

Validador de Links

Xenu Link Checker

Otimizadores de HTML

HTML Shrinker

Substituição Global em Arquivos

Search &Replace 98

Exercício 1• Gere uma página inicial, com os códigos META embutidos, usando

o programa MCATIS. Salve o arquivo HTML em disco• Escolha as cores de letra e fundo usando o programa HTML

PaintBrush e cole o código resultante na página• Gere um menu “pull down” usando o programa Link*Launcher e

insira no começo da página• Abra a página no software HTML Kit e complete a programação.

Coloque vários links externos e internos.• Cheque a validade do código usando o programa CSE HTML

Validator Lite• Cheque a validade dos links usando o programa Xenu Link Checker

Renomeador de Arquivos

Lupas File Rename

Indexação Remissiva

WWW Index Wizard

Indexação Remissiva (2)

Indexação Remissiva (3)

Design Gráfico• Projeto de botões em 3D• Projeto de letras em 3D• Projeto de cores• Animação de GIFs• Mapas sensíveis• Captura de telas• Produção de catálogos de imagens• Conversão de imagens

Projetando Botões em 3D

3D ButtonCreator

Projetando Letras em 3D

Cool3D

Modelagem de Objetos em 3D

Projeto de Cores

Korax Colour Drop

Otimizador de Imagens JPEG

Animação de GIFs

WWW GIF Animator

Mapas Sensíveis

CuteMap

Captura de Telas

Produção de Catálogos de Imagens

IrfanView

Exercício 2

• Produza dois botões de navegação e um título em 3D, usando os programas Cool3D e 3DButton e insira-os em uma página em HTML

• Produza um mapa sensível com pelo menos três áreas e insira-o na página

Multimídia

• Produtor de RealMedia• Conversor de PowerPoint para RealVideo• Conversor de MediaPlayer• Gravador de interações em tela• Edição de arquivos de som• Conversor de arquivos de som• Editor de vídeo• Conversor de formatos de vídeo

Produtor de RealMedia

Conversor de PowerPoint para RealVideo

Real SlideShow 2

Conversor de MS MediaPlayer

Gravador de Interações em Tela

HyperCam

Gravação de Interações em Tela

ViewletBuilder

Edição de Arquivos de Sons

GoldWave Editor

Conversor de Formatos de Áudio

ACM Station

Conversor/Editor de Formatos de Áudio

WaveMaker

Editor de Vídeo

VirtualDub

Promoção do Site

• Submissão de sites a catálogos

• Checagem de ranking em catálogos

• Metapesquisa na Web

• Sistema de mala direta

Submissão de Sites a Catálogos

SimpleSubmit

Submissão de Sites a Catálogos (2)

Lista de Catálogos e Buscadores

Checagem de Ranking em Catálogos

Metapesquisa na Web

JOC WebFinder

Sistema de Mala Direta

WorldCast

Exercício 3

• Carregue as páginas prontas nos exercícios 1 e 2 no servidor ligado à Internet, usando o programa WebPublishing Wizard

• Registre o site em vários catálogos e buscadores, usando o programa SimpleSubmit

• Duas semanas depois, use o programa WebRanking para ver se o site for registrado e que posição ocupa

• Utilize o programa JOC WebFind para fazer uma busca de alguma página específica que você carregou

• Usando o programa WorldCast, anuncie a existência do site para um grupo de emails

Utilitários

• Descarregador/copiador de sites• Indexador/organizador de arquivos HTML• Visualizador do cache do browser• Limpador de disco• Visualizador de fontes• Identificador de domínios de países

Descarregador/Copiador de Sites

HTTrack

Indexador/Organizador de Arquivos HTML

DirHTML

Indexador/Organizador de Arquivos HTML (2)

Visualizador do Cache do Browser

CacheView

Limpador de Disco

CleanDisk

Visualizador de Fontes

FontSee

Ferramentas de Acesso à Internet

• Emulador de terminais (TELNET)

• Gerenciador de descarregamento (FTP)

• Decodificador para Email

Emulador de Terminais (TELNET)

Putty Telnet

Gerenciador de Descarregamento

Decodificador para Email

Traçador de rotas IP