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.
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
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)
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
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
WEB DESIGNER

Business Catalyst

Integrando Dreamweaver CS5 com PHP e MySQL
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
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
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

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
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
-








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
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

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
WEB DESIGNER
3.11. Refine and edges
4.
explorando as possibilidades
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
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
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
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

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
5-
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
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
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)

Ferramenta Gradient (detalhes, controlar gradiente, etc)

Ferramenta Gradient Transform

Ferramenta Eraser

Painel de Alinhamento
o
preciso usar o break apart


Tipos de texto

Escrevendo texto (propriedades e mais detalhes)

Como criar um link direto de um texto

Aplicar filtros a um texto
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
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
WEB DESIGNER

Filtros

Filtros Glow

Filtros

Filtros Blur

Filtros

Filtros Diversos

Alpha e Tint















eworks



3D no Flash (Propriedade Z

3d rotation







Sons com loop
3d translation)
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
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
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
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
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

Dicas sobre tipos de dados
o
o
or exemplo: Nome,
o
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
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

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
WEB DESIGNER


Event.ENTER_FRAME (exemplo)

o
stageHeight e stageWidth

hitTest

MovieClip como Class (export for actionscript)

removeEventListener (exemplo)

Projeto Final

Projeto Final 2
) / IF e else
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


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

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
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
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
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

Palavras-chave

Links direcionados ao seu site

W3C Web Standards

Validadores

HTML (XHTML) / CSS

Estrutura HTML

Tag Title
Search Engine Optimization




URL

Alt e Title

Meta Tags

Meta Tagsrobots

Robots.txt

WEB DESIGNER
6

Site Map

Estrutura de um Site Map


Idade do documento


Alguns cuidados

Ferramentas

Erros de SEO
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
WEB DESIGNER

Como Criar um Carrinho de Compras para seu Site

Guia do Desenvolvedor

Atendimento Parcelamento

PayPal
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
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
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
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)
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
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
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
o
preenchimento do banner
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
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
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
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
WEB DESIGNER

Criando uma conta no Google Analytics para seu site


Exibindo twitter no site


Hospedando o site e o sistema online
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
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