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
IntroduçãoaoDesenvolvimento WEBOsprimeirospassospara se desenvolver um site com qualidade.
QUEM SOU –ApresentaçãoThiago Nascimento
VOIP (Identidade Visual)
VOIP (Site)http://www.voip.ufla.br/
CICE (Identidade Visual)
CICE– Sitehttp://www.cice.ufla.br/
GRUPO DO LEITE (Identidade Visual)
GRUPO DO LEITE– Sitehttp://www.grupodoleite.com.br/
O MiniCurso
A PROFISSÃOParaquemtrabalhanaárea de desenvolvimento WEB
Locais de atuação de um profissional da WEB
Quadro de salários - INFO
Conceitosbásicos do funcionamento de SITEO Usuárioatravés do Firefox (Navegador) informa um endereço (www.google.com) queérequisitado um DNS através do protocolo TCP/IP queliga-se a um SERVIDOR (local onde o site estáhisoedado) queporsuavezenvia as informaçõesaousuáriosolicitante.
queéendereço e oqueéservidorExemplos de empresasquefornecemtaisserviços
OPrimeirocontato com o esboço de um design
O Design digital –desenvolvimento do layout em JPEG
Programasrecomendadospara a criação deWireFrames
Programasrecomendadospara odesenvolvimento do Layout (JPEG)
Iniciando o desenvolvimento da codificação de um site.Transformando o LAYOUT JPEG empágina de web HTML
Folhas de EstilosCascata– CSSA estilização do HTML
Programasrecomendadospara se desenvolver ocódigo de um site.
Portrás da lógica de um site, a programação.
Principaislinguagens e recursosutilizadosnaprogramação WEBPHP e MySQL / ASP e ACCESS / JAVA
PRÁTICA – A ferramenta Adobe Dreamweaver
Osprimeirospassos no código HTML
Desenvolvimentoatravés de “tabelas”
Exemplo do HTML antigo e o XHTMLO XHTML utilizapráticas de CSS, o quefacilita a estilização de um site.
Exemplosbásicos de códigosutilizadosemumapágina WEB (HTML).
Apresentação do LAYOUT queiremosdesenvolver no MiniCurso
Visualizando o site comotabelas
Arrumando o terrenopara o desenvolvimento do site.HTML –barra no topo do siteBODY –onde o site serádiagramado / imagem de fundo do menuCLEAR –código CSS paralimpar a flutuação das DIV’s CSSCENTRO – DIV criadaparacentralizar o site com 1000px de largura
Codificação do TOPO
Codificação do MENU
Codificação do CORPO
Codificação do RODAPÉ
Finalização da página–visualização no navegador web
Agradecimentos.Contato:www.thiagonasc.com / contato@thiagonasc.com / skype: thiagonascLivrosrecomendados: Não me façaPensar / Design para a internet / Projetando websites com usabilidade / A cabeçade Steve Jobs