WEB DESIGNER. Falando sobre projeto, como organizar um curso, pastas, etc Falando sobre HTML, XHTML e XML Falando sobre JavaScript / Ajax

(1)



 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



(2)

 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

 

(3)

 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

(4)

 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

(5)

 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) 

(6)

 Business Catalyst

(7)

  

 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

(8)

 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

(9)

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 

(10)

 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

(11)

 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 -     -    

(12)

- 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

(13)

 Apresentando o site

 Criando o menu principal

 Criando efeito over no menu

 Criando banner principal

 Criando corpo do site

       Exportando site  Diagramando no Dreamweaver 

(14)

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.

(15)

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

(16)

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

(17)

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

(18)

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

(19)

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

(20)

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

(21)



 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

(22)

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

(23)

 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

(24)

 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

(25)



 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

(26)



 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 )

(27)

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

(28)

 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

(29)



 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)

(30)

  

 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 

(31)

 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

 

(32)



 Event.ENTER_FRAME (exemplo)



o stageHeight e stageWidth

 hitTest ) / IF e else

 MovieClip como Class (export for actionscript)

 removeEventListener (exemplo)

 Projeto Final

(33)

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

 

(34)

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

(35)

CRIANDO UM SISTEMA DE MURAL SIMPLES

 

 Criando Exi



 Publicando o Sistema Online

 Falando/explicando o Projeto     Criando C   

 Criando tela de Login

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 um Site no Dr

  

 Criando o Arquivo para Alterar o Cadastro

 Protegendo os Arquivos por Login e Senha

(36)

 Falando Sobre o Projeto

 Criando Site com Tecnologia Servidor no Dreamweaver

  

 Criando os Gerenciadores

 om Contador

THUMBNAIL

 Explicando o Projeto

  Criando Formu    Publicando o Sistema  Explicando o Projeto



 Configurando o Painel da Barra Developer 



 Publicando o Sistema

QUE ELES FIZERAM UPLOAD

 

 Criando Listagem de Arquivos

 Criando Arquivo para Upload de Documentos (Cadastrar)

 Restringindo Acesso e Testando o Sistema  Criando Arquivo Para Excluir os Arquivos

(37)

   

IOS COM XML E SPRY DATA SET

 Gerando o XML

   

CRIANDO SISTEMA DE CONTATO (FALE CONOSCO)

 Criando Banco de Dados e Tabela

 

 Criando a Trigger de Envio de Email 

 Trigger de Resposta de Contatos/Mensagens

 Testando o Sistema

(38)

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 

(39)

6

 Site Map

 Estrutura de um Site Map   Idade do documento   Alguns cuidados  Ferramentas  Erros de SEO

(40)

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

(41)

 Como Criar um Carrinho de Compras para seu Site

 Guia do Desenvolvedor

 Atendimento Parcelamento

(42)

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

(43)

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

(44)

 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

(45)

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

(46)



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()

(47)

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

(48)

 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

 

(49)

 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 

(50)

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     

(51)

 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

(52)

 Criando uma conta no Google Analytics para seu site 

 Exibindo twitter no site 

(53)

 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

(54)

 

 Como realizar um bom Briefing



 Quanto e como cobrar pelo seu trabalho

 Como conquistar, manter e fidelizar seu cliente