Aplicações Web e HTML, Slides de Algoritmos e Programação

Baixe Aplicações Web e HTML e outras Slides em PDF para Algoritmos e Programação, somente na Docsity!

DESENVOLVIMENTO FRONT-END

Prof. Vinicius da Silva

INTRODUÇÃO A APLICAÇÕES WEB E HTML

Sumário

• Internet
• O que é uma aplicação web?
• Aplicações web e sistemas tradicionais e websites.
• Como funciona uma aplicação web

O que é uma aplicação web? Outra definição de uma aplicação web, tudo que é processado é feito em um servidor. Exemplo: E-commerce

Diferença entre aplicações web e sistemas tradicionais e websites Aplicações web Aspectos que são relevantes para esse tipo de estrutura:

• Navegação personalizada entre usuários;
• A maioria dos usuários já estão acostumados com o funcionamento dos navegadores;
• Manutenção e a atualização são centralizadas.

Diferença entre aplicações web e sistemas tradicionais e websites Aplicação websites Aspectos que são relevantes para esse tipo de estrutura:

• Estático não permite interação;
• Disponibiliza informação, sem processamento com servidor;
• Não permite cadastrar no banco de dados nem interagir com essas informações;
• Editores de texto online, Google Docs um exemplo de aplicação em website

Como funciona uma aplicação web

DESENVOLVIMENTO FRONT-END

Prof. Vinicius da Silva

HTML

Sumário  - Definições e conceitos  - Estrutura básica, DOCTYPE e charsets  - Principais tags  - Seletores, cascata e herança

Definições e conceitos CSS (Cascading Style Sheets) – Folha de estilho em cascata Uma linguagem de estilo utilizada para definir como os elementos que compõe uma página vão ser apresentados. Ao invés de colocar a formatação dentro do documento, cria um link para uma página que contém os estilos. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.

Definições e conceitos ESTRUTURA DOS ARQUIVOS Organização - Existem algumas recomendações quanto à organização dos arquivos de um site. Não há um rigor técnico e pode sofrer adaptações de acordo com o seu projeto. O que é um site? Um conjunto de página Web sobre: um produto, um assunto, uma empresa, ou qualquer outra coisa. Recomendado:

• Todos os arquivos de um site estarem dentro de uma pasta
• Ter uma capa, por convenção adotada pelos servidores, index.html (home)

Definições e conceitos Exibir informações web; Utilização por meio de um navegador, ou browser.

Definições e conceitos Comportamento dos navegadores: Phone Store. Bem-vindo à Phone Store, sua loja de smartphone e acessórios. Confira nossas promoções. Receba informações sobre nossos lançamentos por e-mail. Navegue por todos nossos produtos em catálogo. Compre sem sair de casa.

Definições e conceitos - DOCTYPE - ❖ Não é uma Tag HTML, e sim uma instrução especial para o navegador identificar qual versão do Html deve ser utilizada para renderizar a pagina. Sempre usa a versão mais recente, o HTML 5. ❖ Deve ser a primeira linha de código em seu documento HTML, antes da tag ❖ No HTML 4. 01 , a declaração <! DOCTYPE> refere-se a um DTD (Definição de Tipo de Documento), ❖ O HTML 4. 01 foi baseado no SGML (Padrão generalizado de Linguagem de marcação). O DTD especifica as regras para a linguagem de marcação, para que os navegadores processem o conteúdo corretamente.

Definições e conceitos - DOCTYPE - ❖ Existem três declarações <! DOCTYPE> diferentes no HTML 4. 01. No HTML 5 , há apenas uma. Estrito HTML 4. 01 / Transição HTML 4. 01 / Conjunto de quadros HTML 4. 01 ❖ Não é obrigatório ❖ Falta pode gerar Falhas de vulnerabilidade ❖ Segundo a W 3 C é essencial perante as boas práticas, garantir funcionamento e segurança.