Carregar apresentação
A apresentação está carregando. Por favor, espere
1
Introdução a Arquitetura, HTML e CSS
Aplicativos para Web Introdução a Arquitetura, HTML e CSS Prof. Wolley W. Silva Prof.ª Erika E F Miranda
2
Introdução De acordo com o W3C a Web é baseada em 3 pilares:
URL - Uniform Resource Locator É o endereço de um recurso ou arquivo na internet HTTP - Hypertext Transfer Protocol Protocolo de comunicação. HTML - HyperText Markup Language Linguagem de marcação utilizada para produzir páginas na Web.
3
Introdução Exemplo de URL: niao-ensino-superior-acessivel.html Servidor Protocolo Diretórios e o Arquivo noticias integra 5702
4
Ambiente Cliente/Servidor
Pensando nos elementos básicos para fornecer informação através da Web, temos: Servidor Cliente Conexão Servidor Web Protocolo HTTP
5
Desenvolvendo para o sist. Cliente/Servidor
O que preciso saber? Servidor Cliente HTML/CSS JavaScript XML ... Banco de Dados Linguagens como JSP, PHP, etc As demais disciplinas do curso irão abordar esse modelo. Disciplina: Aplicativos para web
6
HTML Um documento HTML é um documento texto que pode ser produzido utilizando qualquer editor de texto. É utilizado por praticamente todas as páginas WEB disponíveis na Internet. O conteúdo HTML de uma página é processado por um Navegador (Internet Explorer, Chrome, etc)
7
HTML O HTML define um conjunto de elementos para a marcação de uma página Web: cabeçalho, parágrafo, lista, tabelas, entre outros. Cada elemento possui sua função específica e são comumente chamados de tag (marca ou marcadores).
8
HTML A estrutura básica de um documento HTML: Início Fim
Configurações e Recursos utilizadas pela página Ex. <meta charset=“UTF-8”> JavaScript, CSS Conteúdo que deve ser exibido pelo browser Ex. Texto, Imagem Links etc... Fim
10
Configurando DOCTAPE do HTML 4.01
11
Configurando DOCTAPE do HTML 5
12
Laboratório 01 Vamos aplicar estes conceitos iniciais desenvolvendo a primeira parte de um currículo, com as seguintes etapas: Criar o arquivo .html Definir os cabeçalhos das sessões do currículo, Ex. Nome, Objetivo, Formação, Experiência, etc.. Preencher as sessões deste currículo com texto em parágrafos.
13
Introdução CSS - Cascading Style Sheets
A CSS definem as formatações que serão utilizadas em diversas partes de um documento HTML; Exemplo: Você pode padronizar para que todos os títulos tenham o mesmo tamanho e cor. Todos os <Body> tenham a mesma imagem de fundo, etc...
14
Introdução CSS - Cascading Style Sheets
O HTML permite definir o estilo dos elementos, porém, a estrutura da pagina é alterada, alem de não ser possível o reaproveitamento. Ex.
15
Introdução CSS - Cascading Style Sheets
Alterando o estilo com CSS
16
Introdução CSS - Cascading Style Sheets
Utilizando RGB O código RGB é formado pelo caractere # seguido de dois números que podem variar de 0-9 e A-F
17
Introdução CSS - Cascading Style Sheets
Aplicanto CSS aos elementos da Pagina:
18
Links Interessantes http://www.w3schools.com/
Vídeo: A verdadeira história da Internet: Guerra dos Navegadores
Apresentações semelhantes
