DESENVOLVIMENTO WEB I CSS incorporado – Formatando textos utilizando estilos em cascata.

Slides:



Advertisements
Apresentações semelhantes
Faculdades Integradas Santa Cruz
Advertisements

HTML - HiperText Markup Language Tecnologia para Web
Descobrindo o CSS Paula Mariano 9.
Laboratório de Informática Introdução à Linguagem CSS 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.
Tecnologia Hipermídia e Multimídia
Profa. Rudson apostilas.wikidot.com/hipermidia
Internet - 1 Folhas de estilo m Forma está a tornar-se importante, a par do conteúdo m Sistematizar o design de uma colecção de documentos implica definições.
CSS-Folha de Estilo.
Monitor de Vídeo.
Linguagem PHP Prof.: Sergio Pacheco Prof.: Sergio Pacheco 1 1.
HTML, CSS e JQuery Wendell Silva Soares.
Tecnologias para Internet Thyago Maia Tavares de Farias Aula 21.
Tecnologias para Internet Thyago Maia Tavares de Farias Aula 6.
Construção Web Design Aula 02 – HTML e CSS.
HTML O que é? HiperText Markup Language
Curso de Web Master Css – 1ª Aula.
CSS Programação Web.
HTML Técnicas em Programação para Internet
HTML Construindo páginas.
CSS - Cascading Style Sheets
CSS Cascade Style Sheet (Folha de Estilo em Cascata)
Introdução à Programação para WEB
Programação WEB HTML.
Instrutor: Tarso Nunes Aires  HTML foi escrito para definir o conteúdo de um documento  Porém, tags como, atributos de cores e etc.
HTML HyperText Markup Language Uma linguagem de marcação.
Cascading Style Sheets Folhas de Estilo em Cascata
Treinamento em HTML & CSS
Introdução ao CSS Este modelo pode ser usado como arquivo de partida para apresentar materiais de treinamento em um cenário em grupo. Seções Clique com.
HTML 1ª aula.
HTML: trabalhando com Fontes
C URSO DE HTML 40 horas Instrutor: Antonio Itamar Júnior.
CSS incorporado – Formatando textos utilizando estilos em cascata
 A tag define o elemento da raiz do documento.  É aquele que tem toda a informação da página.  Diz ao browser para iniciar um novo documento (página.
Ferramentas para Sistema Web
Linguagens Web - Cliente
Ferramentas para Sistema Web Sistemas de Informação Aula 8 – 17/04/2013.
WIC’ 2015-I WorkShop para o Ingressante em Ciência da Computação Curso de Desenvolvimento para WEB – HTML5.
Unidade 3 – Introdução ao CSS Prof.: Henrique Santos
Aplicativos para Internet CSS
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
7 - Criação de Páginas Web
Autoria WEB Prof. Thiago Nogueira Tolentino Barbosa
Cascading Style Sheets (css). Cascading Style Sheets  Cascading Style Sheets (CSS) é uma linguagem de estilo utilizada para definir a apresentação de.
Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 CSS Cascading Style Sheets Folhas de Estilo em Cascata Parte I.
O que é CSS? O CSS (Cascading Style Sheets) ou Folhas de Estilo em Cascatas é uma documentação que define as regras de formatação que serão aplicadas aos.
C ASCADING S TYLE S HEETS Escola Secundária da Batalha TGPSI Pedro Pereira Nº17.
Frames Com frames você pode inserir mais de um documento dentro da mesma tela do navegador. Você pode fazer frames horizontais ou verticais, que determinarão.
Curso Técnico em Informática Professor Igor Vale Instituto Federal do Amazonas – Campus Lábrea Julho de 2012.
Curso Técnico em Informática Professor Igor Vale Instituto Federal do Amazonas – Campus Lábrea Julho de 2012.
CSS ETEC Vasco Antônio Venchiarutti - Extensão na EE A. S. Gandra Professor: Robson / Madureira Disciplina: Desenvolvimento e Design de Web Sites II Turma:
Profº Cláudio Barbosa HTML - Introdução  HTML – Hypertext Markup Language – Linguagem de Marcação de Hipertexto;  Linguagem.
HTML Estrutura e Sintaxe.
HTML - HyperText Markup Language Professora: Fabrícia F. de Souza.
HTML Prof. Geyson Silva.
LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON.
Desenvolvimento Web CSS – Cascading Style Sheets Folhas de Estilo em Cascata Profa. Célia Taniwaki.
1 Prof. Esp. Andrew Rodrigues HTML.
1 HTML Prof. Esp. Andrew Rodrigues Aula 02. II - Linguagem de Marcação HTML 2 Sintaxe Básica do HTML Olá mundo!!
CSS Cascading Style Sheets. O que é CSS?  Conjunto de regras que definem a aparência do documento HTML.  Inline: Definido dentro da tag pelo atributo.
Arleys Pereira Nunes de Castro - Mestrando : Modelagem computacional (SENAI-MCTI) Especialista : Sistema distribuídos (UFBA)
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :34 1 Introdução e Conceitos CSS CSS significa Cascade Style Sheetes (Folha de Estilo.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :38 1 Este parágrafo em fonte Courier Este parágrafo em fonte Cambria e tamanho 20px.
Propriedades CSS para formatação de Texto Aplicativos para Web Prof. Wolley W. Silva.
Aplicativos para Web Prof.ª Erika Miranda Prof. Wolley.
Programação para Internet Rica– Aula 04 Prof. Me. Ronnison Reges Vidal.
CSS - Cascading Style Sheet Feol – 2º Período Sistemas de Informação Profa. Andrea Alves.
CSS – Castading style sheets
TECNOLOGIA PARA INTERNET 1
Prof Silvano Oliveira Fundamentos de Desenvolvimento Web Folhas de Estilo em Cascata Prof Silvano Oliveira
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS -
Transcrição da apresentação:

DESENVOLVIMENTO WEB I CSS incorporado – Formatando textos utilizando estilos em cascata

O QUE É CSS? ›Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web.

E WEB STANDARDS? ›Web Standards é um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais.

SINTAXE BÁSICA seletor { propriedade: valor; } Seletor: genericamente, é o elemento HTML identificado por sua tag, ou por uma classe, ou por uma ID, ou etc., e para o qual a regra será válida (por exemplo:,,,.minhaclasse, etc...); Propriedade: é o atributo do elemento HTML ao qual será aplicada a regra (por exemplo: font, color, background, etc...). Valor: é a característica específica a ser assumida pela propriedade (por exemplo: letra tipo arial, cor azul, fundo verde, etc...)

ESTILO INCORPORADO Uma folha de estilo é dita incorporada ou interna, quando as regras CSS estão declaradas no próprio documento HTML.

ESTILO INCORPORADO H1{ COLOR: #FF0000; }

ESTILO INCORPORADO H1{ COLOR: #FF0000; FONT-FAMILY: COMICS; } P{P{ FONT-FAMILY: ARIAL; COLOR: GREEN; }

PROPRIEADEDES PARA FORMATAR FONTES color: cor da fonte font-family: tipo de fonte font-size: tamanho de fonte font-style: estilo de fonte font-variant: fontes maiúsculas de menor altura font-weight: quanto mais escura a fonte é (negrito)

PROPRIEADEDES PARA FORMATAR TEXTOS color cor do texto; letter-spacing espaçamento entre letras; word-spacing espaçamento entre palavras; text-align alinhamento do texto; text-decoration......decoração do texto; text-indent recuo do texto; text-transform forma das letras; direction direção do texto; white-space como o browser trata os espaços em branco;