Como Criar Um site Gratis! - Web Sites CS - 7° aula

Como Criar Um site Gratis! - Web Sites CS - 7° aula

Oi Bel leza gente voltamos a última vídeo aula aí a gente tem uma base tarefas e como vocês podem ver nosso site já está bem evoluído temos uma sultopo que é o nosso banner aqui que ficou bem montado usando apenas o CSS e não usando nenhum editor de imagem certo e nós nosso banner a gente insere uma um campo de busca simplicidade de nenhum editor de imagem certa para agitar nosso o nosso banner transa terminamos aqui no Sul e a o nosso Nossa barra de tarefas na última vídeo aula que tá aqui

Alguns podem ver e agora a gente vai aprender aqui do nosso menu também Tá certo agora eu vou copiar aqui você parada Agora sim vou comprar essa tag de comentário aqui G1 Tá certo e vou colocar aqui em paz porque a gente já terminou nosso topo Tá certo então vou colocar aqui menor certo a gente vai ficar todos os comandos do menor aqui embaixo Olá tudo bem sim te Então dentro então aqui e fecha show Fashion então acabou nosso corpo hum hum a manchar criar Nós também não certo eu vou colocar aqui

ó Sim Fábio demenor E aí o e fecha mesmo é Olá tudo bem a gente vai colocar as informações que a gente vai criar pro nosso menino então vou que mantive com and the menu 1 E aí e fecha div bom então aqui Vou criar outra devia uma de e no link Tá certo fecha dividir como em cima como a gente criou em cima a então a gente não precisa criar mais de vir não certo pode fazer como criar só voar Tá certo o link e cego ainda na frente colocar depois Feche o ar e agora a gente faze r 1l gente que significa

mais linha quem não conhece aqui perto para que fazer verem que é o criou Hoje a minha linha Almeida do Elias a gente é a gente ele vai colocar alguma qualquer coisa então é e a gente vai aqui então já aparece ali nosso texto carta você nosso o nosso tipos e o nosso texto Tinha pode vir que horas aqui é o tamanho a gente foi mal daqui a mãozinha ainda tá porque porque a gente não definiu ainda tamanho essas coisas entendeu é para pagar o ele aqui ó certo gente se propagasse é linha aqui não

vou deixar de dentro mesmo Ah entendi que é melhor para a gente como não dar depois um Então vai tirar o ele que não vai precisar né que já ele já vai ficar embaixo mesmo então tá legal criamos mais um ambiente Esse vai ser o nosso menu tu acha que vai ter a partir de nove minutos entrar e a gente vai trabalhar agora o CSS do nosso menos um joguinho da velha minuto hora de} é um background eu vou deixar vou deixar branco mesmo mas eu vou por uma bo rda de uns dois Picos a Solid uma fã tenta

mesmo o som então que a gente ver que a gente criou uma uma borda que ela se encaixou aqui a pode ver que ela tá encaixado aqui tá vendo nossa um espacinho Preto ali ela só que a gente não deixe de um tamanho ainda então vou criar um uma largura aqui de um 150 pixels a altura que de uns 300 para ver como que fica um só um exemplo aqui para ver como que vai ficar Então ela ficou aqui tá vendo É nesse cantinho nesse cantinho é viram aqui ó só que eu quero ela fique melhor ainda a 500g o uau passou

que foi um há 400 e e mais uns 50 pizza eu acho que elas ficam boa ainda passou 25 eu não sei se é eu não sei se perfeita Ótimo adorei ela desse jeito Tá certo E aí bonitinho só que eu quero que ele se faz um pouquinho da nossa barra de tarefa porque ela tá muito grudada então aqui eu vou dar um peidinho peidinho topo gente só em cima fingindo margem e mais 1 tópico de 15 fixos e o perfeita 15 pixels de distância ele com um pouco com bastante não troca três com muito distanciado tá bom tá

perfeito assim do jeito que a gente quer bom então é como eu coloquei três pics ele para distanciar embaixo o tamanho então diminui três pizza então falta 23 aqui certo bom com vocês podem ver subiu aqui fico eu tinha uma Nossa o nosso layout do jeito que a gente queria certo é isso que eu quero é isso que é assim que vai ficar meu menino usar gente belezura belezura melãozinho então seguinte agora a gente vai tr abalhar no nossos nossos certo nossos que significa ali que nossos links vão ser

trabalhados agora então a gente vai mais fazer a mesma coisa que a gente fez em cima então não tem nenhum segredo aprender a fazer um link gente a gente a gente aprende a fazer tudo então aqui é o lá certo e aqui é o amor que ao passar o mouse sempre lembrando disso viu não tinha não tem segredo nenhum agora vocês tão se tornou aí um lado de lá ó ó Carol não vai mimar seu profissionais tapa que tem um site aí para você Ah tá aqui deixa eu colocar alguma opção ele não a promoção aqui é tão de

chuva aqui G1 eu não sei vamos colocar aqui nesse quem só um vídeo com trabalhos e lá vão inventar a me conta aqui YouTube certo né o box o YouTube Oi Google o Hotmail o Gmail E aí o Yahoo nós não temos todos os nossos links aqui ó como vocês podem ver como ladinho do outro que lembrem da linha que eu queria criar a linha lembra gente eu creio que ela querendo de mim é bom então ela não fi cou embaixo mandar outra Então temos que confiar assim a gente vida vendo Então a gente vai criar uma diva

