Upload
internet
View
109
Download
1
Embed Size (px)
Citation preview
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