O que é Javascript

Javascript é uma linguagem de programação utilizada para criar pequenos programinhas encarregados de realizar ações dentro do âmbito de uma página web.
Trata-se de uma linguagem de programação do lado do cliente, porque é o navegador 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.
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.

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, à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 e utilizá-la em toda sua potência com somente um pouco de prática.

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.

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 acessar a eles e modificá-los dinamicamente.
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.

http://www.youtube.com/watch?v=YCjiN5Stx9k

Como Inserir Imagens e cor de fundo no HTML

<html>
<head>
<title>Imagens</title>
</head>
<body bgcolor= #800FFF" text="#8000FF">
<p>Inserindo Imagens</p>
<p>Texto Padrão da pagina</p>
<p>Texto Padrão da pagina</p>
<p>Texto Padrão da pagina</p>
<img src="rosa azul.jpg" width="800" height= "800" alt = "rosa azuis do amor"/>
</body>
</html>

                 

Como fazer formulários no HTML

<html>
<head>
<title>Formulários</title>
</head>
<body>
<h3>Formulário</h3>
<form  name= "frmCadastro" method = "get" action = "sucesso.html">
<p>Nome:<input type = "text" name = "txtnome" size = "80" maxlenth = "10"/> </p>
<p>Senha:<input type = "password" name = "txtSenha" size = "20"/></p>
<p>Sexo:<input type = "radio" name = "sexo"/>Masculino
<input type = "radio" name = "sexo" checked/>Feminino</p>
<p>Preferencia:
<input type = "checkbox" name = "chkMusica"/>Música
<input type = "checkbox" name = "chkCinema"/>Cinema
<input type = "checkbox" name = "chkLeitura" checked/>Leitura</p>
<p>Estado:
<select name = "cmbEstado">
<option value = "1">São Paulo</option>
<option value = "2">Minas Gerais</option>
<option value = "3">Rio de Janeiro</option>
<option value = "4">Amazonas</option>
</select>
<p>Observação:<br>
<textarea name = "txtObs" rows = "10" cols= "50"></textarea></p>
<p><input type = "button" name = "btnBotão" value = "clique aqui"/></p>
<p><input type = "reset" name = "btnLimpar" value = "Limpar"/></p>
<p><input type = "submit" name = "btnEnviar" value = "Enviar"/></p>
</form>
</body>
</html>

                                   

Como calcular notas com Javascript

<html>
<head>
<title>Exemplo Javascript</title>
<script language="javascript">
function calcular()
{
var nota1, nota2, nota3, nota4, media;
nota1 = frmMedia.txtNota1.value;
nota2 = frmMedia.txtNota2.value;
nota3 = frmMedia.txtNota3.value;
nota4 = frmMedia.txtNota4.value;
nota1 = parseFloat(nota1);
nota2 = parseFloat(nota2);
nota3 = parseFloat(nota3);
nota4 = parseFloat(nota4);
media = (nota1 + nota2 + nota3 + nota4)/4;
frmMedia.txtMedia.value = media;
}
</script>
</head>
<body>
<p>Utilizando Javascript<p>
<p>Formularios e Eventos<p>
<form name ="frmMedia">
Nota1 <input type ="text" name="txtNota1"/><br>
Nota2 <input type ="text" name="txtNota2"/><br>
Nota3 <input type ="text" name="txtNota3"/><br>
Nota4 <input type ="text" name="txtNota4"/><br>
<br><input type="button" value="Calcular" onclick="javascript:calcular();"/><br>
<br>Media <input type ="text" name="txtMedia"/><br>
</form>
</body>
</html>