apresentação do curso de web do s2b - petrópolis

WebJoão Bosco JuniorMCP, MCTS, MOSjjunior@ctallen.com.br

S2B Web

World Wide Web (Rede de alcance mundial)(Tim Berners-Lee)

“Tornar mais fácil o compartilhamento de documentos de pesquisas entre os colegas”

1989

S2B Web

1999 blogger (Pyra Labs)

1994 amazon.com (Jeffrey Bezos)“Loja que vende tudo, seu modelo virou padrão para as vendas na internet”

2002 friendster (Jonathan Abrams)

S2B Web

Windows Live®o Windows Live Custom Domainso Windows Live IDo Windows Live Hotmail - serviço de e-mail da Microsoft;o Windows Live SkyDrive - armazenamento de arquivos online,

com 25GB de espaço para armazenamento gratuito;o Windows Live Groupso Windows Live Calendar o Windows Live Perfilo Windows Live Help

S2B Web

Vamos para os

números?S2B Web

Estatísticas da Webo50% é o percentual de brasileiros conectados

em 2011;o Em 2010 foram gastos R$ 14,8 bilhões em

compras on-line;o A web se tornou o terceiro veículo de

maior alcance no Brasil, atrás apenas de rádio e TV.

S2B Web

Web

Design e Criação

Arquit. de Informação

Desenv. Web

Busca e SEO

Mídias

Métricas

S2B Web

Expression Studio 4®Microsoft®

Expression Studio 4Design

Blend

Web

S2B Web

O Expression ® Design é uma poderosa ferramenta para o desenvolvimento e crição de imagens vetoriais e imagens bitmap.

O Expression ® Design permite a edição de imagens para web, exportando-as em vários formatos como JPEG e GIF.

Design

S2B Web

É uma ferramenta para o desenvolvimento de aplicativos ricos em Silverlight, WPF e prototipagem através do SketchFlow.

O Expression Blend 3 revoluciona a velocidade e eficiência do design em Silverlight e .NET.

Blend

S2B Web

O Expression®Web é uma suite completa de publicação web em um único programa, ele é um editor de HTML, Code debugger, Gerador de CSS e gerenciador de arquivos.

Ele suporta XHTML, CSS, XML, XSLT, ASP.NET, PHP, Microsoft Silverlight, Deep Zoom Composer e AJAX.

Web

S2B Web

Etapas de um Projeto Web• Planejamento - Geralmente, nesse momento, deve-se contemplar

um bom briefing e muito estudo, pois daqui sairá toda a forma de navegação do projeto que é chamada de wire-frame;

• Criação - aqui os designers de plantão podem “viajar”, criar um conceito mirabolante, pintar, desenhar imergir no mundo da “arte for web”;

• Desenvolvimento Web - é o momento de pegar tudo aquilo que foi feito até agora e codificar. Ou seja, transformar a mais bela arte em HTML/CSS.

S2B Web

Wireframe

S2B Web

Wireframe é um desenho básico, como um esqueleto, usado para demostração de sistemas e websites.

Design

Layout

S2B Web

Design

Desenvolvimento Web

S2B Web

Web

João Bosco JuniorMCP, MCTS, MOS

jjunior@ctallen.com.br@jboscoj

Obrigado!