Upload
gilson-paulino
View
1.033
Download
0
Embed Size (px)
DESCRIPTION
Aula 03 - Desenvolvimento Web com PHP
Citation preview
2. Uma vida sem desafios no vale a pena ser vivida.(Scrates) 3. O que HTML? Sintaxe bsica do HTML Tags mais usadas Tabelas Listas Divs Span O que CSS? Sintaxe bsica do CSS Classes Alinhamentos Efeitos em links e textos Estilos de fontes e tabelas
,
, ,.minhaclasse,etc...); 17. Propriedade: o atributo doelemento HTML ao qual ser aplicada aregra (por exemplo:font, color, background, etc...).Valor: a caracterstica especfica a serassumida pela propriedade (por exemplo:letra tipo arial, cor azul, fundo verde, etc...) 18. Mas voc no est restrito somente aos elementos HTML (tags)para aplicar regras de estilo.Voc pode "inventar" um nome e com ele criar uma classe aqual definir as regras CSS. E o mais interessante das classes, que elas podem ser aplicadas a qualquer elemento HTML. Emais ainda, voc pode aplicar estilos diferentes para o mesmotipo de elemento do HTML, usando classes diferentes para cadaum deles.A sintaxe para o seletor classe mostrada a seguir.Elemento HTML mais um nome qualquer que voc "inventa"precedido de . (ponto):elemento.minhaclasse { propriedade: valor; } 19. O seletor ID difere do seletor classe, por ser NICO. Umseletor ID de determinado nome s pode ser aplicado aUM e somente UM elemento HTML dentro dodocumento.Voc pode "inventar" um nome e com ele criar um ID aoqual definir as regras CSS. Um determinado ID spode ser aplicado a UM elemento HTML.A sintaxe para o seletor ID mostrada a seguir. Umnome qualquer que voc "inventa" precedido do sinal # :#meuID { propriedade: valor;} 20. Existemvrias formas de integrar o CSS a um fonte HTML, usaremos duas delas: Incorporada; Externa. 21. Incorporada: Folha de estilo incorporada uma folha de estiloanexada a um s documento HTML. As regras deestilo so vlidas to somente para aquele documentoespecfico. A folha de estilo especificada dentro daseo headdo documento e declarada como contedoda tag 22. Externa: Folha de estilo externa um arquivo que pode ser gerado emqualquer editor de texto, e salvo com extenso.css, contendoregras de estilo e que pode ser lincado a um ou vriosdocumentos HTML. Esta sem dvida a maneira mais eficazpara se formatar todo um site, bem como mudar sua aparnciaparcial ou globalmente, pois a simples edio de um s arquivofar o efeito. O arquivo linkado ao documento HTML com uso datag colocada dentro da seo head do documento. Osarquivos que contm as regras de estilo ou seja a folha de estilosdevem ter a extenso .css : 23. Formatando texto: 24. Div: 25. http://maujor.com 26. Criando um projeto PHP no Netbeans:Aps abrir o Netbeans,clique no menu Arquivoe em Novo Projeto. 27. Najanela Novo Projeto selecione a opo Aplicativo PHP e clique em Prximo>: 28. D um nome ao projeto:Devemos atentar parapasta onde sero gravadosos cdigos-fonte, verso doPHP e codificao. 29. Configurandoo servidor de teste:Em Executar comoselecione Site da WebLocal.Em URL do projeto digiteapenas http://cursodephp. 30. No usaremos nenhum framework: 31. Hospedagem virtual, do ingls Virtualhosting, um mtodo que osservidores, tais como servidoresweb, utilizam para hospedar mais de umnome de domnio em um mesmocomputador, algumas vezes no mesmoendereo IP. 32. No Windows precisamos alterar o arquivo C:WindowsSystem32driversetchosts Adicione um alias para o nosso projeto. 33. Configurandoo Apache: Abra o arquivo D:xamppapacheconfextrahttpd-vhosts.conf.Copie o blocomodelo e altereconforme omodelo asnecessidades doprojeto. 34. necessrio reiniciar o Apache: 35. Acesseo projeto no navegador usando o alias http://cursodephp:A pgina est em branco, nosso projeto ainda est vazio. 36. Criauma pgina Currculo; Usar tabelas e formataes com CSS; Hospedar a pgina Currculo no site dehospedagens gratuitas: http://www.hdfree.com.br