Organização Eletrônica

por Dhion C. Hedlund

Visitante muda a cor de fundo

janeiro 27, 2010 Postado por Dhion C. Hedlund | Sem comentários
Olá pessoal..
Descolei esse script, serve para colocar uma caixinha de seleção de cores para o visitante selecionar o fundo da sua página de acordo com a preferência.

Esse é o script:


<title>Mudar fundo</title>
<script language="JavaScript">
<!-- hiding
function newbg(thecolor)
{
document.bgColor=thecolor;
}
// End -->
</script>
</head>
<body>
<div align="center">
<form> <input type="button" value=""
onclick="newbg('#ff0000');" style="color: #FF0000; border: 1px solid
#FF0000; background-color: #FF0000"> <input type="button"
onclick="newbg('#000000');" style="color: #000000; border: 1px solid
#000000; background-color: #000000"> <font color="#003399">
<input type="button" onclick="newbg('5c6390');" style="border: 1px
solid #5C6390; background-color: #5C6390"></font> <input
type="button" onclick="newbg('#003399');" style="color: #003399;
border: 1px solid #003399; background-color: #003399">
</form>
</div>

Coloque entre as tags <HEAD></HEAD> da sua página. Edite com as cores que desejar!

O que é CSS?

janeiro 21, 2010 Postado por Dhion C. Hedlund | Sem comentários
Hoje me dispus a escrever sobre CSS. CSS são as siglas de Cascading Style Sheets, em português Folhas de Estilo em Cascata. Elas são usadas na criação de páginas para facilitar sua formatação: de linhas,  cores, tabelas, fontes, margens,  alturas, imagens de fundo, larguras e posicionamentos. É um arquivo separado da página.
Na linguagem HTML também pode-se definir o layout do site, porém a CSS é oferece mais opções e facilita a manutenção da mesma.

Exemplo:

<p style="color:red;font-weight:italic">O parágrafo sairá com a cor vermelha e em itálico</p>


1- Crie o arquivo com a declaração dos estilos (CSS):

É um arquivo de texto normal, pórem savlo com a extensão .css. Copie e cole o código abaixo eu um editor de texto, o bloco de notas por exemplo.

P {
font-size : 12pt;
font-family : arial,helvetica;
font-weight : normal;
}
H1 {
font-size : 36pt;
font-family : verdana,arial;
text-decoration : underline;
text-align : center;
background-color : Teal;
}
BODY {
background-color : #006600;
font-family : arial;
color : White;
}
2- Salve com o nome de "estilos.css".
3- Linkamos a página web com a folha de estilos

Para isso vamos colocar a etiqueta <LINK> com os atributos
* type="text/css" porque o arquivo é de texto, em sintaxe CSS.
* rel="stylesheet" indicando que o link é uma folha de estilo.
* href="/estilos.css" indica o nome do arquivo fonte dos estilos.

Vejamos uma página web inteira que linka com a declaração de estilos anterior:

<html>
<head>
<link type="text/css" rel="stylesheet" href="/estilos.css">
<title>Minha página</title>
</head>
<body>
<h1>Minha página</h1>
<p>
Esta página está vinculada ao arquivo estilos.css
</p>
</body>
</html>

Tabelas

janeiro 18, 2010 Postado por Dhion C. Hedlund | Sem comentários
Hoje resolvi falar um pouco sobre tabelas. As tabelas são muito importantes na criação de um site. Na verdade, torna-se quase obrigatório a existência de tabelas para um site organizado. Eis aqui uma tabela simples:
<html>
<head>
<title>Título</title>
</head>
<body>
<table>
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>

_______________________________________________________
A tag <table> dá início à tabela. A tag <tr> é a linha. A tag <td> é a coluna. Vc pode (e deve) atribuir valores à sua tabela. Coloque Width="400px" (largura) dentro da tag <td>, e height="400px" (altura) dentro da tag<tr>; ou coloque os dois dentro da tag <table> para a tabla inteira.
Para colocar um fundo na tabela, coloque bgcolor="" ou background="" dentro da tag <table>. Olhe o artigo "Cores e fundos".
Ex.:
<table bgcolor="#FF0000">
<tr height="400px">
<td Width="400px">
Minha tabela
</td>
</tr>
</table>
______________________________________________________________
Vc também pode atribuir borda na sua tabela, coloque border="2" dentro da tag <table>.
bordercolor="black"

Formulários

janeiro 14, 2010 Postado por Dhion C. Hedlund | Sem comentários
Formulário é uma área que contém elementos de formulário. Os elementos de formulário são elementos que permitem o usuário entrar informações (como campos de texto, campos de área de texto, menus drop-down, botões radiais, caixas de seleção, etc.) em um formulário. Um formulário é definido pela tag <form>.
<form>
<input "Aqui vai o tipo de elemento do formulário">
<input "Aqui vai o tipo de elemento do formulário">
</form>

Exemplo de um formulário:
<form action="script.php" method="POST">
Primeiro nome:
<input type="text" name="firstname">
<br>
Último nome:
<input type="text" name="lastname">
<br>
<input name="exemplo2" type="checkbox" value="criandosite">criandosite
<br>
<select name="select" size="1">
<option value="um">um
<option value="dois">dois
<option value="três">três
<option value="quatro">quatro
<option value="cinco">cinco
</select>
<br>
<input name="exemplo2" type="submit"
value="enviar formulário">
</form>

Cole entre as tags <body></body> da sua página.
Para as informações do cliente serem salvas, você deve ter um servidor e um banco de dados (como o apache e o mysql, por exemplo); e então criar um script para processar (pegar) essas informações e largar dentro do banco de dados. Por isso, há <form action="script.php" method="POST">, onde você deve colocar o nome do script na parte sublinhada.
Na maioria dos casos o método post é sempre mais seguro do que o get.
· get: esse atributo indica totalmente como o dado é passado para o script ou programa definido no atributo action;
· post: passa os dados para a entrada padrão do sistema operacional.
Tag Descrição
<form> Define um formulário para entradas do usuário
<input> Define um campo de entrada
<textarea> Define uma área de texto (um controle de entrada de texto multi-linhas)
<label> Define um rótulo para um controle
<fieldset> Define um conjunto de campos
<legend> Define um título para um conjunto de campos
<select> Define uma lista selecionável (uma caixa drop-down)
<optgroup> Define um grupo de opção
<option> Define uma opção em uma caixa drop-down
<button> Define um botão para pressionar
<isindex> Desaprovada. Use <input> em vez