Você está na página 1de 36
2av0a2015 CCriar sites HTMLS de uma pagina com seralle menu fxo- Cri sites CRIAR SITES HTML5 DE UMA PAGINA COM SCROLL E MENU FIXO Everton Muta (http//www.criarsites me/author/evertonmiuta/) Gs HTML (httpy/www.criarsites.me/category/tutorial/html/) and Tutoriais (httpy//www.criarsites. me/category/tutorial/) © 29/03/2013 @ 51 » Criar sites gratis (http://www -criarsites me/tag/criarsites-gratis/), HTMLS tpy/www.ctiarsites.me/tag/ntmis/) bitpskwwwcriarsites.melviar-sites-temlS-de-uma-pagina-com-serall--mertefxal 2av0a2015 CCriar sites HTMLS de uma pagina com seralle menu fxo- Cri sites HTML TEMA HTMLS criarsites. [ Aprenda fazer um site simples e elegante com HTMLS5 e jQuery. Neste tutorial vamos aprender como criar sites HTML5 em sua estrutura basica, ou seja, navegacao, artigo, imagens e rodapé Ja podemos contar com o suporte parcial na maioria dos atuais navegadores, a atualizagao do XHTML, o HTMLS, mas ainda teremos alguns anos para que todos os navegadores e versdes se adaptem a mais nova versao. Para corrigir algumas versdes antigas de navegadores vamos utilizar o plugin htmI5shiv, um javascript que pode corrigir esse detalhe para nosso HTMLS. bitpskwwwcriarsites.melviar-sites-temlS-de-uma-pagina-com-serall--mertefxal 2av0a2015 CCriar sites HTMLS de uma pagina com seralle menu fxo- Cri sites Sempre gostei muito de sites de uma pagina com rolagens automaticas, e sempre quis colocar um tutorial em HTMLS5 aqui no criarsites.me (http://www.criarsites.me/). Resolvi criar este modelo simples com alguns atrativos interessantes. Usei no layout o plugin serollto (http://demos.flesler.com/jquery/scrollTo/), facilitando na navegacao de nosso modelo de uma pagina. Para o usuario nao ficar perdido entre as sessées do site coloquei o meu fixo no topo ao fazer a rolagem. Claro que com alguns ajustes pode ficar ainda melhor, basta soltar a imaginagao e colocar a m4o na massa Criar sites HTML5 exemplo criado para nosso tutorial. Eater) ete Ce tater cae sVe as eY criarsites, PY gil Visualize o modelo online clicando no botéo VISUALIZAR DEMO abaixo ou faga o cadastro para fazer o DOWNLOAD e receba 0 tema completo no seu e- mail pute crarsites.meleia-sites-himIS-de-uma-pagina-com-scrale-mertnixol 338 2av0a2015 CCriar sites HTMLS de uma pagina com seralle menu fxo- Cri sites (http://www.criarsites.me/htm|5-tutorial/) (HTTP://WWW.CRIARSITES.ME/HTML5-TUTORIAL/) Para fazer o Download basta se inscrever na nossa lista de membros premium que vocé tera acesso aos arquivos de downloads completos. Receba todos os arquivos do tema no seu e-mail. Nome * Email * Baixar Veja logo abaixo a estrutura adotada para este tutorial. bitpskwwwcriarsites.melviar-sites-temlS-de-uma-pagina-com-serall--mertefxal 2av0a2015 CCriar sites HTMLS de uma pagina com seralle menu fxo- Cri sites
Como podemos ver essa é a estrutura basica para criar sites HTML5, mas podemos fazer muita mais com essa estrutura que em breve todos os sites estardo abordando. Para quem ja esta acostumado a criar sites com div, 0 sistema é o mesmo. Para formatar a determinada segao, adicionamos classes ou id ao nossos elementos. Essa inovagao serve para deixar nossa estrutura mais semantica e organizada para os sistemas de buscas, assim entenderem nossa estrutura com mais facilidade. bitpskwwwcriarsites.melviar-sites-temlS-de-uma-pagina-com-serall--mertefxal 896 2av0a2015 CCriar sites HTMLS de uma pagina com seralle menu fxo- Cri sites 1 — Primeiro passo: desenvolvimento do tema no programa de imagens. pes7! el poxntay eD7 eds We oy oe 7 Saxo cans Eu usei o programa da Adobe Fireworks, sempre utilizo o Fireworks para desenvolver meus projetos. A ideia toda comega no programa de imagens. La é onde vamos decidir como vai ficar nosso site, as cores, espagos, tamanho e criar algumas imagens que podemos utilizar no nosso layout na formatagao CSS. 2 - Segundo passo: desenvolvimento da estrutura do cabecalho “head”. 9 10 . 21 23 24 25 26 27 Instagram
    • Scribd – Faça o download na App Store
    • Scribd – Faça o download na App Store