para ele entendeu e tem que criar mais livre mantive para deixar também é e vamos lá temos uma div com e digio amendoim menor Lins E deixamos a nossa div e ficou só YouTube ali como vocês podem ver ó e aqui a gente vai colocar um G1 e esse menino o underline o link para escolher um um um tamanho para ele embaixo a gente continua com o Uai o arroba porque eu passar o mouse né É é tão aqui vou criar hum hum umas 150 fixa perto que ela tava na largura do nosso em mente aqui de 20 fixas que foi

como Em 1815 para ficar parecido com a nossa barra de tarefas certo tamanho Então tá aí o nosso o nosso o nosso menino ficou assim certo ele vai ficar com aqui não aparece porque a gente não faz nenhuma borda deixa eu colocar uma borda aqui para vocês verem que ele tá aí que a gente criou esse tamanho que é uma borda quente um pixel fale de azul Ah então tá aí ó com o vocês podem ver uma sua nosso a e o nosso menino ficou assim ó como a gente queria calma aí querido queria certo desse mesmo

jeitinho aí ó certo com o nosso o nosso link aqui ó o certo é só se quiser eu pode colocar um título ali também É certo que horas é melhor a gente pode colocar um H3 H2 aqui ó ó E aí E aí o menino eu vou lá embaixo esperar um pouquinho a atriz aqui para ficar Menorzinho e ainda tá ficando muito aí embaixo tirar o olhar três então o Olá menu certo só que eu quero que fique no centro certo tá bom daqui a pouco é uma linha certo e ele dividir alguns paguem minuto e lá em cima na CSS é a gente bota

aqui ó triste lá e me senti um e não vai ficando sempre tanto ele como que tá dentro da Diva Então a gente vai precisar depois centralizar essa daqui então a gente assentado em tudo todos os dias que a gente pode vai ficar no centro bonitinho Prefeito carta agora eu vou utilizar o meu o meu meu botãozinho aqui do menu certo então esse botãozi nho aqui eu quero que ele fique pela é preto sem anda lá e quando passar o mouse eu quero que ele fica um fundo preto e com as letras brancas para ficar

diferente do Então vamos lá Ah então tem que ser decoration vamos espera lá em cima não a cola G1 e vamos ver perfeita então agora já passaram mal aqui decoration underline com cor branca é certo falar respondente a eu coloquei perto e vamos passar o Mas vai ficar branco mas só que some então como a gente fez lá o Mac Ground com u ma cor preta então a passar o mouse fica preto mas só que ele não completar não fez em todo o botão Então a gente vai dar uma display Block Tá certo então ó o display

box é e a gente de lá então todo ter todo o adivinha a selecionada de preto vamos tira Nossa borda foi a gente não ficar com uma porta desse a gente vai ficar com essa borda Azul quem já sabe que o botão tá diferente fazer uma cor de fundo então E aí ó passou mal e fica preto pretinho pretinho pretinho é tentaria menu até que ficar ia pensar que não Eu mesmo não gostei dessa palavra menino ali então eu vou arrancar eu é que não gosto muito de tá vendo Então ali ó certo então passou mal fica com

fundo preto e com a fonte Branca certo então não tem nenhum segredo aí gente para criar os links tá como vocês viram aí a simples hasty mu e em rápido né para estilizar nosso botão Tá certo como vocês viram aí então aqui eu vou colocar mais olim o certo é o João E aí o Yahoo um bom e assim vai dependendo da s o site tá aqui só são minhas as opções que o que que eu quero é que a gente quiser diminuir o tamanho também a gente pode diminuir Aí mais de vocês se a gente quiser deixar nossos os nossos

nossos nosso texto É aqui ó não na direita a gente tira aqui ó o Centro para não ficar alinhado Tá certo então tá fico ali a menina no cantinho certo mas daí eu quero e ele não fique grudado certo não vai ficar grudado bom então aqui ó eu vou dar um peidinho lá te disse 5 pixels a ponte Vila a é tão ali desgrudou amor gente viu entendeu gente então aí é simples faço entendeu É só usar mente aí que a gente faz um um site perfeito Então vou diminuir aqui tamanho que eu não quero mais 150 certo

para vocês verem também aí ó Ficou do tamanho que a gente que só que ficou doente aqui que a gente tem que diminuir também aqui ó eu link show eles colocassem então ficou sem certo e aqui agora a gente vai colocar o conteúdo então então aqui também ficou muito grande que eu não quero também ele mandou desse jeito então é colocar aqui ó com 123 não ver como que fica tá bom perfeita que ficou legal aqui perto caso queira colocar mais link seu e eu adiciono Aqui ó pode falar E aí Tá certo adicionar

linhas fica mais links daí aumento Aqui nós tá bom tamanho da Nossa Senhora é do nosso aqui ó homem para 25 que então sem nenhum segredo fácil rápido aí é só criar o dia de vocês e até a próxima a gente vou ficando por aqui é a última a última não né é penúltimo né que a

Aprenda de uma vez por toda montar seu negocio online em casa.

Clique no botão a baixo para acessar varios cursos gratis.