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
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.
Introdução Exemplo de URL: http://www.umc.br/noticias/integra/5702/opi niao-ensino-superior-acessivel.html Servidor Protocolo Diretórios e o Arquivo noticias integra 5702
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
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
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)
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).
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
Configurando DOCTAPE do HTML 4.01
Configurando DOCTAPE do HTML 5
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.
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...
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.
Introdução CSS - Cascading Style Sheets Alterando o estilo com CSS
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
Introdução CSS - Cascading Style Sheets Aplicanto CSS aos elementos da Pagina:
Links Interessantes http://www.w3schools.com/ http://www.w3c.br/Home/WebHome Vídeo: A verdadeira história da Internet: Guerra dos Navegadores https://www.youtube.com/watch?v=DeEafmwRk6A