apresentação do curso de web do s2b - petrópolis
TRANSCRIPT
WebJoão Bosco JuniorMCP, MCTS, [email protected]
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