tag:blogger.com,1999:blog-58269306865345896672024-02-18T21:03:47.704-08:00Curso HTML e JavascriptCuruso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-5826930686534589667.post-45767820988045183632011-12-01T14:19:00.000-08:002011-12-01T14:21:51.016-08:00Como surgiu Javascript<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIOxorWKgN1r7QcRpnSAI4iW9Glw3_55PBaPrBceupnaiwuW9T1NVe0E5ItRjIqV6q3WYiovMdDTHKQKsP4adUXPa8rLORdei6A46wNguQ83H4fs-TM1Bb_oxaTu1OIqKvqzHPGC-Jpk/s1600/Curso-de-JavaScript-Programacao-de-Scripts-na-Web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" dda="true" height="258px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIOxorWKgN1r7QcRpnSAI4iW9Glw3_55PBaPrBceupnaiwuW9T1NVe0E5ItRjIqV6q3WYiovMdDTHKQKsP4adUXPa8rLORdei6A46wNguQ83H4fs-TM1Bb_oxaTu1OIqKvqzHPGC-Jpk/s320/Curso-de-JavaScript-Programacao-de-Scripts-na-Web.jpg" width="320px" /></a></div>Como surgiu o JavaScript?<br />
<cite>- JavaScript é uma linguagem que foi primeiramente desenvolvida pela Netscape e que, inicialmente se chamava LiveScript. Antes do lançamento da 1ª versão do LiveScript, no final de 1995, a Netscape fechou uma aliança com a Sun Microsystems (Criadora da linguagem JAVA) , para desenvolverem em conjunto esta nova linguagem, que passou a se chamar JavaScript, também conhecida como JScript.</cite><br />
<br />
Onde é utilizada? <br />
<cite>- É muito utilizada como auxílio de criação para páginas web, a maioria das linguagens para Web tem suporte a JavaScript, sendo assim podemos inserir o código, tanto em HTML, ASP, etc... </cite><br />
<br />
Que linguagens preciso saber para começar com o JavaScript? <br />
<cite>- Na verdade, não precisa de nenhuma, mas eu recomendo, pelo menos o HTML, para que você possa entender algumas formatações do código. </cite>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com1tag:blogger.com,1999:blog-5826930686534589667.post-28853279306185602912011-12-01T14:12:00.000-08:002011-12-01T14:12:57.720-08:00o que é html<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCDPRA_Q6wtAxNwnjoWIwpCcAAlxRkk0r3Ekx0zeK0kyQfEBc7fHsz2dAb7tz2LkTdtvpVpvzNhT5xlDfK5t6hXAj5w_drPPvyoLcaR2Yghj9tx41W4ohZflW-hB5LHlQD-GUgVPtev9o/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" dda="true" height="320px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCDPRA_Q6wtAxNwnjoWIwpCcAAlxRkk0r3Ekx0zeK0kyQfEBc7fHsz2dAb7tz2LkTdtvpVpvzNhT5xlDfK5t6hXAj5w_drPPvyoLcaR2Yghj9tx41W4ohZflW-hB5LHlQD-GUgVPtev9o/s320/html.jpg" width="265px" /></a></div><div class="separator" style="clear: both; text-align: left;"><taghw>HTML é uma linguagem com a qual se definem as páginas <a href="http://www.criarweb.com/artigos/7.php#" rel="nofollow" style="border-bottom: 1px dotted; color: #006600; cursor: hand; text-decoration: underline;">web</a>. Basicamente trata-se de um conjunto de etiquetas (tags) que servem para definir a forma na qual se apresentará o texto e outros elementos da página. </taghw><br />
<br />
O HTML se criou a princípio com objetivos de divulgação. Porém, não se pensou que a web chegaria a ser uma área de ócio com caráter multimídia, de modo que, o HTML se criou sem dar respostas a todos os possíveis usos que lhe dariam posteriormente e a todo coletivo de gente que o utilizariam no futuro. Entretanto, frente a este deficiente planejamento, com o tempo, foram se incorporando modificações as quais são os padrões (standards) do HTML. Numerosos padrões já se apresentaram. O HTML 4.01 foi o último padrão feito até o mês de abril de 2004. <br />
<br />
<taghw>O HTML é uma linguagem de programação muito <a href="http://www.criarweb.com/artigos/7.php#" rel="nofollow" style="border-bottom: 1px dotted; color: #006600; cursor: hand; text-decoration: underline;">fácil</a> de aprender, o que permite que qualquer pessoa, mesmo que nunca tenha programado possa enfrentar a tarefa de criar um website. O HTML é fácil e em pouco tempo poderemos dominar sua linguagem. Mais adiante, conseguiremos os resultados profissionais graças as nossas capacidades para o desenho e a nossa veia artística. </taghw><br />
<br />
<taghw>Uma vez conhecendo o conceito do HTML, vamos adiantar mais algumas coisas. Esta linguagem se escreve em um documento de texto, por isso necessitamos de um editor de textos para escrever uma página web. Sendo assim, o <a href="http://www.criarweb.com/artigos/7.php#" rel="nofollow" style="border-bottom: 1px dotted; color: #006600; cursor: hand; text-decoration: underline;">arquivo</a> onde está contido o código HTML é um arquivo de texto com uma peculiaridade, que tem uma extensão .html ou .htm (é indiferente qual deles utilizar). De modo que quando programarmos em HTML, o faremos com um editor de texto, o mais simples possível e salvaremos nossos trabalhos com extensão .html, por exemplo: minhapagina.html. </taghw><br />
<br />
Para adiantar um pouco mais como se utiliza o HTML, diremos que a linguagem consta de tags que são etiquetas que tem esta forma<B> ou<P>. Cada etiqueta significa uma coisa , por exemplo:<B> significa que se escreve em negrito (bold) ou<P> significa um parágrafo,<A> é um link, etc. Quase todas as etiquetas têm sua correspondente etiqueta de fechamento, que indica que a partir desse ponto a etiqueta não vai se alterar. Por exemplo,</B> se utiliza para indicar que se deixe de escrever em negrito. Portanto, o HTML não é mais do que uma série de tags que se utilizam para definir a forma ou o estilo que queremos aplicar em nosso documento. Ou seja,<B> isto está em negrito</B>. <br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-53021739472185716532011-12-01T14:08:00.000-08:002011-12-01T14:08:25.264-08:00Aumentar imagem ao passar o mouse<html><br />
<head><br />
<script language="javascript"><br />
<!--<br />
function aumenta(obj){<br />
obj.height=obj.height*2;<br />
obj.width=obj.width*2;<br />
}<br />
<br />
function diminui(obj){<br />
obj.height=obj.height/2;<br />
obj.width=obj.width/2;<br />
}<br />
//--><br />
</script><br />
<br />
<title>Aumentar o tamanho de uma imagem ao passar o mouse</title><br />
</head><br />
<br />
<body><br />
<center><br />
<p><img src="http://www.codigofonte.com.br/img/logo.gif" width='258' height='45' alt="CodigoFonte.com.br" onMouseOver="aumenta(this)" onMouseOut="diminui(this)"><br />
</center><br />
</body><br />
</html>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-39847037963106192662011-12-01T13:48:00.000-08:002011-12-01T13:48:01.741-08:00O que é Javascript<taghw><span style="color: black;">Javascript é uma linguagem de programação utilizada para criar pequenos programinhas encarregados de realizar ações dentro do âmbito de uma página web</span><span style="color: black;">. </span><br />
<taghw><span style="color: black;">Trata-se de uma linguagem de programação do lado do cliente, porque é o navegador</span><span style="color: black;"> que suporta a carga de processamento. Graças a sua compatibilidade com a maioria dos navegadores modernos, é a linguagem de programação do lado do cliente mais utilizada. </taghw></span><br />
<span style="color: black;">Com Javascript podemos criar efeitos especiais nas páginas e definir interatividades com o usuário. O navegador do cliente é o encarregado de interpretar as instruções Javascript e executá-las para realizar estes efeitos e interatividades, de modo que o maior recurso, e talvez o único, com que conta esta linguagem é o próprio navegador. <br />
<br />
Javascript é o seguinte passo, depois do HTML, que pode dar um programador da web que decida melhorar suas páginas e a potência de seus projetos. É uma linguagem de programação bastante simples e pensada para fazer as coisas com rapidez<taghw>, às vezes com leveza. Inclusive as pessoas que não tenham uma experiência prévia na programação poderão aprender esta linguagem com facilidade </span><span style="color: black;">e utilizá-la em toda sua potência com somente um pouco de prática. </taghw><br />
<br />
Entre as ações típicas que se podem realizar em Javascript temos duas vertentes. Por um lado os efeitos especiais sobre páginas web, para criar conteúdos dinâmicos e elementos da página que tenham movimento, mudem de cor ou qualquer outro dinamismo. Por outro lado, Javascript nos permite executar instruções como resposta às ações do usuário, com o qual podemos criar páginas interativas com programas como calculadoras, agendas, ou tabelas de cálculo. <br />
<br />
<taghw>Javascript é uma linguagem com muitas possibilidades, permite a programação de pequenos scripts, mas também de programas maiores, orientados a objetos, com funções, estruturas de dados complexas, etc. Ademais, Javascript coloca à disposição do programador todos os elementos que formam a página web, para que este possa </span><a href="http://www.criarweb.com/artigos/184.php#" rel="nofollow" style="border-bottom: 1px dotted; color: #006600; cursor: hand; text-decoration: underline;"><span style="color: black;">acessar</span></a><span style="color: black;"> a eles e modificá-los dinamicamente. </taghw></span><br />
<span style="color: black;">Com Javascript o programador, é quem se converte no verdadeiro dono e controlador de cada coisa que ocorre na página quando está sendo visualizada pelo cliente. <br />
<br />
<a href="http://www.youtube.com/watch?v=YCjiN5Stx9k" target="_blank">http://www.youtube.com/watch?v=YCjiN5Stx9k</a></span>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-35303740767634609102011-11-28T17:08:00.000-08:002011-11-28T17:08:50.678-08:00Calcular Comissão ultilizando Javascript<span style="font-family: Calibri;"><html></span><br />
<span style="font-family: Calibri;"><head></span><br />
<span style="font-family: Calibri;"><title>Exemplo Javascript</title></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><script language="javascript"><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;">function calcular()<o:p></o:p></span></span><br />
<br />
<div class="MsoNormal" style="margin: 0cm 0cm 10pt;"><span style="font-family: Calibri;">{</span></div><span style="font-family: Calibri;">var totalvendas,salario, comissao, receber ;</span><br />
<span style="font-family: Calibri;">totalvendas = frmComissão.txttotalvendas.value;</span><br />
<span style="font-family: Calibri;">salario = frmComissão.txtsalario.value;</span><br />
<span style="font-family: Calibri;">totalvendas = parseFloat(totalvendas);</span><br />
<span style="font-family: Calibri;">salario = parseFloat(salario);</span><br />
<span style="font-family: Calibri;">if(totalvendas < 1000)</span><br />
<br />
<div class="MsoNormal" style="margin: 0cm 0cm 10pt;"><span style="font-family: Calibri;">{ </span></div><span style="font-family: Calibri;">comissao = (totalvendas * 5)/ 100;</span><br />
<br />
<div class="MsoNormal" style="margin: 0cm 0cm 10pt;"><span style="font-family: Calibri;">} </span></div><span style="font-family: Calibri;">else</span><br />
<br />
<div class="MsoNormal" style="margin: 0cm 0cm 10pt;"><span style="font-family: Calibri;">{</span></div><span style="font-family: Calibri;">comissao = (totalvendas * 20)/ 100;</span><br />
<br />
<div class="MsoNormal" style="margin: 0cm 0cm 10pt;"><span style="font-family: Calibri;">}</span></div><span style="font-family: Calibri;">receber = salario + comissao;</span><br />
<span style="font-family: Calibri;">frmComissão.txtreceber.value = receber;</span><br />
<span style="font-family: Calibri;">frmComissão.txtcomissao.value = comissao;</span><br />
<span style="font-family: Calibri;">}</span><br />
<span style="font-family: Calibri;"></script></span><br />
<span style="font-family: Calibri;"></head></span><br />
<span style="font-family: Calibri;"><body></span><br />
<span style="font-family: Calibri;"><p>Utilizando Javascript<p></span><br />
<span style="font-family: Calibri;"><p>Claculo de Comissão<p></span><br />
<span style="font-family: Calibri;"><form name ="frmComissão"></span><br />
<span style="font-family: Calibri;">Total Vendas <input type ="text" name="txttotalvendas"/><br></span><br />
<span style="font-family: Calibri;">Salário <input type ="text" name="txtsalario"/><br></span><br />
<span style="font-family: Calibri;">Comissão <input type ="text" name="txtcomissao"/><br></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;">Receber <input type ="text" name="txtreceber"/><br><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><br><input type="button" value="Calcular" onclick="javascript:calcular();"/><br><o:p></o:p></span></span><br />
<span style="font-family: Calibri;"></form></span><br />
<span style="font-family: Calibri;"></body></span><br />
<span style="font-family: Calibri;"></html></span>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-52964777388686102002011-11-28T17:06:00.000-08:002011-11-28T17:06:13.551-08:00Fonte de Estilos<span style="font-family: Calibri;"><html></span><br />
<span style="font-family: Calibri;"><head></span><br />
<span style="font-family: Calibri;"><title>Fontes e Estilos</title></span><br />
<span style="font-family: Calibri;"></head></span><br />
<span style="font-family: Calibri;"><body></span><br />
<span style="font-family: Calibri;"><p>Exemplo de Fontes e Estilos</p></span><br />
<span style="font-family: Calibri;"><p>Niveis de Título</p></span><br />
<span style="font-family: Calibri;"><h1>Titulo de Nivel 1</h1></span><br />
<span style="font-family: Calibri;"><h2>Titulo de Nivel 2</h2></span><br />
<span style="font-family: Calibri;"><h3>Titulo de Nivel 3</h3></span><br />
<span style="font-family: Calibri;"><h4>Titulo de Nivel 4</h4></span><br />
<span style="font-family: Calibri;"><h5>Titulo de Nivel 5</h5></span><br />
<span style="font-family: Calibri;"><h6>Titulo de Nivel 6</h6></span><br />
<span style="font-family: Calibri;"><p>Estilos de Fontes</p></span><br />
<span style="font-family: Calibri;"><p>Fonte em <b>negrito</b></p></span><br />
<span style="font-family: Calibri;"><p>Fonte em <i>itálico</i></p></span><br />
<span style="font-family: Calibri;"><p>Fonte em <u>sublinhado</u></p></span><br />
<span style="font-family: Calibri;"><p>Fonte em <sup>sobrescrito</sup></p></span><br />
<span style="font-family: Calibri;"><p>Fonte em <sub>subscrito</sub></p></span><br />
<span style="font-family: Calibri;"><p> Misturas </p></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p> <font<span style="mso-spacerun: yes;"> </span>color ="#ooooFFF">Fonte Azul</font></p><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p> <font<span style="mso-spacerun: yes;"> </span>face ="Comic Sans MS">Fonte Comic Sans MS</font></p><o:p></o:p></span></span><br />
<span style="font-family: Calibri;"><p> <font<span style="mso-spacerun: yes;"> </span>size ="6">Fonte Tamanho</font></p></span><br />
<span style="font-family: Calibri;"><p> <font<span style="mso-spacerun: yes;"> </span>face ="Comic Sans MS" color = "#FF0000">Fonte Comic Vermelho</font></p></span><br />
<span style="font-family: Calibri;"><p>Linhas Horizontais</p></span><br />
<span style="font-family: Calibri;"><hr/></span><br />
<span style="font-family: Calibri;"></body></span><br />
<span style="font-family: Calibri;"></html></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsy_DSpsbhQqyTQtTCGExCcw_SHcHUpErWqAlXOII65SxHA9xLczAj9v9OLzv_tZ9VGBhItQJiWoeVEPaJKj7wQvhdycoFc-TFg9rCfxpmc8egqJADmBSrj__efsQhEkVnQNdunc6jXKs/s1600/Fontes+e+Estilos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsy_DSpsbhQqyTQtTCGExCcw_SHcHUpErWqAlXOII65SxHA9xLczAj9v9OLzv_tZ9VGBhItQJiWoeVEPaJKj7wQvhdycoFc-TFg9rCfxpmc8egqJADmBSrj__efsQhEkVnQNdunc6jXKs/s320/Fontes+e+Estilos.jpg" width="270" /></a></div>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-46977462335622047462011-11-28T17:03:00.000-08:002011-11-28T17:03:27.490-08:00Como colocar um link em um texto HTML<span style="font-family: Calibri;"><html></span><br />
<span style="font-family: Calibri;"><head></span><br />
<span style="font-family: Calibri;"><title>Titulo </title></span><br />
<span style="font-family: Calibri;"></head></span><br />
<span style="font-family: Calibri;"><body></span><br />
<span style="mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: PT-BR;"><span style="font-family: Calibri;"><A HREF=”site/”>Texto Qualquer</A></span></span><br />
<span style="font-family: Calibri;"></body></span><br />
<span style="font-family: Calibri;"></html></span>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-41025246513133501552011-11-28T17:02:00.000-08:002011-11-28T17:02:12.280-08:00Como deixar uma janela animada ao abrir no Javascript<span style="font-family: Calibri;"><html><br />
<SCRIPT LANGUAGE=”JavaScript”><br />
function janelanimada(endereco)<br />
{<br />
var velocidadev = 5;<br />
var topo = 0;<br />
var esquerda = 0;<br />
var velocidadeh = 8;<br />
if (document.all)<br />
{<br />
var tamlar = window.screen.availHeight;<br />
var tamjan = window.screen.availWidth;<br />
var tamanho = window.open(“”,””,”left=” + esquerda + “,top=” + topo + “,width=1,height=1,scrollbars=yes”);<br />
for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev)<br />
{<br />
tamanho.resizeTo(“1”,sizeheight );<br />
}<br />
for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh)<br />
{<br />
tamanho.resizeTo(sizewidth+6,sizeheight );<br />
}<br />
tamanho.location = endereco;<br />
}<br />
else<br />
window.location = endereco;<br />
}<br />
</script><br />
<p align=center class=bodyfonts><a href=”http:// www. digerati.com.br” onClick=”janelanimada(‘http:// www.digerati.com.br’);return false;”>Clique aqui para ver a janela animada</a><br />
</html></span><br />
<b><span style="color: #333333; font-family: "Trebuchet MS","sans-serif"; font-size: 9pt; line-height: 115%; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: PT-BR;"> </span></b>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-45233550380887823992011-11-28T16:59:00.000-08:002011-11-28T16:59:51.355-08:00Como Inserir Imagens e cor de fundo no HTML<span style="font-family: Calibri;"><html></span><br />
<span style="font-family: Calibri;"><head></span><br />
<span style="font-family: Calibri;"><title>Imagens</title></span><br />
<span style="font-family: Calibri;"></head></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><body bgcolor= #800FFF" text="#8000FF"><o:p></o:p></span></span><br />
<span style="font-family: Calibri;"><p>Inserindo Imagens</p></span><br />
<span style="font-family: Calibri;"><p>Texto Padrão da pagina</p></span><br />
<span style="font-family: Calibri;"><p>Texto Padrão da pagina</p></span><br />
<span style="font-family: Calibri;"><p>Texto Padrão da pagina</p></span><br />
<span style="font-family: Calibri;"><img src="rosa azul.jpg" width="800" height= "800" alt = "rosa azuis do amor"/></span><br />
<span style="font-family: Calibri;"></body></span><br />
<span style="font-family: Calibri;"></html></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBYXvjOw-f3K-uctpGSSUc9W7aHUQy2rd9t33s30oSS1HkN7Vm_DwGRJdmoYkj3zvx4kUWNand7eeCJ2RHddnlkQzBpVIriAPTt8eGBMv2cyCc0k_OIjY8a9WHJAOFu-4gVgQUqiSfvvE/s1600/Inserindo+Imagens.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBYXvjOw-f3K-uctpGSSUc9W7aHUQy2rd9t33s30oSS1HkN7Vm_DwGRJdmoYkj3zvx4kUWNand7eeCJ2RHddnlkQzBpVIriAPTt8eGBMv2cyCc0k_OIjY8a9WHJAOFu-4gVgQUqiSfvvE/s320/Inserindo+Imagens.jpg" width="320" /></a></div> Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-2355621726295483282011-11-28T16:56:00.000-08:002011-11-28T16:56:14.718-08:00Como fazer formulários no HTML<span style="font-family: Calibri;"><html></span><br />
<span style="font-family: Calibri;"><head></span><br />
<span style="font-family: Calibri;"><title>Formulários</title></span><br />
<span style="font-family: Calibri;"></head></span><br />
<span style="font-family: Calibri;"><body></span><br />
<span style="font-family: Calibri;"><h3>Formulário</h3></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><form<span style="mso-spacerun: yes;"> </span>name= "frmCadastro" method = "get" action = "sucesso.html"><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p>Nome:<input type = "text" name = "txtnome" size = "80" maxlenth = "10"/> </p><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p>Senha:<input type = "password" name = "txtSenha" size = "20"/></p><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p>Sexo:<input type = "radio" name = "sexo"/>Masculino<o:p></o:p></span></span><br />
<span style="font-family: Calibri;"><input type = "radio" name = "sexo" checked/>Feminino</p></span><br />
<span style="font-family: Calibri;"><p>Preferencia:</span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><input type = "checkbox" name = "chkMusica"/>Música<o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><input type = "checkbox" name = "chkCinema"/>Cinema<o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><input type = "checkbox" name = "chkLeitura" checked/>Leitura</p><o:p></o:p></span></span><br />
<span style="font-family: Calibri;"><p>Estado:</span><br />
<span style="font-family: Calibri;"><select name = "cmbEstado"></span><br />
<span style="font-family: Calibri;"><option value = "1">São Paulo</option></span><br />
<span style="font-family: Calibri;"><option value = "2">Minas Gerais</option></span><br />
<span style="font-family: Calibri;"><option value = "3">Rio de Janeiro</option></span><br />
<span style="font-family: Calibri;"><option value = "4">Amazonas</option></span><br />
<span style="font-family: Calibri;"></select></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p>Observação:<br><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><textarea name = "txtObs" rows = "10" cols= "50"></textarea></p><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p><input type = "button" name = "btnBotão" value = "clique aqui"/></p><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p><input type = "reset" name = "btnLimpar" value = "Limpar"/></p><o:p></o:p></span></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><span style="font-family: Calibri;"><p><input type = "submit" name = "btnEnviar" value = "Enviar"/></p><o:p></o:p></span></span><br />
<span style="font-family: Calibri;"></form></span><br />
<span style="font-family: Calibri;"></body></span><br />
<span style="font-family: Calibri;"></html></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirObFJfIG7rR_hTvIKkoWmbVVCe5nX4u15hSiNFDnDAxjBjAwlw6TZDio7uuWpNpec-8m1ZzHBBhJY85gBZpwpJqsESx2PxB2iy5Xf_SIK-xKbravK1593e9Bj1Yf0WgdMk8866GZTdMc/s1600/Formul%25C3%25A1rios.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirObFJfIG7rR_hTvIKkoWmbVVCe5nX4u15hSiNFDnDAxjBjAwlw6TZDio7uuWpNpec-8m1ZzHBBhJY85gBZpwpJqsESx2PxB2iy5Xf_SIK-xKbravK1593e9Bj1Yf0WgdMk8866GZTdMc/s320/Formul%25C3%25A1rios.jpg" width="309" /></a></div> Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0tag:blogger.com,1999:blog-5826930686534589667.post-78541866420312164122011-11-28T16:51:00.000-08:002011-11-28T16:51:23.768-08:00Como calcular notas com Javascript<html><br />
<head><br />
<title>Exemplo Javascript</title><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><script language="javascript"><o:p></o:p></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;">function calcular()<o:p></o:p></span><br />
{<br />
var nota1, nota2, nota3, nota4, media;<br />
nota1 = frmMedia.txtNota1.value;<br />
nota2 = frmMedia.txtNota2.value;<br />
nota3 = frmMedia.txtNota3.value;<br />
nota4 = frmMedia.txtNota4.value;<br />
nota1 = parseFloat(nota1);<br />
nota2 = parseFloat(nota2);<br />
nota3 = parseFloat(nota3);<br />
nota4 = parseFloat(nota4);<br />
media = (nota1 + nota2 + nota3 + nota4)/4;<br />
frmMedia.txtMedia.value = media;<br />
}<br />
</script><br />
</head><br />
<body><br />
<p>Utilizando Javascript<p><br />
<p>Formularios e Eventos<p><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><form name ="frmMedia"><o:p></o:p></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;">Nota1 <input type ="text" name="txtNota1"/><br><o:p></o:p></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;">Nota2 <input type ="text" name="txtNota2"/><br><o:p></o:p></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;">Nota3 <input type ="text" name="txtNota3"/><br><o:p></o:p></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;">Nota4 <input type ="text" name="txtNota4"/><br><o:p></o:p></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><br><input type="button" value="Calcular" onclick="javascript:calcular();"/><br><o:p></o:p></span><br />
<span lang="EN-US" style="mso-ansi-language: EN-US;"><br>Media <input type ="text" name="txtMedia"/><br><o:p></o:p></span><br />
</form><br />
</body><br />
</html> <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEBIORktt4-XshUduldaYiG0PofIk_vhCcLMQNYUHtqa0cdLdBGyy7iwE_hFVKRCz6KfF75Nbde5mrDjLb_Bt2tVberL1QFfwZGHxycOMEVzPUDeeoaTWGJlkTtFl2Ae08IFv1cqEPfYo/s1600/Exemplo+Javascript.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEBIORktt4-XshUduldaYiG0PofIk_vhCcLMQNYUHtqa0cdLdBGyy7iwE_hFVKRCz6KfF75Nbde5mrDjLb_Bt2tVberL1QFfwZGHxycOMEVzPUDeeoaTWGJlkTtFl2Ae08IFv1cqEPfYo/s320/Exemplo+Javascript.jpg" width="287" /></a></div>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com2tag:blogger.com,1999:blog-5826930686534589667.post-77303171175696109362011-11-25T18:10:00.000-08:002011-11-25T18:17:46.933-08:00Dica: utilizando Comandos de formatação Física<HTML><br />
<HEAD><br />
<TITLE>FORMATAÇÃO FÍSICA</TITLE><br />
</HEAD><br />
<BODY><br />
<B> TEXTO EM NEGRITO </B><BR><br />
<BIG> TEXTO EM FONTE MAIOR </BIG><BR><br />
<BLINK> EXIBE TEXTO PISCANDO </BLINK> <BR><br />
<I>TEXTO EM ÍTALICO </I><BR><br />
<U>EXIBE O TEXTO SUBLINHADO </U><BR><br />
<SMALL>TEXTO EM FONTE MENOR </SMALL><BR><br />
<STRIKE>TEXTO RISCADO </STRIKE><BR><br />
<SUB>TEXTO EM SUBSCRITO </SUB><BR><br />
<SUP>TEXTO SOBRESCRITO </SUP><BR><br />
<TT>EXIBE O TEXTO USANDO FONTE EM TAMANHO FIXO</TT><br />
</BODY><br />
</HTML><br />
<span style="font-size: small;"> Essa formatação pode ser usada para que um texto apareça em negrito ou itálico, por<br />
exemplo. E por ser formatação física permite que em um mesmo trecho de texto possa<br />
ser aplicado em mais de um formato ao mesmo tempo. Os comandos de formatação<br />
lógica apenas sugerem algum tipo de ênfase a ser dada no texto.<br />
Veja a aparência de cada formatação:</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj12_NYiauXi8aQsTojPpFyH-RNS0WVDsuaJ8_jIQ7MzTdjK7wkSlGoS9Zs5Z2IOYKQY4fAdxoOTIWXrWFKjX11rUbLI5sd5GYf2ifdJYbYvhgM32UIyJB-swb_HjGrLm1gJdq2HyK_74g/s1600/html_01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj12_NYiauXi8aQsTojPpFyH-RNS0WVDsuaJ8_jIQ7MzTdjK7wkSlGoS9Zs5Z2IOYKQY4fAdxoOTIWXrWFKjX11rUbLI5sd5GYf2ifdJYbYvhgM32UIyJB-swb_HjGrLm1gJdq2HyK_74g/s320/html_01.jpg" width="320" /></a></div>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0Batatais - São Paulo, Brasil-20.891631 -47.585646399999973-21.0642645 -47.775625399999974 -20.7189975 -47.395667399999972tag:blogger.com,1999:blog-5826930686534589667.post-67954191649021012162011-11-25T17:54:00.000-08:002011-11-25T18:14:44.334-08:00O que é HTML? HTML (HyperText Markup Language - Linguagem de Marcação de Hipertexto) é a uma<br />
linguagem considerada a base de todas as outras linguagens de desenvolvimento de<br />
projetos para WEB.<br />
Com ela você pode compartilhar fotos, vídeos, músicas, textos e fazer muitas coisas.<br />
A linguagem HTML foi criada com a visão de que todos os dispositivos deveriam ser<br />
capazes de usar informações da Web: PCs com placas de vídeos e monitores de<br />
diferentes resoluções e profundidades de cores; telefones celulares; dispositivos para<br />
processar entrada e saída de voz; computadores com taxa de transferência alta ou<br />
baixa e assim por diante.<br />
<br />
Segue abaixo um link para auxiliar na criação de sua primeira pagina em HTML.<br />
<a href="http://www.youtube.com/watch?v=qfay3ZHyUmU&feature=related" target="_blank">http://www.youtube.com/watch?v=qfay3ZHyUmU&feature=related</a>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0Batatais - São Paulo, Brasil-20.891631 -47.585646399999973-21.0642645 -47.775625399999974 -20.7189975 -47.395667399999972tag:blogger.com,1999:blog-5826930686534589667.post-59369906652142208202011-11-25T14:14:00.000-08:002011-11-25T18:16:34.287-08:00Os primeiros passos para fazer uma página de HTML simples<html><br />
<head><br />
<title>Título</title><br />
</head><br />
<body><br />
Assunto<br />
</body><br />
</html>Curuso HTMLhttp://www.blogger.com/profile/14803337297210328763noreply@blogger.com0