1 / 21

Desenvolvimento de Aplicações Web na plataforma Microsoft

Desenvolvimento de Aplicações Web na plataforma Microsoft. Desenhando a página. Desenhando a página. Objetivos Criando páginas estáticas HTML Server controls e conteúdo dinâmico Configurando controles. Desenhando a página. Criando páginas estáticas (one) View-only Conteúdo imutáveis

velma-cardenas
Download Presentation

Desenvolvimento de Aplicações Web na plataforma Microsoft

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

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

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

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

  6. 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 Academia de Ensino Superior Prof. André Morais

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

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

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

  10. Desenhando a página Este é o nosso foco!! • 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.) Academia de Ensino Superior Prof. André Morais

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

  12. Desenhando a página 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 • Toolbox: Controles... Academia de Ensino Superior Prof. André Morais

  13. 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 Academia de Ensino Superior Prof. André Morais

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

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

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

  17. 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 Academia de Ensino Superior Prof. André Morais

  18. 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; Academia de Ensino Superior Prof. André Morais

  19. 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. Academia de Ensino Superior Prof. André Morais

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

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

More Related