Ferramentas Auxiliares para Webmasters 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 HTML Kit

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 HTML PaintBrush

Gerador de Rótulos META MCatis

Auxiliar de Programação de Menus

Validação de Código HTML CSE HTML Validator Lite

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 Button Creator

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 Wave Maker

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 s

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

Emulador de Terminais (TELNET) Putty Telnet

Gerenciador de Descarregamento

Decodificador para

Traçador de rotas IP