Introdução ao Desenvolvimento WEB

  • View
    2.609

  • Download
    0

Embed Size (px)

DESCRIPTION

Introdução ao Desenvolvimento WEB MiniCurso apresentado no Fórum de Integração Universitária, na Universidade Federal de Lavras. Aborda os primeiros passos para se desenvolver um site com qualidade, a profissão de um desenvolvedor web, os principais conceitos e a prática, desenvolver um site estático da BMW. www.thiagonasc.com

Text of Introdução ao Desenvolvimento WEB

PowerPoint Presentation

Introduo ao Desenvolvimento WEBOs primeiros passos para se desenvolver um site com qualidade.1QUEM SOU ApresentaoThiago Nascimento2VOIP (Identidade Visual)3VOIP (Site)http://www.voip.ufla.br/4CICE (Identidade Visual)5CICE Sitehttp://www.cice.ufla.br/6GRUPO DO LEITE (Identidade Visual)

7GRUPO DO LEITE Sitehttp://www.grupodoleite.com.br/8O MiniCurso9A PROFISSOPara quem trabalha na rea de desenvolvimento WEB10Locais de atuao de um profissional da WEB11Quadro de salrios - INFO12Conceitos bsicos do funcionamento de SITEO Usurio atravs do Firefox (Navegador) informa um endereo (www.google.com) que requisitado um DNS atravs do protocolo TCP/IP que liga-se a um SERVIDOR (local onde o site est hisoedado) que por sua vez envia as informaes ao usurio solicitante.13que endereo e o que servidorExemplos de empresas que fornecem tais servios14O Primeiro contato com o esboo de um design15O Design digital desenvolvimento do layout em JPEG16Programas recomendados para a criao de WireFrames17Programas recomendados para o desenvolvimento do Layout (JPEG)18Iniciando o desenvolvimento da codificao de um site.Transformando o LAYOUT JPEG em pgina de web HTML19Folhas de Estilos Cascata CSSA estilizao do HTML20Programas recomendados para se desenvolver o cdigo de um site.21Por trs da lgica de um site, a programao.22Principais linguagens e recursos utilizados na programao WEBPHP e MySQL / ASP e ACCESS / JAVA23PRTICA A ferramenta Adobe Dreamweaver24Os primeiros passos no cdigo HTML25Desenvolvimento atravs de tabelas26Exemplo do HTML antigo e o XHTMLO XHTML utiliza prticas de CSS, o que facilita a estilizao de um site.27Exemplos bsicos de cdigos utilizados em uma pgina WEB (HTML).28Apresentao do LAYOUT que iremos desenvolver no MiniCurso29Visualizando o site como tabelas30Arrumando o terreno para o desenvolvimento do site.HTML barra no topo do siteBODY onde o site ser diagramado / imagem de fundo do menuCLEAR cdigo CSS para limpar a flutuao das DIVs CSSCENTRO DIV criada para centralizar o site com 1000px de largura31Codificao do TOPO32Codificao do MENU33Codificao do CORPO34Codificao do RODAP35Finalizao da pgina visualizao no navegador web36Agradecimentos.Contato: www.thiagonasc.com / contato@thiagonasc.com / skype: thiagonascLivros recomendados: No me faa Pensar / Design para a internet / Projetando websites com usabilidade / A cabea de Steve Jobs37