Page 1
WEB DESIGNER
Falando sobre projeto, como organizar um curso, pastas, etc
Falando sobre HTML, XHTML e XML
Falando sobre JavaScript / Ajax
Falando sobre a nomenclatura dos arquivos
Falando sobre contratos e briefings
Falando como adquirir o Dreamweaver CS4 Trial
A interface do dreamweaver (ativar/desativar a welcome screen)
dreamweaver
estilos entre o Dreamweaver CS3 e o CS4
Page Properties
Entendendo o painel document completo
documento e tempo
para carregar, encoding, etc
Falando sobre Keyboard Shorcuts
Falando sobre a barra Standard e Style Rendering
entendendo painel de gerenciamento
entendendo detalhadamente
Dicas sobre recursos apos definir um site
gerados.
-ordenadas (explicando detalhes)
Criar linha horizontal (explicando detalhes)
Como adicionar caracteres especiais / sup / sub
Falando sobre encoding e erro
Entendendo medidas: % e em.
Page 2
WEB DESIGNER
Mostrando como alterar a propriedade h1 e h2 via css, criando um novo estilo tag para o mesmo arquivo
.css, explicando detalhadamente a parte de css
Formatando h3 e h4
-indent (recuo da primeira linha).
Como importar CSS e aplicar todas a
Falando sobre o H Space e sobre o V Space / Mostrando como criar uma classe css aplicando margem para
separar a imagem do texto (via dreamweaver)
Mostrando alterar brilho / contraste / resample / sharpen
Mostrando como editar uma imagem usando o fireworks a partir do dreamweaver
ando um css
Explicando o painel assets / mostrando como inserir swf
(HTTP://WWW...)
Criar um estilo para o seletor a e alterar as cores de um link
Criar um estilo para a:hover
tes, etc dos links (editar css)
Mostrando como trazer o mapa do Google para um documento (via link e via iframe)
Criar link de email (mailto)
Cri
Como criar um site em Tableless/DIV/CSS
Como criar um template
Como alterar o template e atualizar os itens/pages do site
Page 3
WEB DESIGNER
Tabelas
Como inserir/excluir linhas e colunas
Como importar dados tabulares e como classificar dados em ordem crescente e decrescente.
Como criar um site completo em tabelas
Como criar fundo auto-
DIVs (usando css do dream)
Montagem de um Site Completo em CSS/Tableless
Validator W3
Text Field
Hidden Field
Textarea
Checkbox / Checkbox Group
Radio Button / Radio Group
List/Menu
Jump Menu
Button
Image Field
File Upload
Spry Validation Text Field
Spry Validation Textarea
Spry Validation Checkbox
Spry Validation Select
Spry Validation Password
Spry Validation Confirm
Spry Validation Radio Group
Spry Menu Bar
Spry Tabbed Panels
Spry Accordion
Spry Collapsible Panel
Spry Tooltip
Comportamentos (Behaviors)
Page 4
WEB DESIGNER
Janela pop-up
Check plugin
Goto url para redirecionamento (onLoad)
Rollover image
Effects em images (fade/appear)
Effects em images (grow)
Create web photo album
SpryData Set
Criar a tabela para o dataset
Importar HTML e gerar o dataset
Personalizar o CSS do Dataset
Mostrando como criar um Access key (ctrl+shift+letra de atalho) e long description
Adicionar tabela com acessibilidade
o 16
Liveview / Code Navigator
Externalize Javascript
Find and Replace
Como criar comandos usando o painel history
Como criar um lembrete
Livros referenciais do dreamweaver (window>results>references)
ulo 18
Validando documentos
Site Reports
Link Checker
Falando sobre alterar nome de arquivos dentro do Dreamweaver
Revisando o painel ASSETS / Como adicionar imagens como favoritas
Snippets
Page 5
WEB DESIGNER
Como criar um snippet
Com aplicar um snippet em um novo documento
Publicar arquivos via Dreamweaver
o Sincronizar site
Mostrando como salvar um arquivo e publicar logo em seguida
Falando sobre o Adobe InContext Editing
seguida
Criar uma conta Adobe (ID)
Novidades: CSS Live, suporte a Wordpress, Joomla, Drupal, entre outros.
Como criar um site no Dreamweaver CS5 (com e sem tecnologia de servidor)
Configurar um site para wordpress
Configurar um site para joomla
Configurar um site para Drupal
CSS Enable (habilitar e desabilitar css)
Live Code
Live View e Inspect
Live View e Inspect com Site Online
Adobe Browser Lab
PHP Hiting (o novo suporte ao PHP)
Code Hiting (Site>Site-Especific Code Hints)
WidGet Browser
Criando efeito jQuery Zoom (zoom ao passar o mouse em uma imagem)
Criando janela Twitter (exibindo em tempo real o seu twitter)
Criando Editor de textos
Page 6
WEB DESIGNER
Business Catalyst
Integrando Dreamweaver CS5 com PHP e MySQL
Page 7
WEB DESIGNER
A estrutura de um documento HTML
Criando primeiro documento
Trabalhando com imagens
Criando Links
Apresentando o Dreamweaver CS4
Wireframe
Entendendo os Doctypes
Criando o primeiro XHTML
Criando XHTML com CSS (Interno e Externo)
Entendendo os Diferentes tipos de Seletores
Elementos em Bloco e em Linha
Propriedade Font
Propriedade Text
Propriedade Margin
Propriedade Padding
Trabalhando com DIV
Propriedade Position
Propriedade Float e Clear
Trabalhando com Listas
Criando Menu Com Listas Horizontal
Criando Menu Com Listas Vertical
Criando Menu Com Listas e Com Sub-menu
Layout de 2 Colunas
Layout de 3 Colunas
Page 8
WEB DESIGNER
Propriedade Overflow
Display e Visibility
A Tag <form>
Campos de Texto e de Senha
Campo Select
Radio
Checkbox
Hidden / Button
Fieldset e Label
Projeto Final
Page 9
WEB DESIGNER
CURSO FIREWORKS CS5 COMPLETO
-
Como realizar o download do Fireworks CS5
- Conhecendo o Fireworks CS5
Conhecendo a interface do Fireworks CS5
Como criar um novo documento
Canvas size
Painel de Propriedades
-
Criando Seta Especial
Criando Seta Linha
anfrado
Criando outras formas
- Trabalhar com Grid e Guides
Como mostrar e configurar sua Grade (Grid)
Como adicionar Guides
- Como aplicar Gradientes
Como aplicar gradiente linear
Como aplicar gradiente radial
Como aplicar outros gradientes
Como aplicar texturas
Criando o primeiro banner
Como aplicar patterns
- Ferramenta de Texto
Page 10
WEB DESIGNER
Aplicar borda e gradiente
Como adicionar texto ao caminho
Como converter um texto em curvas
Scale, Skew e Distort
Scale
Skew
Distort
- Filtros
Filtro Drop Shadow
Filtro Glow / Inner Glow / Inner Shadow
Filtro Blur / Gaussian Blur / Motion Blur
Filtro Bevel
Filtro Photoshop Live Effects
Filtro Brightness/Contrast
Filtro Auto Levels / Levels
Filtro Curves
Filtro Matiz/Saturation
-
Marquee tool
Oval marquee tool
Hand / Zoom
Lasso tool
Polygon lasso tool
Pen tool
Ferramenta Magic Wand
- Blend Mode
Entendendo Blend modes
Exemplo 1 Tatuagem
Exemplo 2 Cores gradiente
Exemplo 3 Textura
Exemplo 4 Textura
- Paths e Combine Paths
Join path
Slipt paths
Union paths
Intersect paths
Page 11
WEB DESIGNER
Punch paths
Divide paths
Exclude paths
Trim paths
Crop paths
Extrude paths
Blend paths
- Ferramentas de Imagem
Aplicar GrayScale (foto em preto e branco)
Aplicar Sepia Tone (foto envelhecida)
Aplicar Fade com Auto Vector Mask
Criando efeito de reflexo
Ferramenta Rubber Stamp
Blur no tratamento de imagens
Dodge Tool
Red eyes (remover olhos vermelhos)
- Camadas
Introd
Criando Camadas / Empilhamento de camadas
Criar subcamadas / exportando como psd
Compatibilidade de camadas entre Photoshop / Fireworks / Flash
-
Gerando HTML
-
-
Page 12
WEB DESIGNER
- Rollovers
Criando menu pop-up (visual)
Criando menu pop-
Criando menu pop-
Criando menu pop-up (exportando HTML)
Criando menu pop-up (importando no Dreamweaver)
- Como criar um GIF animado
Otimizar fotos para internet
Usando o Export Wizard
- Criar Comandos
Criar um comando simples
Alterar o nome e excluir um comando
Como aplicar um Batch Process
Como aplicar a outras fotos um Script
- Slide Show
Criando um slide show / galeria de fotos
Como adicionar mais imagens ao slide show
- Site Adriano Gianini
Apresentando o site
Criando o banner
Criando o menu
Criando os sub-menus (menu pop-up)
Criando a categoria idiomas
Cr
Criando menus acima do banner
Exportando o site
Ajustes no Dreamweaver
- Site de Hotel
Page 13
WEB DESIGNER
Apresentando o site
Criando o menu principal
Criando efeito over no menu
Criando banner principal
Criando corpo do site
Exportando site
Diagramando no Dreamweaver
Page 14
WEB DESIGNER
1. Conhecendo alguns detalhes do photoshop cs5
1.1.
1.2. Tipos de imagens rgb, cmyk
1.3. Adquirindo uma imagem
1.4. Scanner, utilizando o bridge, abrindo arquivos
2.
2.1. Abrindo o photoshop
2.2.
2.3.
2.4. Utilizando o zoom
2.5. Ferramenta hand
2.6. Canvas
2.7. Tamanho da imagem
2.8. Painel history
2.9. Ferramenta history brush
2.10. Ferramenta art history brush.
3. Modo
3.1. Rectangular/elliptical and single marquee tool
3.2. Lasso/polygonal e magnetic tool
3.3. Menu select
3.3.1.
3.3.2.
3.3.3. Canal alpha
3.4. Quick selection /magic wand
3.5.
3.6. Feather
3.7. Quick mask
3.8. Pen tool
3.9.
3.10. Utilizando a quick mask para selecionar
Page 15
WEB DESIGNER
3.11. Refine and edges explorando as possibilidades
4. Trabalhando com cores
4.1.
4.2. Painel color
4.3. Painel swatches
4.4. Ferramenta paint bucket
4.5.
4.6. Escala de cinza
4.7.
4.8. Utilizando gradientes
4.9. Ferramenta Paint Bucket
4.10.
4.11. Ferramenta eye dropper
5. Utilizando os brushes
5.1. Ferramenta brush
5.2. Configurando um brush
5.3. Criando um brush
5.4. Ferramenta color replacement
5.5. Ferramenta mixer brush
6. Ferramenta eraser
6.1.
7. Ajustes em imagens
7.1. Imagens com alta qualidade (HDR)
7.2. Ferramenta Patch
7.3. Content Aware
7.4. Levels
7.5. Ajuste hue / saturarion
7.6. Brightness/contrast
7.7. Auto color
7.8. Shadows and highlights
7.9. Curves
7.10. Photo filter
7.11. Invert
Page 16
WEB DESIGNER
7.12. Equalize
7.13. Threshold
7.14. Posterize
7.15. Variations
7.16. Ferramenta dodge
7.17. Ferramenta burn
7.18. Ferramenta sponge
7.19. Ferramenta desaturate
7.20. Ferramenta red eyes
8. Trabalhando com retoques
8.1. Ferramenta blur
8.2. Ferramenta sharpen
8.3. Ferramenta smudge
8.4. Unsharp mask
8.5. Clone stamp
8.6. Content aware
9. Entendendo as layers
9.1.
9.2. Criando uma layer
9.3. Nomeando uma layer
9.4. Bloqueando uma layer
9.5. Transformando uma layer
9.6. Modificando os objetos de uma layer
9.7.
10. Trabalhando com textos
10.1. Ferramenta texto
10.2.
10.3. enta type tool
10.4. Formatando textos
10.5. Rasterizando camadas de texto para usar perspectiva
10.6.
11. Efeitos em imagens
11.1. Drop shadow
Page 17
WEB DESIGNER
11.2. Inner shadow
11.3. Outer glow
11.4. Inner glow
11.5. Bevel and emboss
11.6. Satin; color overlay
11.7. Gradiente overlay
11.8. Pattern overlay
11.9. Stroke; painel styles
11.10. Criando um style
11.11. Trabalhando com blend mode (efeitos em imagens)
12. Transformando imagens
12.1. Puppet Warp
12.2. Trabalhando com transform (scale, rotate, skew, flip...)
12.3. Perspective
12.4. 3D
12.4.1. 3D realista
12.4.2. 3D extrusions
13. Actions
13.1. Criando Actions
13.2.
14. Filtros
14.1. Filters gallery
14.2. Utilizando os filtros em imagens
14.3. Usando o Filtro Extract
15. Salvando arquivos
15.1.
15.2. Salvando em psd
15.3. Salvando em jpg
15.4. Salvando para web
Page 18
WEB DESIGNER
1-
Paletas
Grades
Guias
Workspace
2- Produzindo documentos
Tamanho do papel
3-
Selection Tool
Magic Wand
Direct Selection
Group Selection
Lasso tool
4- Elementos da Barra de Ferramentas
Ferramenta Pen Tool
Ferramentas vetoriais
Ferramenta Pencil
Ferramenta Brush
Utilizando a ferramenta Brush com a Tablet
Draw Modes
Ferramenta Eraser/Scissors/Knife
Ferramenta Blob Brush
5-
Alinhar e distribuir
Ferramenta Free Transform
Efeitos da Barra de Ferramentas
Envelope Distort
Make with Warp
Make with Mesh
Make with Top Object
Painel Pathfinder
Page 19
WEB DESIGNER
6- Trabalhando com efeitos
Envelope Distort
Make with Warp
Make with Mesh
Make with Top Object
Ferramenta Warp
Compound Path
Ferramenta Live Trace
Live Paint
Painel Appearance
7- Como trabalhar com Layers
Layers
8- Trabalhando com
Ferramenta Symbol
9- As cores e os efeitos de cor
Conta Gotas
Swatches
Gradiente
Stroke
Expand
10- Texto
Caracteres
Type on a Path Tool
Text Warp
11- Aplicar efeitos e estilos no Illustrator
Blend- criando efeito mistura
Efeito Stylize
Efeitos 3D
o Revolve
o Extrude and bevel
Efeito utilizando a tecla ASPAS
12- Desenvolvendo um ambiente em perspectiva
Page 20
WEB DESIGNER
13- Integrando o Illustrator com a Web
Perfis para documentos web
Rasterize
Fatiando um layout
Salvar para a Web
14- Salvar/Exportar/Imprimir
Salvar arquivos
Exportar arquivos
Imprimir
Trapping
Praticando com o Illustrator
Projeto 1 -
Projeto 3 - Como desenvolver a capa de um livro
Projeto 3 - Desenvolvendo um Folder
Projeto 4 -
Projeto 5 -
Projeto 6 - Como criar uma capa de DVD/CD
Projeto 7 Criando elementos de Natal em 3D
Projeto 8 Criando um Banner para a Web
Projeto 9 Criando com a Tablet
Page 21
WEB DESIGNER
Sites feitos em Flash (thefwa.com)
Como baixar o Flash por 30 dias
Tipos de Documentos do Flash
Tela de Abertura (Welcome Screen)
O novo painel de propriedades do Flash
o Publish settings
o Document properties
o
selecionar uma ferramenta
Drawning Object
o Bordas, aparar e como criar cada tipo
Ferramenta Linha
Ferramenta Pencil
Ferramenta Oval e Oval Primitive
Ferramenta Rectangle e Rectangle Primitive
Ferramenta PolyStar
Ferramenta FreeTransform (scale, distort, envelope)
o preciso usar o break apart
Ferramenta Gradient (detalhes, controlar gradiente, etc)
Ferramenta Gradient Transform
Ferramenta Eraser
Painel de Alinhamento
Tipos de texto
Escrevendo texto (propriedades e mais detalhes)
Como criar um link direto de um texto
Aplicar filtros a um texto
Page 22
WEB DESIGNER
o Como trabalhar com as propriedades de um filtro
Converter o texto em curvas
o
o
o Biblioteca
o Como criar pastas na biblioteca para organizar os arquivos
Como trabalhar melhor com a biblioteca (criar pastas)
-
Empilhamento de arquivos
o
A timeline e as camadas (conceito)
o F
Como trabalhar com Pastas de camadas
Entendendo frame, keyframe e blank keyframe
(tween shape)
-a-quadro (explicar)
-a-
Guia de movimento simples
Guia de movimento usando onion skin
Page 23
WEB DESIGNER
Exemplo Classic Motion Guide (terra girando em torno do sol)
Guia de movimento (orient to path)
Como aum
o
ree transform
-
C
Apresentando o ActionScript 3.0
Alterando estilos de Ease com o Motion Editor
Alterando estilos de Ease e cores com o Motion Editor
Motion Presets
otion Preset
Criar um Motion Preset Personalizado e aplicar em um objeto
Criar um pre-view para o motion preset personalizado
Bone
O que vamos aprender neste cap
Filtros Shadow
Page 24
WEB DESIGNER
Filtros
Filtros Glow
Filtros
Filtros Blur
Filtros
Filtros Diversos
Alpha e Tint
eworks
3D no Flash (Propriedade Z 3d translation)
3d rotation
Sons com loop
Page 25
WEB DESIGNER
bre adobe media encoder)
Expl
/ case sensitive
Mostrar como aplicar stop na timeline e dentro do movie clip
Mostrar como apli
Exemplo AS 3.0 goto
Frame label / exemplos com goto para frame label
Galeria de fotos apenas com quadros e frame label
Cenas
Explicar os comandos nextScene e prevScene
Como criar um slideshow
AS para Play/stop e para play/stop em movie clip
AS para Rollover e Rollout
Projeto Final
Projeto Final 2
- CSS
Page 26
WEB DESIGNER
O que vamos aprender
Criando Projetos
Trabalhando com Componentes
Publicando SWF
Criando Projeto em Branco
Criando Projeto Baseado em um Arquivo Adobe Illustrator
Criando Projeto Baseado em um Arquivo Adobe Photoshop
Criando Projeto Baseado em um Arquivo Adobe Fireworks
Componente: Entendendo Componentes
Componente: Button
Componente: Checkbox
Componente: Radio
Componente: Toggle
Componente: Textinput
Componente: Slider
Componente: Scrollbar
Componente: Datalist
o Criar textos
o Mover / rotacionar / agrupar
o Camadas (layers)
o Formas / Preenchimentos / Textos
Propriedades do Artwork
o Propriedades de texto
o Propriedades de objetos (Tamanho / largura / altura / x / y )
o Filtros
Page 27
WEB DESIGNER
o Blend Mode
o Hand Cursor
o Formatos suportados
o
o Transformar em componentes
Diversos componentes
Editando Arquivos no Illustrator
Editando Arquivos no Photoshop
Componentes)
Layers em Pages
Editando Pages
Grid e Guide
Align
Library
Movendo Objetos
o Sharing to State
o Remove from State
o Make Same in All Other States
Interactions
Conditional
Timelines
Smooth
Move
Resize
Rotate
Rotate 3D
Timing
Action
Create Video
Place Video
Playback
Sound
Flash
SWF offline
SWF online
Page 28
WEB DESIGNER
Dreamweaver CS5
SWF HTML
Publicando AIR
Criando Customer Component
Library (Import / Export Components)
Code (Final)
Criando Projeto Final
Arquivo Criado no Illustrator
Arquivo Criado no Photoshop
Arquivo Criado no Fireworks
Page 29
WEB DESIGNER
Novidades do AS 3
o
o Novos tipos de dados: i:int i:uint
o
o
o
o Eventos de objetos
Painel action e como persoanlizar (fontes, cores, etc)
o
o
o
o Cuidado com case sensitive
o Tipagem var nome:String;
o
2
o String, Number, Boolean
o
o
Concatenar no AS3
imais
Como criar constantes
o
Dicas sobre tipos de dados
o
o or exemplo: Nome,
End:String
Condicional IF
Condicional IF e Else
o
Condicional IF com E e OU
Switch Case
Array
o
o Como fazer uma pesquisa dentro de um array (index.of)
-1
Page 30
WEB DESIGNER
Arredondamentos
Criar Simulador de Jogo da MegaSena
Criar Simulador de Sorteio de Brindes de Palestras
Cr
Alterar propriedades via ActionScript 3.0
o Alpha
o Visible
o Rotation
Alterar propriedades via ActionScript 3.0
o Posicionamento (x e y)
o Tamanho Proporcional (scaleX e scaleY)
o Tamanho Real (Width e Height)
o Eixo Y (3D)
o Eixo X (3D)
o
Eventos de Palco/Stage (Handler)
o Eventos de Teclado
o Exemplo para mover para cima, para baixo, direita e esquerda pelo teclado usando switch
startDrag and stopDrag
Criando cursor do mouse personalizado (mouse.hide)
Desenhando via Action (drawRectangle, drawCircle)
startDrag and stopDrag com objetos desenhados via action
Page 31
WEB DESIGNER
Classe Tween
Outros Exemplos (Bounce, mostrar com Y, mostrar in, out, InOut)
Tween event e a propriedade Yoyo
Classes TweenLite e TweenMax (www.tweenlite.com)
TweenLite.to (mostrar: x, y, rotation, alpha)
TweenLite.to (como usar o ease, bounce, back, e outros da pasta)
TweenLite.to
o
o
TweenPlugin: alterando a cor via tween com action
Criando o exemplo do carro para mudar a cor dinamicamente
o TweenLite
o e.target
TweenMax.from TweenMax.to
Objeto Date(exemplos de meses, dias, anos, dias da semana)
Carregar arquivos externos (loader, addChild) Criando mini-site
correto
Criando um preload com percentual e barra de progresso
Tratando erros (IOErrorEvent)
Carregar textos externos
Carregar texto
Criando barra de rolagem para caixa de textos e como personalizar a barra de rolagem
Fazendo o placar atualizar automaticamente
Page 32
WEB DESIGNER
Event.ENTER_FRAME (exemplo)
o stageHeight e stageWidth
hitTest ) / IF e else
MovieClip como Class (export for actionscript)
removeEventListener (exemplo)
Projeto Final
Projeto Final 2
Page 33
WEB DESIGNER
DREAMWEAVER COM PHP E MYSQL
Instalando o Apache
Testando o Apache / PHP e MySQL
-side e
linguagens server-side
Criando links (diversos formatos de links)
Folhas de estilo CSS
Falando Sobre Tableless
TRABALHANDO COM BANCO DE DADOS MYSQL (PHPMyADMIN)
o
o
o
Trabalhando com o MySQL
o Criando banco de dados
o Excluindo banco de dados
o Criando tabelas (Tipos de dados / viabilizando cada campo)
Adicionando campos na tabela
Inserindo registros pelo MySQL
Alterando registros pelo MySQL
Excluindo registros pelo MySQL
o Exportando tabelas e/ou Exportando bancos de dados
o Importando tabelas e/ou base de dados
Criando consultas sofisticadas via SQL
o Where
o Like
o Between
CRIANDO O PRIMEIRO SISTEMA - CADASTRO
Criando o Banco de Dados e as Tabelas para o Sistema
Definindo um site no Dreamweaver
Page 34
WEB DESIGNER
o
o Impedindo cadastro repetido no banco de dados
onsulta
CRIANDO O PRIMEIRO SISTEMA NOVAMENTE (BARRA DEVELOPER)
Instalando a Barra Developer para CS4
Criando Banco de Dados e Tabelas (Usando as Mesmas)
Definindo um Site no Dreamweaver
Criando
CRIANDO UMA INTRANET (ACESSANDO O SISTEMA NA REDE)
Colocando o Sistema no Servidor
Acessando via Nome do Computador
Acessando via IP
Falando Sobre o Projeto
Criando Banco de Dados e Tabelas
Restringindo Acesso
PUBLICANDO O SISTEMA ONLINE
Falando Sobre FTP e Softwares FTP
Conectando ao Site e Enviando os Arquivos
Exportando Tabelas
Criando Banco Online e Importando Tabelas
Page 35
WEB DESIGNER
CRIANDO UM SISTEMA DE MURAL SIMPLES
Criando Banco de Dados e Tabelas
Criando Exi
Publicando o Sistema Online
Falando/explicando o Projeto
Criando C
Criando tela de Login
Publicando o Sistema Online
COMO CRIAR UM SITE COM SERVER SIDE INCLUDES
Criando estrutura visual do site
Criando Site com Server Side Includes
Publicando o Site Online
Falando/explicando o Projeto
Criando Banco de Dados e Tabelas
Criando um Site no Dr
Criando o Arquivo para Alterar o Cadastro
Protegendo os Arquivos por Login e Senha
Publicando o Sistema Online
CRIANDO SISTEMA DE UPLOAD DE ARQUIVOS COM CONTADOR DE DOWNLOADS
Page 36
WEB DESIGNER
Falando Sobre o Projeto
Criando Banco de Dados e Tabelas
Criando Site com Tecnologia Servidor no Dreamweaver
Criando os Gerenciadores
om Contador
Publicando o Sistema Online
THUMBNAIL
Explicando o Projeto
Criando Banco de Dados e Tabelas
Criando Formu
Publicando o Sistema
Explicando o Projeto
Criando Banco de Dados e Tabelas
Configurando o Painel da Barra Developer
Publicando o Sistema
QUE ELES FIZERAM UPLOAD
Explicando o Projeto
Criando Banco de Dados e Tabelas
Criando Listagem de Arquivos
Criando Arquivo para Upload de Documentos (Cadastrar)
Restringindo Acesso e Testando o Sistema
Criando Arquivo Para Excluir os Arquivos
Publicando o Sistema
CRIANDO SISTEMA DE LOGIN CO
Page 37
WEB DESIGNER
Explicando o Projeto
Criando Banco de Dados e Tabelas
Publicando o Sistema
IOS COM XML E SPRY DATA SET
Gerando o XML
CRIANDO SISTEMA DE CONTATO (FALE CONOSCO)
Explicando o Projeto
Criando Banco de Dados e Tabela
Criando a Trigger de Envio de Email
Trigger de Resposta de Contatos/Mensagens
Testando o Sistema
Publicando o Sistema
Page 38
WEB DESIGNER
SEO SEARCH EGINE OPTIMIZATION
Popularidade e PagRank
Outros fatores que influenciam o PageRank
Por que seu site precisa de Popularidade/PageRank?
Como aumentar o PageRank sem votos
Como aumentar o PageRank com votos
Mecanismos de busca
Resultados pagos/patrocinados
Como os mecanismos de busca classificam os resultados?
Links Patrocinados
-Per-Click
SEO Search Engine Optimization
Palavras-chave
Links direcionados ao seu site
W3C Web Standards
Validadores
HTML (XHTML) / CSS
Estrutura HTML
Tag Title
URL
Alt e Title
Meta Tags
Meta Tagsrobots
Robots.txt
Page 39
WEB DESIGNER
6
Site Map
Estrutura de um Site Map
Idade do documento
Alguns cuidados
Ferramentas
Erros de SEO
Page 40
WEB DESIGNER
PAGSEGURO E PAYPAL
Abertura do Curso
Como Criar sua Conta no PagSeguro
Conhecendo a Tela Principal
Dados Cadastrais e Tipo de Conta
E-mails
Detalhes da Compra
Extrato Financeiro
Pagamentos
Saques
Frete
Parcelamento
Recebimentos
Recebimento de E-mails
Disputas
ulo 8
Page 41
WEB DESIGNER
Como Criar um Carrinho de Compras para seu Site
Guia do Desenvolvedor
Atendimento Parcelamento
PayPal
Page 42
WEB DESIGNER
CURSO WORDPRESS
ULO 1 -
Wordpress X Joomla X Drupal
Sites em Wordpress
o R7.com
o Globo (diversos)
o Instituto Adriano Gianini
Plug-ins (wordpress.org)
Temas (wordpress.org)
Widget (wordpress.org)
-
Download do wordpress
o
-
- Posts
Criando novo post
Page 43
WEB DESIGNER
o Modo visual e modo HTML
o
o Salvar como rascunho
o Publicar
o Tags
o Categoria
o Imagem destacada
Editar post
Excluir post
Gerenciar Categorias
-
Biblioteca
Adicionar nova
Links
Links
Adicionar novo
Categorias de Links
o Editar
o Excluir
Adicionar nova
Aprovar
Spam
Page 44
WEB DESIGNER
Temas
o Como instalar novos temas
o Como alterar temas
o Como excluir temas instalados
o
Widgets
Menus
Editor
Adicionar Novo
Seu Perfil
Ferramentas
Ferramentas
Importar
Exportar
Plug-ins
Google Analytics
Plug-in Akismet
Wassup
Formidable
Google XML Sitemaps
Twitter e Facebook
WP-PostViews
WP-PostRatings
Galeria de Fotos
Page 45
WEB DESIGNER
CURSO WORDPRESS AVANÇADO – CRIANDO TEMAS DO ZERO
Capítulo 1
Pré-requisitos de conhecimento e software
O que aprenderei nesse curso?
o Cases de sucesso em wordpress
Capítulo 2
Por que usar o wordpress?
o O que de fato é um CMS
A importância do briefing
Realizando o briefing para o projeto
Capítulo 3
Criando o layout para o projeto
Criando banner e menu
Criando rodapé
Capítulo 4
Fatiando e exportando as partes do site
Montando o site em CSS
o Usando Google web font
Capítulo 5
Entendendo o wordpress de verdade
o Entendendo uma estrutura simples
o Entendendo uma estrutura intermediária
o Entendendo uma estrutura avançada
Capítulo 6
Informações do Blog
Cabeçalho
Post único
o Entendendo o loop do wordpress
o Criando link (permalink)
o Botão continue lendo
Barra lateral
Rodapé
Listando páginas
Listando categorias
Listando autor
Listando tags
Listando conteúdo por mês (archives)
Page 46
WEB DESIGNER
Formulário de busca
Formulário de Comentário
Single post diferente para categorias diferentes
Começando a entender query_posts
Capítulo 7
Exportando o tema para wordpress
o Criando index, header e footer
o Criando style.css
Template Tags
o Conhecendo a função das principais
Criando screenshot do tema
Ativando o tema
o Chamando o CSS através do bloginfo(stylesheet_url)
o Corrigindo falhas de caminhos com bloginfo(template_url)
Mostrando que o post não está dinâmico
o Adicionando novo post
Transformando o index para receber o post dinâmico
o the_posts()
o the_permalink()
o the_title_attribute()
o the_title()
o the_time()
o the_content()
o the_author_posts_link()
o the_category()
Criando sidebar
o get_sidebar()
Capítulo 8
Criando menu
o Criando arquivo page.php
Criando a lista de páginas no menu
o Formatando o estilo
Capítulo 9
Criando sidebar com listagem de posts por meses
Criando searchform.php
o get_search_form()
Incluindo o searchform no sidebar
Personalizando a página de resultados
o Criando arquivo search.php
o get_search_query()
Alterando single.php
Page 47
WEB DESIGNER
o Ativando opção de comentário (comments_template)
Criando arquivo comments.php
Functions
Widgets
CSS
Capítulo 10
Criando coluna últimas notícias
Criando coluna destaques
Formatando coluna últimas notícias
o query_posts
Formatando coluna destaques
o query_posts
Formatando coluna mobile
o query_posts
Formatando coluna web
o query_posts
Formatando coluna design
o query_posts
Capítulo 11
Adicionando imagens em últimas notícias
Adicionando imagens em destaques
Capítulo 12
Melhorando o visual
Criando links para cada categoria
Criando navegação (pagenavi)
Criando menus
Adicionando informações sobre o tema
Page 48
WEB DESIGNER
o que criaremos?
o Site completo
o Server Side Include
o
Necessidade de Layout / Wireframe
o Criando o WireFrame
Criando os detalhes do Wireframe (deixando-o mais bonito)
Criando a logo
Criando os men
Finalizando (agrupando)
Criando o banner preenchimento do banner
o Criando as linhas (blend path)
Inserindo a imagem e ajustando-a
Inserindo o texto do banner
Finalizando (agrupando)
Criando corpo do site
Cri
Criando cliente
Finalizando (agrupando)
Finalizando (agrupando)
Separando as partes do site
Exportando as partes
Instalando o Apache / Instalando o Developer Toolbox
Definindo um site no Dreamweaver com PHP
Page 49
WEB DESIGNER
Criando o corpo do site em um arquivo externo
entes ao menu
Testando o site localmente
Substituindo as Imagens em Cada Arquivo
Criando os links nos Menus e Testando o Site
Protegendo o sistema / restringindo acesso
Criando recurso Logoff
Testando o sistema localmente
cias)
Testando o site completo localmente
Conectando ao FTP e publicando o site
Criando banco de dados online e as tabelas
Testando o site online
Page 50
WEB DESIGNER
COMO CRIAR UM SITE COMPLETO 2
Explicando o projeto
e de um contrato
Criando o wireframe
Criando banner
Criando menu
Criando imagem de fundo
Criando corpo do site
Exportando HTML do Fireworks
(CSS)
Ajustes no CSS
Page 51
WEB DESIGNER
Ajustes CSS
Definindo um site com PHP/MySQL
Transformando os arquivos html em php
Criando banco de dados
Criando consulta ao BD
Filtrando mensagens aprovadas
Ajustes CSS
Index admin
de login
Ajustes CSS
Criando logoff
Ajustes CSS
Listagem de depoimentos
Alterar depoimentos
Excluir depoimentos
Restringir acesso
Criando grupo
o
Criando conta google apps
Verificando titularidade
Alterando entrada MX
Page 52
WEB DESIGNER
Criando uma conta no Google Analytics para seu site
Exibindo twitter no site
Hospedando o site e o sistema online
Page 53
WEB DESIGNER
Como Funcionam os Registros de Sites
Registrando um Site (Registro)
Registrando um Site (Hospedagem)
Como Funciona um Programa FTP
Publicando o Site via FTP
Entendendo Alguns Recursos do Painel de Controle da Hospedagem
tulo 2
Como instalar o Wordpress a partir do painel de controle da sua empresa de hospedagem
Acessando painel de control
Como instalar o Wordpress manualmente fazendo upload do instalador
Download do BLOG
Acessando FTP para envio dos arquivos
Como adicionar novos templates para o Wordpress
Acessando FTP e enviando os templates
Como instalar plugins no Wordpress
Como adicionar o Google Analytics no WordPress
Criando uma conta no Google Analytics
emplates
Nome do blog, Slogan, Formato de data, Formato dos Links, etc.
Gerenciando seu Blog
Como gerenciar o seu blog
Criando menus (pages)
Escrevendo artigos
Criando categorias
Escrevendo artigos privados
Editando e Excluindo Artigos
Autorizando/Negando/Edit
tulo 3
Page 54
WEB DESIGNER
Como realizar um bom Briefing
Quanto e como cobrar pelo seu trabalho
Como conquistar, manter e fidelizar seu cliente
Quanto tempo determinar para entrega de um projeto
