ferramentas auxiliares para webmasters e webdesigners renato m.e. sabbatini, phd aula
TRANSCRIPT
![Page 1: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/1.jpg)
Ferramentas Auxiliares paraWebmasters e Webdesigners
Renato M.E. Sabbatini, PhD
Aula
![Page 2: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/2.jpg)
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
![Page 3: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/3.jpg)
Tópicos da Aula
• Programação em HTML
• Design Gráfico
• Multimídia
• Promoção do Site
• Utilitários
• Ferramentas de Acesso
![Page 4: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/4.jpg)
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
![Page 5: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/5.jpg)
Editor de HTML
HTMLKit
![Page 6: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/6.jpg)
Editor de HTML (2)
![Page 7: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/7.jpg)
Biblioteca de Referência HTML
The HTML Reference Library
![Page 8: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/8.jpg)
Programação de Folhas de Estilos
EasyStyle
![Page 9: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/9.jpg)
Conversão TXT a HTML
Text2Web
![Page 10: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/10.jpg)
Seletor de Cores de Frente/Fundo
HTMLPaintBrush
![Page 11: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/11.jpg)
Gerador de Rótulos META
MCatis
![Page 12: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/12.jpg)
Auxiliar de Programação de Menus
![Page 13: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/13.jpg)
Auxiliar de Programação de Menus
![Page 14: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/14.jpg)
Validação de Código HTML
CSEHTMLValidatorLite
![Page 15: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/15.jpg)
Validador de Links
Xenu Link Checker
![Page 16: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/16.jpg)
Otimizadores de HTML
HTML Shrinker
![Page 17: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/17.jpg)
Substituição Global em Arquivos
Search &Replace 98
![Page 18: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/18.jpg)
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
![Page 19: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/19.jpg)
Renomeador de Arquivos
Lupas File Rename
![Page 20: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/20.jpg)
Indexação Remissiva
WWW Index Wizard
![Page 21: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/21.jpg)
Indexação Remissiva (2)
![Page 22: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/22.jpg)
Indexação Remissiva (3)
![Page 23: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/23.jpg)
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
![Page 24: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/24.jpg)
Projetando Botões em 3D
3D ButtonCreator
![Page 25: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/25.jpg)
Projetando Letras em 3D
Cool3D
![Page 26: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/26.jpg)
Modelagem de Objetos em 3D
![Page 27: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/27.jpg)
Projeto de Cores
Korax Colour Drop
![Page 28: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/28.jpg)
Otimizador de Imagens JPEG
![Page 29: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/29.jpg)
Animação de GIFs
WWW GIF Animator
![Page 30: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/30.jpg)
Mapas Sensíveis
CuteMap
![Page 31: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/31.jpg)
Captura de Telas
![Page 32: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/32.jpg)
Produção de Catálogos de Imagens
IrfanView
![Page 33: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/33.jpg)
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
![Page 34: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/34.jpg)
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
![Page 35: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/35.jpg)
Produtor de RealMedia
![Page 36: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/36.jpg)
Conversor de PowerPoint para RealVideo
Real SlideShow 2
![Page 37: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/37.jpg)
Conversor de MS MediaPlayer
![Page 38: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/38.jpg)
Gravador de Interações em Tela
HyperCam
![Page 39: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/39.jpg)
Gravação de Interações em Tela
ViewletBuilder
![Page 40: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/40.jpg)
Edição de Arquivos de Sons
GoldWave Editor
![Page 41: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/41.jpg)
Conversor de Formatos de Áudio
ACM Station
![Page 42: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/42.jpg)
Conversor/Editor de Formatos de Áudio
WaveMaker
![Page 43: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/43.jpg)
Editor de Vídeo
VirtualDub
![Page 44: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/44.jpg)
Promoção do Site
• Submissão de sites a catálogos
• Checagem de ranking em catálogos
• Metapesquisa na Web
• Sistema de mala direta
![Page 45: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/45.jpg)
Submissão de Sites a Catálogos
SimpleSubmit
![Page 46: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/46.jpg)
Submissão de Sites a Catálogos (2)
Lista de Catálogos e Buscadores
![Page 47: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/47.jpg)
Checagem de Ranking em Catálogos
![Page 48: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/48.jpg)
Metapesquisa na Web
JOC WebFinder
![Page 49: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/49.jpg)
Sistema de Mala Direta
WorldCast
![Page 50: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/50.jpg)
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
![Page 51: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/51.jpg)
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
![Page 52: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/52.jpg)
Descarregador/Copiador de Sites
HTTrack
![Page 53: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/53.jpg)
Indexador/Organizador de Arquivos HTML
DirHTML
![Page 54: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/54.jpg)
Indexador/Organizador de Arquivos HTML (2)
![Page 55: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/55.jpg)
Visualizador do Cache do Browser
CacheView
![Page 56: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/56.jpg)
Limpador de Disco
CleanDisk
![Page 57: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/57.jpg)
Visualizador de Fontes
FontSee
![Page 58: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/58.jpg)
Ferramentas de Acesso à Internet
• Emulador de terminais (TELNET)
• Gerenciador de descarregamento (FTP)
• Decodificador para Email
![Page 59: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/59.jpg)
Emulador de Terminais (TELNET)
Putty Telnet
![Page 60: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/60.jpg)
Gerenciador de Descarregamento
![Page 61: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/61.jpg)
Decodificador para Email
![Page 62: Ferramentas Auxiliares para Webmasters e Webdesigners Renato M.E. Sabbatini, PhD Aula](https://reader035.vdocuments.mx/reader035/viewer/2022062319/552fc181497959413d8f3a92/html5/thumbnails/62.jpg)
Traçador de rotas IP