O documento discute a história da web, as etapas de desenvolvimento de um site, incluindo coleta de informações, planejamento, design, desenvolvimento, testes e publicação. Também aborda as tecnologias fundamentais para desenvolvimento web como HTML, CSS, JavaScript, PHP e banco de dados MySQL.

3. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

4. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

5. 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)

6. 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).

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õ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 – ...

9. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

11. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

12. 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.

14. http://writemaps.com

15. WireframeWireframe seria um esqueleto do site, quedeve ser feito antes de iniciar a montagem do layout com cores eimagens.

17. https://gomockingbird.com/

18. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

20. http://www.gimp.org/

23. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

24. 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.

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 é 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).

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

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. PhpMyAdminhttp://www.phpmyadmin.net

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. http://www.aptana.com/

35. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

36. http://br.mozdev.org/download/http://www.google.com.br/chrome

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. http://filezilla-project.org/

39. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

40. 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

41. CMS: WordPresshttp://br.wordpress.org

46. 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.

47. ProgramaUm pouco de HistóriaEtapas do DesenvolvimentoColeta de InformaçõesPlanejamentoDesignDesenvolvimentoTestes e PublicaçãoManutençãoConsiderações finais

48. Por onde continuar?http://tools.mozilla.com/

50. Obrigado! ;)