Academia de Ensino Superior Prof. André Morais Desenvolvimento de Aplicações Web na plataforma Microsoft Desenhando a página.

Apresentação em tema: "Academia de Ensino Superior Prof. André Morais Desenvolvimento de Aplicações Web na plataforma Microsoft Desenhando a página."— Transcrição da apresentação:

1 Academia de Ensino Superior Prof. André Morais Desenvolvimento de Aplicações Web na plataforma Microsoft Desenhando a página

2 Academia de Ensino Superior Prof. André Morais Desenhando a página Objetivos –Criando páginas estáticas –HTML –Server controls e conteúdo dinâmico –Configurando controles

3 Academia de Ensino Superior Prof. André Morais Desenhando a página Criando páginas estáticas –(one) View-only –Conteúdo imutáveis –Vamos voltar no tempo... 1996...

4 Academia de Ensino Superior Prof. André Morais Desenhando a página Páginas estáticas

5 Academia de Ensino Superior Prof. André Morais Desenhando a página Criando uma página estática

6 Academia de Ensino Superior Prof. André Morais Desenhando a página HTML, o que é? –Um arquivo em formato legível ao olhos humanos; –Composto de elementos, iniciando e terminando com tags; –Elementos tem atributos que oferecem informações adicionais sobre as tags ao browser

7 Academia de Ensino Superior Prof. André Morais Desenhando a página Exemplo: tag atributos Conteúdo do elemento

8 Academia de Ensino Superior Prof. André Morais Desenhando a página Elementos HTML mais comuns

9 Academia de Ensino Superior Prof. André Morais Desenhando a página Elementos HTML mais comuns (continuação)

10 Academia de Ensino Superior Prof. André Morais Desenhando a página Conteúdo dinâmico –Conteúdo que se altera de acordo com a navegação do usuário –Um conteúdo dinâmico pode ser obtido através de: Códigos client-side (Javascript, por exemplo) Códigos server-side (C#, VB.NET, etc.) Este é o nosso foco!!

11 Academia de Ensino Superior Prof. André Morais Desenhando a página Server Controls –Vamos analisar o toolbox do Visual Studio

12 Academia de Ensino Superior Prof. André Morais Desenhando a página Toolbox: Controles... Comuns para 90% dos casos Para acesso a banco de dados Para validação de entrada de dados Usados para navegação de sites Para simplificar segurança de aplic. Para confecção de sites no estilo Share-Point Elementos HTML simples Gerais criados pelo usuário ou importados de fornecedor externo

13 Academia de Ensino Superior Prof. André Morais Desenhando a página E o que são Server Controls afinal? –São controles que podem ser processados no servidor afim de prover conteúdo HTML; –Permitem a construção de conteúdos dinâmicos

14 Academia de Ensino Superior Prof. André Morais Desenhando a página Server Controls

15 Academia de Ensino Superior Prof. André Morais Desenhando a página Adicionando Server Controls através do Design View

16 Academia de Ensino Superior Prof. André Morais Desenhando a página Adicionando Server Controls através do Source View

17 Academia de Ensino Superior Prof. André Morais Desenhando a página Standard Controls –TextBox control: Usado para inclusão de textos na página. Também chamado de caixa de edição; Propriedades principais: ID, Visible, Text –Button control: Para envio de informações à um servidor, que reage a solicitação e envia uma resposta; Propriedades principais: ID, Text –Label control: Usado para exibir textos simples em uma posição especifica da página. Com ele é possível mudar o texto a partir de uma interação do usuário. Propriedades principais: ID, Visible, Text

18 Academia de Ensino Superior Prof. André Morais Desenhando a página Standard Controls (continuação) –Hyperlink control: Usado para permitir o hyperlink (ligação) entre páginas. Permite a navegabilidade de um site para outras páginas ou outros sites na internet; Propriedades principais: ID, Visible, Text, NavigateURL, Target –Image control: Usado para exibir imagens em uma página. A vantagem de utilizar este controle é a possibilidade de seu conteúdo ser alterado no servidor; Propriedades principais: ID, Visible, ImageURL;

19 Academia de Ensino Superior Prof. André Morais Desenhando a página Standard Controls (continuação) –DropDown List control: Usado para permitir ao usuário escolher entre uma lista de opções; –Listbox control: Usado para oferecer um número fixo de itens para escolha; –CheckBox e Radio Button controls: Usados para selecionar entre dois itens ou um entre muitos.

20 Academia de Ensino Superior Prof. André Morais Desenhando a página HTML Controls

21 Academia de Ensino Superior Prof. André Morais Desenhando a página E o Calendar Control?? Como usar o DropDownList?