ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
Como tudo começou...	A Web foi criado em 1989, por Tim Berners-Lee, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos.Localizador Uniforme de Recursos (URL)Linguagem de Marcação de Hipertexto (HTML)Protocolo de Transferência de Hipertexto (HTTP)Navegador Web (Browser)
A Web	Também conhecida como World-Wide Web (WWW) é a parte multimídia da Internet, portanto possibilita a exibição de páginas de hipertexto, ou seja, texto em formato digital, documentos que podem conter todo o tipo de informação: textos, fotos, animações, trechos de vídeo e sons e programas e que permite conexões entre documentos (os links).
O que é W3C?	W3C (World Wide Web Consortium) é um consórcio de empresas de tecnologia. Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo.Desenvolve Recomendações abertas,até agora mais de 80 padrões...www.w3.org
Os Padrões Web	Padrões Web ou Web Standards são um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais.XHTML – HTML – CSS – DOM – XML – SVG – SOAP – ...
ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
Mapa do SiteÉumarepresentaçãohierárquicadaestrutura de um site, compostaporpáginas web.O "mapa do site" é feito com os tópicos mais importantes e seus sub-tópicos, se tiver. Ele é um índice para um fácil entendimento da navegação do projeto.
http://writemaps.com
WireframeWireframe seria um esqueleto do site, quedeve ser feito antes de iniciar a montagem do layout com cores eimagens.
https://gomockingbird.com/
ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
http://www.gimp.org/
ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
HTMLHTML é a abreviação para HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação para Hipertexto.	Compõe a estrutura de uma página Web através de etiquetas (tags) e atributos.
CSSCascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML.	Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.	Pode-se definir apresentações especificas para diferentes dispositivos (Tvs, Celulares e PDAs, Impressoras, etc) apenas criando	folhas de estilo alternativas.
JavaScriptJavaScript é uma linguagem de programação criada por Brendan Eich em 1995.	A linguagem foi criada para atender, principalmente, às seguintes necessidades:    * Validação de formulários no lado cliente;    * Interação com a página (Comportamento).
JQueryJquery que é uma biblioteca JavaScript criada por John Resig que tem por finalidade facilitar o desenvolvimento de scripts.A biblioteca jQuery é disponibilizada como software livre( pode ser usada, copiada, estudada, modificada e redistribuída sem restrição), ou seja, você pode usar a biblioteca gratuitamente tanto para desenvolver seus projetos pessoais e comerciais.http://www.jquery.com
PHPÉ umalinguagemquepermitecriar sites dinâmicos, possibilitandoumainteração com ousuárioatravés de formulários, parâmetrosda URL e links. A diferença de PHP com relação a linguagenssemelhantes a Javascriptéqueocódigo PHP éexecutado no servidor, sendoenviadoparaoclienteapenas html puro. Destamaneiraépossívelinteragir com bancos de dados eaplicaçõesexistentes no servidor.http://www.php.net
MYSQL	O MySQL é um sistema de gerenciamento de banco de dados (SGBD), que utiliza a linguagem SQL (Linguagem de Consulta Estruturada, do inglês StructuredQueryLanguage) como interface. É atualmente um dos bancos de dados mais populares, com mais de 10 milhões de instalações pelo mundo.http://www.mysql.com
PhpMyAdminhttp://www.phpmyadmin.net
XAMPPCom o XAMPP é fácil instalar a distribuição Apache contendo PHP, MySQL e Perl. O XAMPP é realmente muito fácil instalar e usar – é necessário apenas baixar, extrair e inicializar. http://www.apachefriends.org/pt_br/xampp.html
AptanaAptanaouAptana Studio é um software open source para IDE (Integrated Development Environment) desenvolvidoem Java quesuporta as linguagens CSS, HTML e JavaScript, emboratambémsejapossívelconfigurá-lo parasuportar PHP, Ruby on Rails, Adobe® AIR eBibliotecas AJAX. É baseado no Eclipse.
http://www.aptana.com/
ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
http://br.mozdev.org/download/http://www.google.com.br/chrome
FTP: O que é?FTP significa File TransferProtocol (Protocolo de Transferência de Arquivos), e é uma forma bastante rápida e versátil de transferir arquivos, sendo uma das mais usadas na internet.
http://filezilla-project.org/
ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
CMS: WordPressCriado por Matt Mullenweg, roda em PHP e MySQL sob a licença GPLTem como foco padrões de usabilidade e facilidades para o usuário finalÉ largamente utilizado como um CMS apesar de ainda não ser umComo todo software livre tem uma comunidade grande e ativaPlataforma utilizada em grandes projetos nacionais e internacionais
CMS: WordPresshttp://br.wordpress.org
CMS: WordPressFazer o download do pacote em:http://br.wordpress.orgConseguir um servidor PHP!Conseguir um banco de dados MYSQL!Mandar os arquivos pro servidor PHP!Criar o banco de dados!Acessar o endereço para iniciar a instalação.
ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
Por onde continuar?http://tools.mozilla.com/
Obrigado! ;)

