Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Apresentação de Portfólio Tecnologia Moderno Azul Branco

    Enviado por

    Jerciany Ketelly
    6 visualizações7 páginas

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    6 visualizações7 páginas

    Apresentação de Portfólio Tecnologia Moderno Azul Branco

    Enviado por

    Jerciany Ketelly

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 7

    Desenvolvimento

    Web II

    01
    01
    INDEX
    EM RESUMO, ESTE CÓDIGO CRIA UMA PÁGINA
    DE LOGIN ONDE OS USUÁRIOS PODEM
    INSERIR SUAS INFORMAÇÕES E TENTAR
    FAZER LOGIN. O PHP VERIFICA ESSAS
    INFORMAÇÕES EM UM BANCO DE DADOS E
    AGE COM BASE NESSA VERIFICAÇÃO. A
    PÁGINA É ESTILIZADA USANDO CSS E PODE
    CONTER FUNCIONALIDADES ADICIONAIS
    ATRAVÉS DE JAVASCRIPT.

    02
    Cadastro
    CABEÇALHO (<HEAD>):
    INCLUI METADADOS, COMO CODIFICAÇÃO, DESCRIÇÃO
    E TÍTULO DA PÁGINA.
    CARREGA UM SCRIPT JAVASCRIPT CHAMADO "COLOR-
    MODES.JS."
    DEFINE ESTILOS CSS ONLINE PARA A PÁGINA.
    CORPO (<BODY>):
    DEFINE UM PLANO DE FUNDO DA PÁGINA
    (BACKGROUND-COLOR).
    CRIA UM FORMULÁRIO DE CADASTRO COM CAMPOS
    PARA EMAIL, SENHA, NOME COMPLETO, SENHA DO
    CARTÃO, VENCIMENTO DO CARTÃO E CCV.
    INCLUI UMA CAIXA DE SELEÇÃO "LEMBRE-SE" E UM
    BOTÃO DE "LOGAR" QUE REDIRECIONA PARA
    "LOGIN.HTML" QUANDO O FORMULÁRIO É ENVIADO.
    ESTILOS CSS:
    DEFINE ESTILOS CSS DIRETAMENTE NA PÁGINA,
    CONTROLANDO CORES E OUTROS ASPECTOS VISUAIS.
    DEFINE ESTILOS PARA ELEMENTOS COMO BOTÕES
    (BOTÃO DE LOGAR).
    EM RESUMO, ESTE CÓDIGO CRIA UMA PÁGINA DE
    CADASTRO COM UM FORMULÁRIO QUE PERMITE AOS
    USUÁRIOS INSERIR INFORMAÇÕES PESSOAIS,
    INCLUINDO DETALHES DE PAGAMENTO. A PÁGINA
    INCLUI ESTILOS EMBUTIDOS E UM SCRIPT JAVASCRIPT
    PARA MANIPULAÇÃO DE CORES. QUANDO O
    FORMULÁRIO É ENVIADO, ELE REDIRECIONA OS
    USUÁRIOS PARA A PÁGINA "LOGIN.HTML."
    Compra.HTML
    USUÁRIOS: OS USUÁRIOS INTERAGIRÃO DIRETAMENTE COM ESTA
    PÁGINA DA WEB. ELES INSERIRÃO INFORMAÇÕES PESSOAIS,
    DADOS DE PAGAMENTO E INFORMAÇÕES DE ENVIO NO
    FORMULÁRIO. ALÉM DISSO, ELES PODEM CLICAR EM BOTÕES,
    MARCAR CAIXAS DE SELEÇÃO E ESCOLHER OPÇÕES.
    JAVASCRIPT E BOOTSTRAP: OS SCRIPTS JAVASCRIPT E O
    FRAMEWORK BOOTSTRAP SÃO USADOS PARA FORNECER
    FUNCIONALIDADE INTERATIVA À PÁGINA. ISSO PODE INCLUIR
    VALIDAÇÃO DE FORMULÁRIO, EXIBIÇÃO DE MENSAGENS DE
    ERRO, CÁLCULOS DE TOTAIS, EXIBIÇÃO DINÂMICA DE
    INFORMAÇÕES E MUITO MAIS.
    SERVIDOR WEB: SE ESTA PÁGINA ESTIVER INTEGRADA A UM
    SERVIDOR WEB E A UM APLICATIVO BACK-END, OS DADOS
    INSERIDOS PELOS USUÁRIOS SERÃO ENVIADOS AO SERVIDOR
    QUANDO O FORMULÁRIO FOR ENVIADO. O SERVIDOR PODE
    PROCESSAR ESSES DADOS, REALIZAR AÇÕES COMO VALIDAÇÃO,
    CÁLCULOS DE PREÇOS, ARMAZENAMENTO DE INFORMAÇÕES DO
    CLIENTE E PROCESSAMENTO DE PAGAMENTO.
    BANCO DE DADOS: SE O APLICATIVO ESTIVER CONECTADO A UM
    BANCO DE DADOS, ELE PODERÁ ARMAZENAR INFORMAÇÕES DO
    CLIENTE, HISTÓRICO DE PEDIDOS E OUTRAS INFORMAÇÕES
    RELEVANTES.
    GATEWAYS DE PAGAMENTO: SE A OPÇÃO DE PAGAMENTO FOR
    SELECIONADA, COMO CARTÃO DE CRÉDITO OU PAYPAL, A PÁGINA
    PODE INTERAGIR COM OS GATEWAYS DE PAGAMENTO PARA
    PROCESSAR O PAGAMENTO.
    BANCO DE DADOS
    O CÓDIGO APRESENTADO É UMA SÉRIE DE COMANDOS SQL PARA
    A CRIAÇÃO DE TABELAS EM UM BANCO DE DADOS CHAMADO
    "SITE". AQUI ESTÃO AS PRINCIPAIS AÇÕES REALIZADAS:
    CRIAÇÃO DO BANCO DE DADOS:
    UM BANCO DE DADOS CHAMADO "SITE" É CRIADO.
    TABELA "CARTAO":
    UMA TABELA CHAMADA "CARTAO" É CRIADA.
    ELA ARMAZENA INFORMAÇÕES SOBRE CARTÕES DE CRÉDITO,
    COMO DATA DE VENCIMENTO, NOME DO TITULAR, SENHA E UM
    CAMPO "COV"
    TABELA "USUARIO":
    UMA TABELA CHAMADA "USUARIO" É CRIADA.
    ELA ARMAZENA INFORMAÇÕES DE USUÁRIOS, INCLUINDO LOGIN,
    NOME, SENHA E UMA CHAVE ESTRANGEIRA "ID_CARTAO" QUE SE
    RELACIONA COM A TABELA "CARTAO".
    TABELA "PRODUTO":
    UMA TABELA CHAMADA "PRODUTO" É CRIADA.
    ELA ARMAZENA INFORMAÇÕES SOBRE PRODUTOS, INCLUINDO
    NOME E PREÇO.
    TABELA "DESCONTO":
    UMA TABELA CHAMADA "DESCONTO" É CRIADA.
    ELA POSSUI CAMPOS PARA IDS, "ПОВЕ" E PREÇO
    LOGIN.PHP
    Em resumo, este código cria uma página de login na qual os
    usuários podem inserir seu e-mail e senha para autenticação. O
    PHP é usado para verificar as credenciais no banco de dados, e a
    página é estilizada com CSS. JavaScript pode ser usado para
    adicionar funcionalidades extras

    Estrutura Básica do Documento HTML:


    <head>: Contém metadados e referências a arquivos externos, como CSS e JavaScript,
    para configurar o documento.
    <body>: Define o conteúdo visível da página.
    Scripts e Recursos Externos:
    <script src="../assets/js/color-modes.js"></script>: Importa um arquivo JavaScript
    chamado "color-modes.js" localizado na pasta "assets/js".
    <link>: Referências para arquivos de estilos externos, incluindo CSS do Bootstrap.
    Autenticação com PHP (Inserido no corpo da página):
    Verifica se o formulário foi submetido usando o método POST.
    Estabelece uma conexão com um banco de dados MySQL.
    Recupera valores do formulário (e-mail e senha).
    Executa uma consulta SQL para verificar as credenciais no banco de dados.
    Redireciona o usuário para "index.html" se as credenciais forem válidas.
    Exibe uma mensagem de erro se as credenciais forem inválidas.
    Fecha a conexão com o banco de dados.
    Formulário de Login HTML:
    Um formulário HTML para entrada de e-mail e senha.
    Inclui um botão "Logar" para enviar o formulário.
    Um campo "Lembre-se" permite ao usuário escolher se deseja ser lembrado no login.
    Uma mensagem de direitos autorais exibida no final da página.
    JavaScript:
    Importa arquivos JavaScript para adicionar funcionalidades, mas a função exata não
    é especificada no código fornecido.

    Você também pode gostar