HTML,CSS,JS

  • View
    47

  • Download
    0

Embed Size (px)

DESCRIPTION

Básico de HTML,CSS,JS

Text of HTML,CSS,JS

TETCREVISO HTML,CSS,JS

CRIAR PROJETO NETBEANS Netbeans Menu Arquivo Novo Projeto

Na janela Novo projetos escolha em Categoria JavaWeb e em Projetos Aplicao Web Prximo >

Na janela Novo Aplicao Web Informe o nome do projeto (RevisaoHtmlCss) Local do projeto Prximo Finalizar

CRIAR DIRETRIOS Boto direita do mouse em Pginas Web Novo Diretrio (informe o nome) Finalizar Criar 3 diretrios (css, js, img)

CRIAR DIVISES EM index.jsp

CONTEUDO DIV TOPO Hlio Toshio Kamakawa Site Pessoal

CONTEUDO DIV TOPO Dados Pessoais
Nome
Hlio Kamakawa

Moradia
Umuarama - PR

Naturalidade
Paranava - PR

Email
heliotk@unipar.br

Formao
Sistema de Informao (Unipar - 2005/2009)

Especializao
Desenvolvimento de Software para Web (Unipar/Cianorte)
Administrao em Banco de Dados - Oracle (FICM - concluindo)

EXECUTE O PROJETO

INSERIR IMAGENS Copiar pasta img e colar em Pginas Web do projeto

CRIAR ARQUIVO CSS Boto direita do mouse na pasta CSS do projeto Novo Folha de estilo em cascata Informe nome (estilo1) FINALIZAR

DEFINIR estilo.cssbody { background-color:#B3B3B3; font-family: Arial, Helvetica, sans-serif; } #pagina{ position:relative; width:900px; padding:30px; }#topo { text-align:right; line-height:10px; }

#topo h1 b{ color:#FF0000; }#menu { width:600px; float:right; text-align:right; margin-bottom:30px; } #menu ul li{ display:inline; margin-left:20px; }

#topo h1 { font-size:50px; font-family:"Rage Italic","Monotype Corsiva","Edwardian Script ITC"; margin-bottom:10px; }

#conteudo { padding-left:350px; color:#333333; width:600px; font-size:12px; }

DEFINIR CSS NO HTML Hlio Kamakawa | Pgina Pessoal

INSERIR VRIOS ESTILOS Copiar arquivos da pasta estilos e colar na pasta css do projeto

MENU ESTILOS

  • Estilo 1

Estilo 2 Estilo 3 Estilo 4

CRIAR ARQUIVO JS Boto direita do mouse na pasta JS do projeto Novo Arquivo JavaScript Informe nome (script) FINALIZAR

DEFINIR FUNESfunction getCss(c_name){ if (document.cookie.length>0){ c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1){ c_start=c_start + c_name.length+1; c_end=document.cookie.indexOf(";",c_start); if (c_end==-1) c_end=document.cookie.length; return unescape(document.cookie.substring(c_start,c_end)); } } return ""; } function setCss(nomeCss,valor,vencimento){ var exData = new Date(); exData.setDate(exData.getDate()+vencimento); document.cookie = nomeCss + "=" +escape(valor)+ ((vencimento==null) ? "" : ";expires="+exData.toUTCString()); }

DEFINIR FUNESfunction checarCss(){ cssPag = getCss('cssPag'); (cssPag!=null && cssPag!="") ? mudarCss(cssPag) : mudarCss('estilo2.css'); } function mudarCss(estilo){ document.getElementById("tipoCss").href="css/"+estilo; setCss('cssPag',estilo,1); }

EXECUTE O PROJETO

CRIE PELO MENOS UM ESTILO