Ferramentas Livres para Desenvolvimento Web

  • 3.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 4.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 5.
    Como tudo começou... AWeb foi criado em 1989, por Tim Berners-Lee, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos.Localizador Uniforme de Recursos (URL)Linguagem de Marcação de Hipertexto (HTML)Protocolo de Transferência de Hipertexto (HTTP)Navegador Web (Browser)
  • 6.
    A Web Também conhecidacomo World-Wide Web (WWW) é a parte multimídia da Internet, portanto possibilita a exibição de páginas de hipertexto, ou seja, texto em formato digital, documentos que podem conter todo o tipo de informação: textos, fotos, animações, trechos de vídeo e sons e programas e que permite conexões entre documentos (os links).
  • 7.
    O que éW3C? W3C (World Wide Web Consortium) é um consórcio de empresas de tecnologia. Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo.Desenvolve Recomendações abertas,até agora mais de 80 padrões...www.w3.org
  • 8.
    Os Padrões Web PadrõesWeb ou Web Standards são um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais.XHTML – HTML – CSS – DOM – XML – SVG – SOAP – ...
  • 9.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 11.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 12.
    Mapa do SiteÉumarepresentaçãohierárquicadaestruturade um site, compostaporpáginas web.O "mapa do site" é feito com os tópicos mais importantes e seus sub-tópicos, se tiver. Ele é um índice para um fácil entendimento da navegação do projeto.
  • 14.
  • 15.
    WireframeWireframe seria umesqueleto do site, quedeve ser feito antes de iniciar a montagem do layout com cores eimagens.
  • 17.
  • 18.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 20.
  • 23.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 24.
    HTMLHTML é aabreviação para HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação para Hipertexto. Compõe a estrutura de uma página Web através de etiquetas (tags) e atributos.
  • 26.
    CSSCascading Style Sheets(ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento. Pode-se definir apresentações especificas para diferentes dispositivos (Tvs, Celulares e PDAs, Impressoras, etc) apenas criando folhas de estilo alternativas.
  • 27.
    JavaScriptJavaScript é umalinguagem de programação criada por Brendan Eich em 1995. A linguagem foi criada para atender, principalmente, às seguintes necessidades: * Validação de formulários no lado cliente; * Interação com a página (Comportamento).
  • 28.
    JQueryJquery que éuma biblioteca JavaScript criada por John Resig que tem por finalidade facilitar o desenvolvimento de scripts.A biblioteca jQuery é disponibilizada como software livre( pode ser usada, copiada, estudada, modificada e redistribuída sem restrição), ou seja, você pode usar a biblioteca gratuitamente tanto para desenvolver seus projetos pessoais e comerciais.http://www.jquery.com
  • 29.
    PHPÉ umalinguagemquepermitecriar sitesdinâmicos, possibilitandoumainteração com ousuárioatravés de formulários, parâmetrosda URL e links. A diferença de PHP com relação a linguagenssemelhantes a Javascriptéqueocódigo PHP éexecutado no servidor, sendoenviadoparaoclienteapenas html puro. Destamaneiraépossívelinteragir com bancos de dados eaplicaçõesexistentes no servidor.http://www.php.net
  • 30.
    MYSQL O MySQL éum sistema de gerenciamento de banco de dados (SGBD), que utiliza a linguagem SQL (Linguagem de Consulta Estruturada, do inglês StructuredQueryLanguage) como interface. É atualmente um dos bancos de dados mais populares, com mais de 10 milhões de instalações pelo mundo.http://www.mysql.com
  • 31.
  • 32.
    XAMPPCom o XAMPPé fácil instalar a distribuição Apache contendo PHP, MySQL e Perl. O XAMPP é realmente muito fácil instalar e usar – é necessário apenas baixar, extrair e inicializar. http://www.apachefriends.org/pt_br/xampp.html
  • 33.
    AptanaAptanaouAptana Studio éum software open source para IDE (Integrated Development Environment) desenvolvidoem Java quesuporta as linguagens CSS, HTML e JavaScript, emboratambémsejapossívelconfigurá-lo parasuportar PHP, Ruby on Rails, Adobe® AIR eBibliotecas AJAX. É baseado no Eclipse.
  • 34.
  • 35.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 36.
  • 37.
    FTP: O queé?FTP significa File TransferProtocol (Protocolo de Transferência de Arquivos), e é uma forma bastante rápida e versátil de transferir arquivos, sendo uma das mais usadas na internet.
  • 38.
  • 39.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 40.
    CMS: WordPressCriado porMatt Mullenweg, roda em PHP e MySQL sob a licença GPLTem como foco padrões de usabilidade e facilidades para o usuário finalÉ largamente utilizado como um CMS apesar de ainda não ser umComo todo software livre tem uma comunidade grande e ativaPlataforma utilizada em grandes projetos nacionais e internacionais
  • 41.
  • 46.
    CMS: WordPressFazer odownload do pacote em:http://br.wordpress.orgConseguir um servidor PHP!Conseguir um banco de dados MYSQL!Mandar os arquivos pro servidor PHP!Criar o banco de dados!Acessar o endereço para iniciar a instalação.
  • 47.
    ProgramaUm pouco deHistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais
  • 48.
  • 50.