School of Industrial and Labor Relations - olá pessoal vamos dar continuidade à nossa aula de criar um site do zero utilizando php é é html css também é gente vai seguir o modelo aqui não é conforme eu falei na outra aula ah esqueci de falar pra vocês que aqui dentro do topo né a gente tem que o topo e dentro toda a gente tem a logo e tem um menu tá bom é tão aqui a gente vai ter uma dívida da uad dela vai ser longo e a gente vai ter uma url dentro do l gente vai ter uma l e com quatro links tá bom então a gente vai ter uma 4 o l e dentro da uel agente vai ter um la frontera agora vamos criar aqui um novo documento do tipo css a gente tem que analisar ah vamos olhar que o fundo preto o fundo cinza vamos abrir que o photoshop pra gente poder pegar as cores certinhas aqui do site tá só um minutinho carregar aí finalmente bom se é preto então a gente precisa pegar mas a gente tem que saber as cores desses aqui vamos dar um print screen era aí que eu fechasse aqui - vamos criar um novo documento escolar ele a portuguesa vamos deixar ele aqui por enquanto tá então vamos lá o vamos aqui primeiramente descobrir qual o tamanho que foi passado pra gente tá esse tamanho aqui quando vocês estiverem criando o site o designer vai passar pra vocês mas como estou pegando um template pronto então não sei o tamanho original então voltar capturando ele aqui para me ver qual é o tamanho que foi criado o site tá bom tá ok beleza um pouquinho lado ok certinho então ele tem mil e 18 de largura a gente tem que fazer a nossa vamos criar aqui primeiro vamos resgatar todo tá vamos informar que o bari e informar também que a nossa o l eles vão ter pede de zero clickon e vamos ter margem também de zero pizza tá bom vamos salvar aqui como style com o css antes de tudo aqui eu vou colocar um qualquer coisa aqui pra vocês verem o que significa reparem aqui que eu tenho uma diferença do lado de esquerdo pro a e doar para o lado para protocolo ele não encosta bom isso é um pad ele dá espaço para dentro do conteúdo então aqui no css eu tô falando pra ele que a tag bari nem até debaixo do meu html e todo o elemento o l que existir ele vai ter margem zero e pede 10 agora vamos chamar aqui e css opa peraí a chamar de outro jeito aqui ok beleza chamei o meu css aqui notem que como atualizar ele colou eu falei pra ele que é para tirar o pé de imagem uma outra coisa também que é bem desagradável a às vezes são aquelas bolinhas que fica na web fica na li o papel aí só um minutinho essas bolinhas aqui tá bom a gente já tirou ela que já com o ped a margem zero então não sai tem outra forma de tirar também a voz e utilizando list style coloca ne aí ela não aparece tá bom tá bom o que já colocamos aqui vamos tirar esse ws de voltar ao normal agora vamos começar com o tamanho noves 1018 né então a gente vai começar através do topo da geral agora pega 100% do documento tá então vamos falar que que a geral me quando o trabalho com ade e referenciou com o jogo da velha quando eu trabalho com classe referência o ponto como trabalhando com editam vou jogar o jogo da velha jogo da velha mais o nome do ird que você colocou no caso que a minha geral fala para geraldo que ela vai ter um overflow hayden parece que significa que ele vai esticar a tive na horizontal o plano vertical é de acordo com o conteúdo foi crescendo tá bom beleza agora a gente vai fazer referência por um topo o nosso topo da geral então a gente vai colocar geral depois de geral tem o nosso do topo vai ter que ter uma largura de 1.018 pixeis vamos colocar à margem zero alto para ela ficar centralizado a gente já vinha aqui ó percebem que o nosso topo já centralizou ok agora vamos falar aqui dentro do topo tem a louco então a gente vai repetir que ó se encontra na geral se encontra dentro do topo e dentro do topo tem a logo vamos falar que é logo aqui o perdão logo vírgula agente referenciar um outro de tá bom que é o vamos colocar aqui um add on para menos no topo - no topo a gente fala que dentro da dívida geral dentro da dívida topo a gente tem um elemento com ard logo um outro elemento com haidê menu topo vamos falar que esses dois aqui eles vão ficar volte left times vão ficar juntos na vertical e na horizontal perdão como se confirmar vamos escrever que louco não notem aqui que eu tenho logo e depois eu tenho meu menu aqui vamos colocar aqui pro topo também um overflow raiva eu o vejo hayden ele coloca tudo juntinho para você vamos colocar aquele lixo style que também nome que tirou aquelas bolinhas chatas aqui tá só para você entender vou tirar aqui o governo do rio tem carne notem como é que ficou desconfigurado está a minha div é topo ela não cresceu de acordo com o conteúdo se eu coloco houve flor hayden ela cresce de acordo com o conteúdo e me deixar em edinho bonitinho evita muito erro sekita já sofri demais com isso aqui a o flot left como eu disse é para deixar os dois ou três elementos depende que você colocar um do lado do outro tá na ufpe na horizontal então a gente vai falar aqui e agora vamos copiar essa aqui para adiantar duas vezes vamos apagar esse conteúdo vamos apagar esse conteúdo aqui também aqui agora tinha referência apenas a logo e aqui a gente vai referenciar apenas um minuto a gente vai ter que um tamanho e uma largura para logo de 200 pixeis vamos lá ver como é que tá ficando 200 pizza é muito pequeno vamos colocar 400 quatrocentos pizza bacana vamos colocar aqui também 400 pixels também já que vai ser igual a gente pode diferenciar em cima tá oe de 400 pixeis porque aqui em cima eu tô fazendo referência às duas aos dois elementos aids estava logo topo então como eles vão ficar iguais eu vou deixar ele aqui pra gente evitar redundância no código ok a vamos falar vou deixar essas aqui vazio por enquanto que a gente pode usá-los depois tá vou falar aqui que surge dentro do geral topo meu menu topo eu tenho dele eu tenho umas league são as listas e eu quero que ela seja também alinhada flute left pelas etar juntinhas então coloca ali e elas ficam juntinhos aqui eu vou falar aqui elas vão te deixa eu ver como está o layout né ok ok pra falar que ela não ter um pad de 5 pixeis bom ela só então o espaçamento interno tanto esquerdo direito em cima em baixo de 5 pixeis ah vamos copiar aqui e se esses meninos aqui a gente colocar lá vai ser home é sobre o blog e aqui vamos colocar contato aqui agora a gente vai fazer aqui luxo só ok coloquei também houve flo rida em no haiti que referencia minha welle no menu topo bom aqui agora pra mim poder alinhar que direitinho a gente pode colocar um bom corte onde só pra gente ver o tamanho que ela tá agora vamos empurrar ele para a distância a gente porra eu vou pegar na prova empurrar é o meu menu utilizando a minha louco quero que a minha logo de distância do menu tá bom então eu vou usar a minha logo o margen raid de 120 pixeis mas 170 pixeis mas até chegar aqui no finalzinho tá não vou colocar aqui 226 agora foi muito então colocar 200 pixeis não 210 pixeis 215 217 218 ok 218 já me deu um espaçamento bacana ele poste iraque vamos cancelar isso aqui aqui na minha logo vamos colocar aqui som colocar um link time escrever meu nome nela vai servir como logo pra gente aqui pode usar a imagem também tá bom a deixa eu acho que essas imagens aqui deixou confirmar a beleza tem essas imagens aqui ó então o que acontece aqui tá no ccse aqui está o meu html e eu tenho a pasta imagem da paz imagem eu tenho logo ponto gif bom ataque e logo vamos voltar aqui então vamos tirar nove vamos colocar a imagem eu tenho dentro da pasta imagens barra logo ponto que fi já a imagem aqui vamos falar aqui dentro do meu css que dentro da minha logo eu tenho um ar que tem uma imagem dentro do a essa imagem ela vai te borda 0 a tirar aquelas bolinhas o que fica a vamos confirmar aqui qual é o tamanho 298 por 39 ok deixa eu confirmar que 298 então a gente vai comentar aqui ó 98 a mão não perguntam aqui eu já está definido com 400 então ok tá certo vamos abrir o navegador vamos 95 e ela começa a criar forma vamos definir aqui vai uma corte um dom que vai ser preto dra ok deixa eu só vi aqui estamos com 20 minutos de gravação vamos só até à meia hora que o paulo e volta de novo não ficar muito grande está então ok vamos falar que o nosso topo ele vai ter uma margem toque 30 pixel só para desgrudar de mim aqui tá bom agora a gente vai formatar aqui o nosso espaço aqui o texto eu tenho que uma classe star que vai chamar o menino - vou falar pedra que ela vai ter uma fonte do tipo com a geórgia tadokoro da da cor vai ser cinza e ela vai ter 13 decorrente o noni que aqueles underline que ficam que ela vai ser do tipo um link clássico é formatar o link desculpe aqui que agora que eu vou matar conta ela ser visitada vai permanecer e quando passar o mouse quero que ela sublinha colocam online vamos é vim aqui e colocar a nossa classe no ar de menino nos coloca para todos ok vamos falar que também que ela vai ter um tamanho de 16 bits então ae vamos confirmar aqui em design 16 pixeis porque aí vamos aumentar para 20 com muito pequenininho comentou que é beleza então passar o mouse colocam online em baixo tá bom vou dar uma pausa aqui depois a gente continua mais tão falou galera até mais shopping.
O que e abstrato yahoo artigo 26 do direitos humanos Paraíba monografia sobre fisicoquimica. Pouso Alegre melhor curso para concurso publico Textos criativos, tcc motivacao metodologia Trabalho Acadêmico, lista de artigos em alemao Crítica Literária/Filme, dia das maes reflexao Relatório de Laboratório. Exame de sangue curitiba preco artigo 58 da clt jornada de trabalho o que e abstrato yahoo Mato Grosso cep goiatuba cursos. Apresentacao em power point de vendas Trabalho de pesquisa Itu motivacao no ambiente de trabalho objetivos, assedio moral no ambiente de trabalho resumo.
Rio das Ostras:
Alfred Sanders, Tompkins County: European School of Economics. João Pessoa: The Schools of Public Engagement; 2008.
Albert Love, Rensselaer. Embu das Artes: Sisters of St. Joseph; 2010.
Bridgette Simpson, Park Avenue zip 10022. Camaragibe: State University of New York at Purchase; 2014.