Aula01 webdesign

Post on 18-Nov-2014

842 views 6 download

description

 

Transcript of Aula01 webdesign

WEBDESIGN – AULA 01

- UNIDADE I -

FUNDAMENTOS PARA A

CONCEPÇÃO E CRIAÇÃO DE

CONTEÚDO EM AMBIENTE WEB

Revisão HTML - Parte 1

1

HTML (REVISÃO)

HTML (HYPER TEXT MARKUP LANGUAGE)

É uma linguagem de marcação para a elaboração

de sites na Web.

Os comandos são chamados de TAGS

Ex:

<nome_do_tag atributo="valor">

...

</nome_do_tag>

2

HTML (REVISÃO)

ESTRUTURA BÁSICA DE UMA PÁGINA

<HMTL>

<HEAD>

<TITLE></TITLE>

</HEAD>

<BODY>

....

</BODY>

</HTML>

3

HTML (REVISÃO)

TAGS BÁSICOS: <H1> a <H6> <BR> <P> <B> <I> <U> <S>

4

HTML (REVISÃO)

TAGS Heading já vem devidamente pré-formatadas. A diferença será o tamanho da letra. O <H1> apresenta com maior tamanho e o último nível <H6> com menor tamanho de letra. Ex: <H1>...</H1> <H2>...</H2> <H3>...</H3> <H4>...</H4> <H5>...</H5> <H6>...</H6>

5

HTML (REVISÃO)

QUEBRAS DE LINHAS:

<BR> O texto pulará 1 linha. Caso queira pular mais de 2 linhas basta incluir o número de <BR> correspondentes. Ex: ...<BR>

<P> TAG parágrafo, permite SOMENTE pular 2 linhas. Ex: ....<P>

6

HTML (REVISÃO)

FORMATANDO TEXTO:

<B>

Permite com que os textos fiquem na formatação

em negrito

Ex:

<B>

....

</B>

7

HTML (REVISÃO)

FORMATANDO TEXTO:

<I>

Permite com que os textos fiquem na formatação

itálico.

Ex:

<I>

....

</I>

8

HTML (REVISÃO)

FORMATANDO TEXTO:

<U>

Permite sublinhar os textos.

Ex:

<U>

....

</U>

9

HTML (REVISÃO)

FORMATANDO TEXTO:

<S>

Permite com cortar o texto no meio com uma linha.

Ex:

<S>

....

</S>

10

Fontes utilizadas

http://www.maujor.com.br

http://www.w3schools.com

11

OBRIGADO!

PROF. SERGIO XAVIER

E-mail:

sergiosx@gmail.com

Blog:

www.profsergioxavier.wordpress.com

12