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
O objetivo deste blog é meramente informativo. Tecnologia do Blogger.