Mostrando postagens com marcador Desenvolvimento em HTML. Mostrar todas as postagens
Mostrando postagens com marcador Desenvolvimento em HTML. Mostrar todas as postagens

domingo, março 11, 2012

Código Usando no Formulário Cadastro de Clientes

        Olá amigos, hoje estarei postando o código do Design do nosso formulário em ASP.NET, lembrando ele foi usado no post . Conectando Aplicação em C#, ASP, Com o Banco de Dados MySql.

        Foi o formulário que usamos para fazer a conexão com o banco de dados, você que acompanhou o post e por algum motivo não conseguiu desenvolver o formulário, esta ai o código do design.


Código Usado no Formulário de Cadastro de Clientes

================================================================
================================================================

Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="SistemaDeCadastro.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            width: 44px;
            font-style: italic;
        }
        .style3
        {
            text-align: center;
        }
        .style4
        {
            width: 100px;
        }
        .style5
        {
            width: 44px;
            font-style: italic;
            height: 27px;
        }
        .style6
        {
            width: 100px;
            height: 27px;
            font-style: italic;
        }
        .style7
        {
            height: 27px;
        }
        .style8
        {
            text-decoration: underline;
        }
        .style9
        {
            width: 100px;
            font-style: italic;
        }
        .style10
        {
            text-decoration: underline;
            color: #FF3300;
        }
    </style>
</head>
<body background="fundo1.jpg">
    <form id="form1" runat="server">
    <div>
   
        <div class="style3">
            <h1 class="style8">
                <em>Cadastro de Clientes</em></h1>
        </div>
        <table class="style1">
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style9">
                    <h3>
                        Nome:</h3>
                </td>
                <td>
                    <asp:TextBox ID="nome" runat="server" Width="252px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style9">
                    <h3>
                        Endereço:</h3>
                </td>
                <td>
                    <asp:TextBox ID="endereco" runat="server" Width="252px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style9">
                    <h3>
                        Cidade:</h3>
                </td>
                <td>
                    <asp:TextBox ID="cidade" runat="server" Width="145px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style5">
                </td>
                <td class="style6">
                    <h3>
                        Estado:
                    </h3>
                </td>
                <td class="style7">
                    <asp:DropDownList ID="estado" runat="server" Height="16px" Width="59px">
                        <asp:ListItem>GO</asp:ListItem>
                        <asp:ListItem>SP</asp:ListItem>
                        <asp:ListItem>RJ</asp:ListItem>
                        <asp:ListItem>SC</asp:ListItem>
                        <asp:ListItem>PR</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style9">
                    <h3>
                        RG:
                    </h3>
                </td>
                <td>
                    <asp:TextBox ID="rg" runat="server" Width="145px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style9">
                    <h3>
                        CPF:
                    </h3>
                </td>
                <td>
                    <asp:TextBox ID="cpf" runat="server" Width="145px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:Button ID="Salvar" runat="server" onclick="Salvar_Click" Text="Salvar" />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:Button ID="limpar" runat="server" Text="Limpar" />
                </td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <h3>
                    </h3>
                </td>
                <td class="style4">
                    &nbsp;</td>
                <td class="style3">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span class="style10"><em>&nbsp;www.programacaoelogica.blogspot.com</em></span>&nbsp;</td>
            </tr>
        </table>
   
    </div>
    </form>
</body>
</html>

================================================================
================================================================


domingo, fevereiro 26, 2012

Atributo Link, Vlink, Alink e BGCOLOR em HTML

    Para que serve os atributos Link, Vlik e Alink no html? Bom servem para fazer o controle das cores do textos que funcionam como link na página. Imagine a seguinte situação quando você entra em uma página da web ao clicar em um link no corpo da página, quando você retorna a página pode perceber que o link que você clicou já não esta mais com a mesma cor, é onde entra os comandos link, vlink e alink, vamos ver como eles funcionam e sua sintaxe.

LINK : É usado para defini cores para o links não visitados ainda, a cor padrão é o azul.

VLINK : Este define as cores para os links já visitados, ou seja, aqueles que você já deu um click neles, a cor padrão do vlink é o vermelho púrpura.

ALINK : Bom este define as cores dos links selecionados, melhor dizendo quando o usuário pressionou o botão do mouse e ainda não soltou sua cor padrão é o vermelho.

    Bom amigos agora que sabemos para que serve, iremos ver sua sintaxe, lembrando que estamos vendo o html puro, ou seja, sem nem um programa da edição de páginas web, claro hoje existe alguns programas que facilitam bastante a vida do web design, mas de qualquer forma temos que ter uma base para facilitar o uso dessas ferramentas, então vamos lá.

Sua sintaxe é : <body link="#RRGGBB" vlink="# RRGGBB" alink="#RRGGBB"><\body>

BGCOLOR

    O atributo BGCOLOR é usado para determinar a cor do plano de funda da página, assim permitindo que defina uma cor de fundo padrão para a página, isto evita a necessidade de utilizar um arquivo de imagem, como sabemos pesa bem mais ao abrimos uma página, não é interessante que a página demore a abrir, certamente o usuário ficaria irritado. Mas vale lembra que hoje com as novas tecnologias e ferramentas para desenvolvedores web à a possibilidade de usarmos páginas com imagem dividindo a imagem em várias partes e unido-a para o usuário, mas vamos ver a sintaxe do BGCOLOR caso você opte apenas por uma cor de fundo na sua página web.

Sua sintaxe é : <body bgcolor="#FFFFCC"> O corpo da página </body>

    Bom amigos vou ficando por aqui, espero ter ajudado, logo estarei postando mais sobre HTMl, espero que volte sempre, abraços.  

sexta-feira, fevereiro 17, 2012

Meu Primeiro Site

            Bom amigos, vou post um pouco sobre html, por enquanto é só o básico, como vocês sabem o blog ainda está no início, mas se você tiver um pouco de paciência e for acompanhando o blog, irei posta sobre o Asp.Net, para deixarmos nossas páginas mais dinâmicas, então vamos lá.

<html>
 <head>
   <title> Meu primeiro site </title>
     </head>
      <body>
        <h1> Minha primeira página em html</h1>
      <p> Como disse esse é só o básico, ou seja, não é muito flexível, mas<br>
              para qualquer coisa que você for fazer tem que ter o básico vamos<br>
              lá, agora é com vocês.</p>
       </body>
       </html>