HTML & CSS. uma introdução
|
|
- Iasmin Rijo Salazar
- 7 Há anos
- Visualizações:
Transcrição
1 HTML & CSS uma introdução
2 HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência
3 MÉTODO DE TRABALHO Visualização (BROWSER) Edição (NOTEPAD++) Upload (FILEZILLA)
4 ESTRUTURA do DOCUMENTO <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>hello World</title> </head> <body> <h1>isto é um título</h1> <a href= >nba</a> </body> </html>
5 ELEMENTOS (tags) & ATRIBUTOS Elementos elementos são componentes do HTML que definem certos objetos h1... h6 - define um título <h1> isto é um título</h1> início da tag conteúdo fim da tag
6 ELEMENTOS (tags) & ATRIBUTOS Atributos atributos providenciam informação adicional ao elemento a - define uma hiperligação <a href= > nba </a> início da tag atributo conteúdo fim da tag
7 ELEMENTOS (tags) & ATRIBUTOS p - define um parágrafo conteúdo início da tag <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo </p> fim da tag
8 ELEMENTOS (tags) & ATRIBUTOS strong - releva a importância do texto colocando-o em Negrito início da tag <p> não esquecer de <strong> desligar o fogão </strong> </p> conteúdo fim da tag
9 ELEMENTOS (tags) & ATRIBUTOS em - indica ênfase (itálico) início da tag <p> chama o médico <em> rápido </em> </p> conteúdo fim da tag
10 ELEMENTOS (tags) & ATRIBUTOS ul - define uma lista não ordenada conteúdo início da tag <ul> <li> Lorem ipsum dolor sit </li> <li> Lenim ad minim veniam </li> </ul> fim da tag
11 ELEMENTOS (tags) & ATRIBUTOS ol - define uma lista ordenada conteúdo início da tag <ol> <li> Lorem ipsum dolor sit </li> <li> Lenim ad minim veniam </li> </ol> fim da tag
12 ELEMENTOS (tags) & ATRIBUTOS img- cria um espaço para uma imagem início da tag atributos <img src= photo.jpg alt= texto width= 125 height= 450 title= outro texto >
13 ELEMENTOS (tags) & ATRIBUTOS hr - representa uma quebra temática (p.e. uma mudança da cena de uma história) início e fim da tag <hr>
14 ELEMENTOS (tags) & ATRIBUTOS br - representa uma quebra de linha início e fim da tag <br>
15 ELEMENTOS (tags) & ATRIBUTOS table - representa dados em duas dimensões atributo início da tag <table border=1 > <tr> <td> Lorem ipsum </td> <td> Lorem ipsum </td> fim da tag </tr> </table> conteúdo
16 podes olhar para os documentos em HTML como ÁRVORES
17 DOM - DOCUMENT OBJECT MODEL separação dos elementos de uma página numa hierarquia de objetos com propriedades e valores os objetos encontram-se no window object (janela do browser) html head body meta meta... title a p h1 ol li li li li a
18 CSS cascade style sheet linguagem de estilo que dá ao conteúdo estilo e aparência
19 CSS é somente uma maneira de separar estilo font color border alignment conteúdo texto imagens vídeos endereços as regras de CSS dizem ao browser como interpretar elementos especificos numa página HTML
20 SELECTOR o selector indica qual o elemento numa página de HTML que será afetado pela regra selector p { color : red; }
21 DECLARATION BLOCK a declaração indica ao browser como interpretar o elemento selecionado h2 { color : #fa001a; margin: 1em; } declaration block
22 DECLARATION a declaração indica ao browser como interpretar o elemento selecionado h2 { color : #fa001a; declaration margin: 1em; }
23 PROPERTY a propriedade refere-se ao aspeto do elemento a formatar h2 { color : #fa001a; background-color: white; } property
24 VALUE o valor refere-se ao estilo exato a atribuir à propridade h2 { color : #fa001a; margin-top:.5em; } value
25 ELEMENTOS, ID, & CLASS SELECTORS o seletor é um ELEMENTO (o elemento é referenciado pelo nome) h1 { font-size: 16px; }
26 ELEMENTOS, ID, & CLASS SELECTORS o seletor é um ID (o elemento é referenciado pelo seu ID, os ID s só são utilizados uma vez por página) #logo { background-color: rgb(234, 453,12); }
27 ELEMENTOS, ID & CLASS SELECTORS o seletor é uma CLASSE (o elemento é referenciado pela sua CLASS. as classes podem aparecer várias vezes por página).column { width: 160px; }
28 colocando CSS no site INLINE o CSS é associado ao elemento específico <hr style="color:blue;"> <p style="margin:20px">this is a paragraph.</p>
29 colocando CSS no site INTERNAL o CSS encontra-se no início da página <head> <style type="text/css"> hr { color: blue;} p { margin: 20px;} </style> </head>
30 colocando CSS no site EXTERNAL o CSS está num ficheiro à parte <head> <link rel="stylesheet" href="file.css"> </head>
31 elementos INLINE elementos inline não iniciam numa nova linha e seguem o fluxo normal do documento span a strong em img br
32 elementos BLOCK elementos block iniciam numa nova linha e ocupam toda a largura do viewport disponível header footer article section aside div h1...h6 p table form ul, ol, li dl, dt, dd
Hyper Text Markup Language
Hyper Text Markup Language HTML Linguagem de Marcação definidas por tags As tags definem a estrutura do Hipertexto Arquivos.HTML precisam de um browser para ser exibido Estruturas Estruturas Estruturas
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisIntrodução a Web Standards. Reinaldo Ferraz e Clécio Bachini
Introdução a Web Standards Reinaldo Ferraz e Clécio Bachini Document Object Model (DOM) Modelo de Documentos em Objetos Objetos em um Documento Markup Linguagem de Marcação Semântica Objetos com Sentido
Leia maisCSS Cascading Style Sheets
CSS Cascading Style Sheets Linguagem de Folhas de Estilo Introdução Faz parte da versão 4 do html Utilizado para padronizar os componentes html Pode ser utilizado de três formas: Inline quando é utilizada
Leia maisComo podemos compartilhar arquivos na Internet?
WEB Como podemos compartilhar arquivos na Internet? Alice Bob Para ser mais específico Lorem ipsum dolor Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
Leia maisCOM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Leia maisREDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques
16-01-2019 Redes de Comunicação - Prof. Rafael Henriques 1 REDES DE COMUNICAÇÃO 11º - ANO Professor: Rafael Henriques E-mail: prof@rafaelhenriques.com Apresentação módulos 4 - Desenvolvimento de Páginas
Leia maisEste manual foi desenvolvido para orientar a utilização da identidade visual da Tellus observando pontos como padrões gráficos cores, e formas.
MANUAL DE IDENTIDADE VISUAL Este manual foi desenvolvido para orientar a utilização da identidade visual da Tellus observando pontos como padrões gráficos cores, e formas. O uso correto da logo é fundamental
Leia maisIX Fórum Regional São Paulo, SP 17/05/18
IX Fórum Regional São Paulo, SP 17/05/18 Regras para alocação de endereços IP e ASN e Como participar Ricardo Patara O que são? COMPOSTO POR DUAS PARTES Lorem ipsum dolor sit amet, consectetur adipiscing
Leia maisAlgoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15
APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos
Leia maisÍndice. O manual de identidade visual. A família tipográfica
Índice 1 I. I. O manual de identidade visual 2 2.2. A família tipográfica 3 3.3. 3.1 3.1 3.2 3.2 3.3 3.3 3.4 3.4 3.5 3.5 3.6 3.6 Convenções sobre a utilização do logótipo A cor no logótipo Comportamento
Leia maisAula 3. Imagens. <img src="foto.jpg" />
Aula 3 Imagens Para inserir uma imagem na página utilizamos a tag
Leia maisDepende de algumas habilidades. O tamanho. Virtualmente ilimitado. Mercado. Estatisticamente crescente.
DevStart Módulo 1: O mercado Depende de algumas habilidades. O tamanho Virtualmente ilimitado. Mercado Estatisticamente crescente. Durante a economia difícil. As possibilidades Durante a economia sadia.
Leia maisAtenção: Esse produto pode ser pago pelos seus fornecedores.
Atenção: Esse produto pode ser pago pelos seus fornecedores. E AGORA? ACERTOU, ESTAMOS FALANDO DA FORMA COMO SE PROMOVE UMA MARCA HOJE. A realidade SEU CLIENTE ENTRA NO SEU ESTABELECIMENTO NEM TE CUMPRIMENTA
Leia maisCSS CASCADING STYLE SHEET
CSS CASCADING STYLE SHEET CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB 1 PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Conceito Sintaxe básica Tipos de folhas de estilos 2 1 CSS
Leia maisVEM AÍ A MAIOR PUBLICAÇÃO DO LIVE MARKETING BRASILEIRO
VEM AÍ A MAIOR PUBLICAÇÃO DO LIVE MARKETING BRASILEIRO ANUÁRIO BRASILEIRO DE LIVE MARKETING 2019 Trazendo como temática a DIVERSIDADE NA NOVA COMUNICAÇÃO e seu papel no engajamento das marcas com seus
Leia maisVEM AÍ A MAIOR PUBLICAÇÃO DO LIVE MARKETING BRASILEIRO
VEM AÍ A MAIOR PUBLICAÇÃO DO LIVE MARKETING BRASILEIRO ANUÁRIO BRASILEIRO DE LIVE MARKETING 2019 Trazendo como temática a DIVERSIDADE NA NOVA COMUNICAÇÃO e seu papel no engajamento das marcas com seus
Leia maisTECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão
Luiz Leão luizleao@gmail.com http://luizleao.com Conteúdo da Unidade Cascading Style Sheet (CSS) Linguagem CSS Introdução É uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos
Leia maisCSS PRINCIPAIS PROPRIEDADES FONTES
CSS PRINCIPAIS PROPRIEDADES FONTES font-family Para definir que tipo de fonte vamos usar em qualquer trecho de nosso código HTML, através do CSS, devemos usar a propriedade font-family com o nome da fonte
Leia maisIntrodução ao HTML e às folhas de estilo (CSS)
MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria (jfaria@fe.up.pt) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP
Leia mais20/02/2014. <HTML> Introdução </HTML> Web
Introdução 1 Web 2 1 Web 3 Web 4 2 Web 5 Browsers 6 3 Editores 7 Editores 8 4 Aula Teórica-prática Etiquetas (tags) base Etiqueta principal e que deve abranger todo o código;
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos
Leia maisWebdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
Leia maisHTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext)
HTML HyperText Markup Language (Linguagem de marcação de hypertext) Tags de marcação Referência v1.1 2008-2017 Rui Menino tags Para formatar e paginar o texto dentro de uma página html, foi definido o
Leia maisOFICINA I UNISINOS 2013/1 PROF. PAULO H. CAZAROTTO
OFICINA I UNISINOS 2013/1 PROF. PAULO H. CAZAROTTO Aula 1 - Apresentação da disciplina - Apresentação da tecnologia - Ferramentas sugeridas - Trabalho final - Trabalho da semana Oficina I? Oficina para
Leia maisCSS (Cascading Style Sheet)
CSS (Cascading Style Sheet) André Tavares da Silva andre.silva@udesc.br CSS Folha de Estilo em Cascata Mecanismo simples para adicionar estilos (fontes, cores, espaçamentos, por exemplo) aos documentos
Leia maisHTML. Conceitos básicos de formatação de páginas WEB
HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto
Leia maisConstrução de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
Leia maisIntrodução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Leia maisDesenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
Leia mais20 DE MARÇO DE 2019 CAMPUS CARCAVELOS
20 DE MARÇO DE 2019 CAMPUS CARCAVELOS LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION
Leia maisIntrodução a HTTP, HTML e CSS
MIEEC SIEM ano letivo 2014/15 Introdução a HTTP, HTML e CSS José A. Faria (jfaria@fe.up.pt) FEUP, DEGI Setembro 2014 1. Introdução ao protocolo HTTP Introdução A WEB -worldwideweb é um sistema global de
Leia maisCSS. Karen Frigo Busolin
CSS Karen Frigo Busolin O que é CSS? Significa Cascading Style Sheets Estilos define como mostrar elementos HTML Estilos foram adicionandos no HTML 4.0 Estilos na solução de problemas HTML nunca deve a
Leia maisGuia de padronização de marca
Guia de padronização de marca Guia de padronização de marca Este é o guia de uso da logomarca Ábaco. Nele mostraremos como se deve aplicar a marca e seu símbolo, prevendo diversos padrões de utilização
Leia maisVolnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Leia maisTarlis Portela Web Design HTML
Tarlis Portela Web Design HTML HTML Definição HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) ; É uma linguagem de marcação utilizada
Leia mais17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisInterfaces Pessoa. Laboratório 1. Máquina. HTML, CSS, JS- Introdução
Interfaces Pessoa Máquina Laboratório 1 HTML, CSS, JS- Introdução 01 HTML + CSS + JavaScript Tecnologia para desenvolvimento web: Páginas web Aplicações web Aplicações mobile HTML Linguagem standard para
Leia maisPROGRAMAÇÃO EM AMBIENTE WEB I
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisHTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo RESUMO Linguagem de Marcação e Estilo - CSS DESCRIÇÃO Regra CSS Vinculação Inline Vinculação Incorporada Vinculação Externa TAGS seletor
Leia maisIntrodução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva
Introdução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva Cascading Style Sheets - (CSS] Introdução Uma Style Sheet é um ficheiro que contém regras que dizem ao browser
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisAULA 02 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 02 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
Leia maisPROFESSORA MERRIS MOZER. Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias
PROFESSORA MERRIS MOZER Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias INTRODUÇÃO AO DESENVOLVIMENTO DE SISTEMAS WEB Aula 1 HTML INTRODUÇÃO O que é HTML? INTRODUÇÃO HTML ou Hypertext
Leia maisUma regra CSS quando válida para vários seletores, estes podem ser agrupados. Exemplo: h1, h2, h3, h4, h5, h6 { color: #00FF00; }
CENTRO PASTORAL, EDUCACIONAL E ASSISTENCIAL DOM CARLOS CPEA Reconhecido de Utilidade Pública pelo Decreto No. 5.692 de 08.11.1967 FACULDADE VIZINHANÇA VALE DO IGUAÇU VIZIVALI DOIS VIZINHOS PARANÁ Criada
Leia maisProgramação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
Leia maisCascading Style Sheets
Cascading Style Sheets PROF. ME. HÉLIO ESPERIDIÃO CSS Cascading Style Sheets (CSS) é uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação,
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS CSS Como inserir códigos CSS em páginas HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
Leia maisRespostas - RESUMO: Questionário CSS. 1) O padrão CSS nasceu para tentar minimizar quais problemas ligados à gestão de conteúdos na web?
Faculdade de Informática de Taquara Disciplina: Autoria e Design na Internet I Profa. Flavia Pereira de Carvalho Respostas - RESUMO: Questionário CSS 1) O padrão CSS nasceu para tentar minimizar quais
Leia maisI Seminário de Fiscalização, Infrações e Sanções em Telecomunicações. 2º Painel - Transparência da Fiscalização
I Seminário de Fiscalização, Infrações e Sanções em Telecomunicações 2º Painel - Transparência da Fiscalização Evolução do Acesso à Informação - Sociedade Adaptação do homem a um novo paradigma de sociedade
Leia maisMódulo 17E. Revisões de HTML. A) Noções básicas de HTML
Módulo 17E Revisões de HTML A) Noções básicas de HTML Estrutura básica de um documento Um documento HTML começa com a tag de abertura e termina com a tag de fecho . De seguida, temos a considerar
Leia maisIntrodução a HTML. André Tavares da Silva.
Introdução a HTML André Tavares da Silva andre.silva@udesc.br HTML HiperText Markup Language Linguagem de marcação para criar páginas Web Formada por textos e comandos chamados tags (etiquetas/rótulos)
Leia maisIntrodução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Corpo Resumo
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage ElementosdaSeçãodoCorpo Resumo ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger ElementosdaSeçãodoCorpo
Leia maisDesenvolvimento para Internet. Professor Ariel da Silva Dias HTML
Desenvolvimento para Internet Professor Ariel da Silva Dias HTML Plano de Aulas Data 06/out 13/out 20/out 27/out 03/nov 10/nov 17/nov 24/nov 01/dez 08/dez 15/dez Conteúdo INÍCIO - HTML/CSS FERIADO JAVASCRIPT
Leia mais#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver
Leia mais#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio
#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Descrever os principais elementos da XHTML, Quando, Porque
Leia maisHTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Leia maisO portal do Correio do Povo é o site de notícias e informações do jornal. Com um foco mais regionalizado, prioriza a cobertura do estado do Rio
MÍDIA KIT DIGITAL O portal do Correio do Povo é o site de notícias e informações do jornal. Com um foco mais regionalizado, prioriza a cobertura do estado do Rio Grande do Sul, embora também acompanhe
Leia maisINTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO
INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO Questões de concurso 1. Na interface Web, ele é um arquivo independente do arquivo HTML no qual são declaradas propriedades e valores de estilização para os
Leia maisCSS. Cascading Style Sheets Style Sheets
CSS Cascading Style Sheets Style Sheets Agenda Histórico Definição Limitações do CSS-1 CSS2 - Características Por que usar CSS? Vantagens Sintaxe Básica Como inserir uma folha de Estilo Indentificando
Leia maisManual de uso de marca
Manual de uso de marca Sumário Introdução...03 Versão Preferencial...04 Padrão Cromático...05 Tipografia...06 Margem de segurança...07 Versão tons de cinza...08 Aplicações sobre fundos...09 Uso Incorreto...10
Leia mais<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas
Leia mais3. Construção de páginas web Introdução ao HTML
3. Construção de páginas web 3.1. Introdução ao HTML 1 Introdução ao HTML O HTML, HyperText Markup Language, foi desenvolvido para especificar a organização lógica de um documento com extensões de hipertexto,
Leia maisAPRESENTAÇÃO. O manual de marca gráfica é um documento. claras em relação ao uso da marca. O manual contempla
M A N U A L D E M A R C A APRESENTAÇÃO O manual de marca gráfica é um documento desenvolvido com o intuito de consolidar o bem mais valioso que uma instituição pode ter: a sua marca. Esse manual auxilia
Leia maisPermite que o conteúdo e o layout de uma página seja separado do design visual e os elementos de apresentação.
Porque usar css? Cascading Style Sheets (css) sobrepõe as características padrões dos browsers São usadas para melhorar e controlar a aparência de uma página web. Porque usar css? Permite que o conteúdo
Leia maisRegras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos,
Regras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos, elementos de formulários, imagens. De blocos: são como caixas,
Leia maisTAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>
HTML DDW TAGS O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. conteúdo da tag Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos
Leia maisAdicionando mais tags HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Adicionando mais tags HTML Professor: Saulo Henrique Cabral Silva Bookmark Bookmark ou demarcação de destinos para links (informações) dentro do próprio
Leia maisMANUAL DE IDENTIDADE VISUAL
Assinatura Visual Aplicação com outras marcas Em locais onde a marca da será centro vertical, respeitando uma mesma distância da assinatura colocada junto a outras marcas, distância equivalente a 2 vezes
Leia maisElementos Básicos HTML e Formatação de textos
Elementos Básicos HTML e Formatação de textos O Html é uma linguagem de marcação (markup languages em inglês). As linguagens que combinam texto com informações extras sobre o texto. Essas informações extras
Leia maisCONQUISTAS MELHORES MARCAS. Bronze na Maratona Internacional de Porto Alegre (21km) Ouro no Campeonato Mundial (42km) 2017
DESENVOLVIDO POR PERFIL Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
Leia maisRevisando os conteúdos. Introdução ao CSS
Aula 04 Revisando os conteúdos Tag : fornece informações sobre o documento, palavras-chaves, autor da página, última atualização, etc. Essas informações não são mostradas na página, apenas processadas
Leia maisCentro Federal de Educação Tecnológica de Minas Gerais Técnico em Informática Aplicações para WEB. Aplicações para WEB
Centro Federal de Educação Tecnológica de Minas Gerais Técnico em Informática Aplicações para WEB Aplicações para WEB Professor: Marcelo Corrêa Mussel Varginha 2017 . Sumário Apostila de Desenvolvimento
Leia maisTutorial. 1. O que é HTML? 2. Breve Historia
1. O que é HTML? Tutorial HTML é uma linguagem para descrever páginas web. HTML vem do ingles Hyper Text Markup Language que significa Linguagem de Marcação de Hipertexto. Para entender este conceito vamos
Leia maisNORMAS PARA OS TEXTOS DO SEMINÁRIO INTERLINHAS
NORMAS PARA OS TEXTOS DO SEMINÁRIO INTERLINHAS O Seminário Interlinhas é um evento semestral do Programa de Pós-Graduação em Crítica Cultural da Universidade do Estado da Bahia (Pós-Crítica/UNEB), Campus
Leia maisSamus - Desenvolvimento Web - 14/11/2009 WebStandards Padrões de desenvolvimento Web
Samus - Desenvolvimento Web - 14/11/2009 WebStandards Padrões de desenvolvimento Web A proposta do Mini-Curso à apresentar de forma rã pida e objetiva as principais prã ticas e definiã ões sobre o desenvolvimento
Leia maisTUTORIAL: diagramação de jornais
TUTORIAL: diagramação de jornais 1. INTRODUÇÃO No XV ONU Jr, os delegados e delegadas passarão a ser responsáveis pela diagramação dos jornais. Consideramos que essa adição às funções dos delegados e delegadas
Leia maisPROGRAMADOR WEB. PROF. Esp. Andrew H. G. Rodrigues
PROGRAMADOR WEB PROF. Esp. Andrew H. G. Rodrigues CSS - CASCADING STYLE SHEETS Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar a seguinte sintaxe:
Leia maisHTML. HyperText Markup Language. Elaborado por Marco Soares
HTML HyperText Markup Language 1 HTML É uma linguagem de marcação utilizada para produzir páginas web As páginas web ou documentos html podem ser interpretados por navegadores web/browsers tais como Google
Leia maisRoteiro de Estudos e Atividades Avaliativas HTML
Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar
Leia maisPosicionamento, dimensões e outros elementos de HTML5 e CSS3
R o q u e F e r n a n d o G l a u c i o D a n i e l Te c h n o E d i t i o n E d i t o r a L t d a Posicionamento, dimensões e outros elementos de HTML5 e CSS3 Posicionamento, dimensões e outros elementos
Leia mais<title>introdução a HTML</title>
introdução a HTML programação para a Internet prof. Vilson Heck Junior O que é HTML Hypertext Markup Language: Linguagem de Marcação de Hipertexto; É uma coleção de TAGs
Leia maisA linguagem Hyper Text Markup Language (HTML)
A linguagem Hyper Text Markup Language (HTML) Nota: Contém material utilizado no curso de HTML do Instituto Superior de Engenharia de Lisboa (ISEL) Ultima actualização: 15-10-2006 O que é? Linguagem para
Leia maisProgramação para Internet I
Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:
Leia maisHTML: Recursos Básicos e Especiais
Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,
Leia maisLogo. O que procura? Onde? Para? Mais opções. Pesquisar
Ecrã inicial Logo O que procura? Onde? Para? Mais opções Pesquisar Clicar nas setas puxa os empreendimentos Pesquisa Publicar Banca Área Pessoal 1 Iniciar sessão Iniciar sessão: Email Password Iniciar
Leia maisMANUAL DE IDENTIDADE
MANUAL DE IDENTIDADE O YouBeep é um sistema mobile que está a revolucionar a dinâmica de compras em Portugal. Este sistema patenteado é composto por duas componentes: para os retalhistas é um dispositivo
Leia maisDesenvolvimento Web CSS Conceitos básicos parte II
Desenvolvimento Web CSS Conceitos básicos parte II Prof.: Bruno E. G. Gomes 2014 Folhas de Estilo Externa Estilos são definidos em um arquivo separado e incorporados à página através da tag link Podem
Leia maisHTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo
HTML 5 TAGS BÁSICAS E ESTRUTURAIS Prof. Rosemary Melo TAGS BÁSICAS DA LINGUAGEM TAG Indica que está criando uma página html TAG Área contém informação sobre a página TAG especifica
Leia maisHTML - Definição e Conceitos
1 HTML - Definição e Conceitos HTML e uma abreviação para Hyper Text Markup Language ou Linguagem de Marcação de Hipertexto. É uma linguagem utilizada pra criação de páginas para a internet que serão "interpretadas"no
Leia maisTítulo do artigo. 1,5cm. Nome completo do AUTOR 1. 2,5cm. 1,2cm
Título do artigo Formatação Título 1: fonte tamanho 16, negrito, Inicial maiúscula, espaçamento de 1,5 linhas, alinhado à esquerda. Nome completo do AUTOR 1 Resumo: Lorem ipsum dolor sit amet, consectetur
Leia maisTECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo HTML (Hiper Text Markup Language) Linguagem de marcação de hipertexto Comum especificar o conteúdo do documento e sua formatação em um só documento HTML.
Leia maisMANUAL DE APLICAÇÃO DA MARCA O VALOR DAS GRANDES DECISÕES
MANUAL DE APLICAÇÃO DA MARCA AGO / 2015 ESTE É O MANUAL DE APLICAÇÃO DA MARCA QUE FORNECERÁ OS DIRECIONAMENTOS NECESSÁRIOS PARA A IDENTIDADE VISUAL DA APSIS. NAS PRÓXIMAS PÁGINAS, VOCÊ ENCONTRARÁ DIRETRIZES
Leia maisWebdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
Leia maisCASCADING STYLE SHEETS (CSS)
UI MARIA LENIR ARAÚJO MENESES Prof Esp. Leonardo Delgado Aula 02: CASCADING STYLE SHEETS (CSS) Unidade IV Aluno: Data: / / CASCADING STYLE SHEETS (CSS) O CSS é uma linguagem de estilo que foi desenvolvida
Leia maisSEPARAÇÃO EM: Apresentação Estrutura Comportamento
SEPARAÇÃO EM: Apresentação Estrutura Comportamento Arquitectura de Sistemas DEI-ISEP Estrutura/Apresentação/Comportamento Uma boa prática na construção de páginas web: Separação em 3 camadas: Estrutura
Leia maisCascading Style Sheets CSS
Cascading Style Sheets CSS Sistemas de Informação André Monteiro de Oliveira Restivo E-mail: andre.restivo@fe.up.pt URL: www.fe.up.pt/~arestivo/aulas/sinf André Restivo SINF 2003/2004 CSS: 1 CSS: O que
Leia mais08/11/2012. Tecnologias WEB - CSS. Professor Elisson Lobão
Tecnologias WEB - CSS Professor Elisson Lobão 1 CSS CSS(Cascade Style Sheets) são folhas de estilo que permitem controlar a aparência dos elementos HTML Vantagens: Grande liberdade de formatação Maior
Leia mais