Criando página básica em frame work ASP.Net com CSS
Manual do Laboratório da Universidade Nacional de Computação e Ciências Emergentes 1.1 “Introdução ao ASP.net, HTML” Laboratório de Sistemas de Banco de Dados Primavera de 2021 Departamento de Ciência da Computação FAST-NU, Lahore, Paquistão Índice 1 Objetivo 2 2 Distribuição de Tarefas 2 3 HTML 3 1.1. O que é HTML? 3 1.2. Etiquetas HTML 3 1.3. Navegadores da Web 3 1.4. ELEMENTOS HTML 4 1.5. Títulos HTML 4 4 Criando formulário Web ASP.Net usando Visual Studio 4 4.1 CONTROLES ASP (comportamento semelhante aos elementos HTML) 8 4.2 Pontos-chave 10 5 Exercício 13 ⦁ Objetivo O objetivo deste documento é fornecer uma implementação prática de HTML, toda a visão geral de tags e elementos HTML, com exemplo e implementação ao vivo durante o laboratório. Introdução ao ASP.NET, este documento responderá como criar um novo projeto? Como criar uma nova página web? E pratique em vários controles asp. ⦁ Distribuição de tarefas Tempo total 90 minutos Introdução 10 minutos Elementos HTML 15 minutos Controle ASP 15 minutos Exercício 45 minutos ⦁ HTML ⦁ O que é HTML? HTML é uma linguagem para descrever páginas da web. ⦁ HTML significa Hyper Text Markup Language ⦁ HTML não é uma linguagem de programação, é uma linguagem de marcação ⦁ O objetivo das tags é descrever o conteúdo da página ⦁ Tags HTML As tags de marcação HTML são geralmente chamadas de tags HTML ⦁ As tags HTML são palavras-chave (tag nomes) entre colchetes angulares como ⦁ Tags HTML normalmente vêm em pares como e ⦁ A tag final é escrita como a tag inicial, com uma barra antes do nome da tag ⦁ Tags de início e fim também são chamadas de tags de abertura e tags de fechamento ⦁ Navegadores da Web O objetivo de um navegador da Web (Chrome, Internet Explorer e Firefox) é ler documentos HTML e exibi-los como páginas da Web. O navegador não exibe as tags HTML, mas as utiliza para interpretar o conteúdo da página: ⦁ ELEMENTOS HTML ⦁ Um elemento HTML começa com uma tag de início/abertura ⦁ Um elemento HTML termina com uma tag de fim/fechamento ⦁ O o conteúdo do elemento é tudo entre a tag inicial e final ⦁ Alguns elementos HTML têm conteúdo vazio ⦁ A maioria dos elementos HTML pode ter atributos ⦁ Títulos HTML
Confira isso
O que você pensa disso agora
E agora
⦁ Criando formulário Web ASP.Net usando Visual Studio Etapa 1: Inicie uma instância do Visual Studio (versão: 20XY) e crie um novo projeto acessando Arquivo –> Novo—> Projeto –> Web –> Aplicativo Web ASP.NET como mostrado abaixo: Etapa 2: Navegue até o Solution Explorer e adicione um novo formulário da Web Etapa 3: Escolha o formulário da Web no modelo disponível e defina seu nome Etapa 4: Clique duas vezes em MyPage.aspx no Solution Explorer e clique no espaço vazio no mypage.aspx e pressione “CTRL+F5” A saída seria assim: ⦁ CONTROLES ASP (comportamento semelhante aos elementos HTML) Um TextBox básico: <asp:TextBox ID="txtName" runat="server"></asp:TextBox > Uma TextBox de senha: <asp:TextBox ID="txtPassword" TextMode="password" runat="server"></asp:TextBox> Uma TextBox com texto: <asp:TextBox ID="txtTextValue" Text="Olá, mundo!" runat="server"></asp:TextBox> Um TextBox multilinha: <asp:TextBox ID="txtComment" TextMode="multiline" runat="server"></asp:TextBox> Caixa de seleção <asp:CheckBox ID=" chkIsStudent" runat="server" /> Botão de opção <asp:RadioButton ID="rdMale" GroupName="Gender" runat="server" /> <asp:RadioButton ID="rdFemale" GroupName="Gender" runat="server" /> Lista suspensa <asp:DropDownList ID="ddlDepartment" runat="server"> <asp:ListItem Text="Select" Value="0">< /asp:ListItem> <asp:ListItem Text="Ciência da Computação" Value="CS"></asp:ListItem> <asp:ListItem Text="Engenharia Elétrica" Value="EE"></asp:ListItem> <asp:ListItem Text="Administrador de Empresas" Value="BBA"></asp:ListItem> <asp:ListItem Text="Engenharia Civil" Value="CV"> </asp:ListItem> </asp:DropDownList> Botão <asp:Button ID="btnSave" Text="Salvar formulário" runat="server" /> Imagem <asp:Image ID="Image2" ImageUrl="https://auth.gfx.ms/images/ms-logo.png" runat="server" /> ⦁ Pontos principais ⦁ Pergunta: Por que preciso especificar runat="server" em todos os meus ASP. NET controla quando é um atributo obrigatório e o servidor é a única opção disponível em meu conhecimento limitado de ASP.NET e recebo um erro se não usá-lo? ⦁ Resposta: tem a ver com a forma como os controles do lado do servidor são identificados durante o processamento. Em vez de verificar cada controle em tempo de execução por nome para determinar se o processamento no lado do servidor precisa ser feito, ele faz uma seleção na representação do nó interno por tag. O compilador verifica se todos os controles que exigem tags de servidor as possuem durante a etapa de validação. ⦁
significa nova linha em HTML ⦁ significa espaço em HTML SAMPLE FORM ⦁ Exercício Usando o formulário da Web ASP, crie uma página de exemplo como mostrado abaixo. Nota: logotipo do instagram: você pode usar qualquer logotipo da internet.
