Introdução a Arquitetura, HTML e CSS Prof. Wolley W. Silva Prof.ª Erika E F Miranda.
18
Introdução a Arquitetura, HTML e CSS Prof. Wolley W. Silva Prof.ª Erika E F Miranda
-
Upload
adelino-pinto-beretta -
Category
Documents
-
view
215 -
download
0
Transcript of Introdução a Arquitetura, HTML e CSS Prof. Wolley W. Silva Prof.ª Erika E F Miranda.
Introdução a Arquitetura, HTML e CSS
Prof. Wolley W. Silva Prof.ª Erika E F Miranda
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.
Exemplo de URL:
http://www.umc.br/noticias/integra/5702/opiniao-ensino-superior-acessivel.html
Protocolo
Servidor
Diretórios e o Arquivo
noticias
integra
5702
Pensando nos elementos básicos para fornecer informação através da Web, temos:
Conexão
Cliente Servidor
Servidor WebProtocolo HTTP
O que preciso saber?
Cliente Servidor
HTML/CSSJavaScriptXML...
Banco de DadosLinguagens como JSP,PHP, etc
As demais disciplinas do curso irão abordar
esse modelo.Disciplina:Aplicativos para web
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)
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).
A estrutura básica de um documento HTML:Início
Fim
Configurações e Recursos utilizadas pela páginaEx. <meta charset=“UTF-8”>
JavaScript,CSS
Conteúdo que deve ser exibido pelo browserEx. Texto,
ImagemLinksetc...
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.
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...
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.
Alterando o estilo com CSS
Utilizando RGB◦ O código RGB é formado pelo caractere # seguido de dois números que
podem variar de 0-9 e A-F
Aplicanto CSS aos elementos da Pagina:
http://www.w3schools.com/
http://www.w3c.br/Home/WebHome
Vídeo: A verdadeira história da Internet: Guerra dos Navegadoreshttps://www.youtube.com/watch?v=DeEafmwRk6A
