Potfolio ads 2 semestre

SUMÁRIO

1 INTRODUÇÃO.......................................................................................................4

2 DESENVOLVIMENTO 4

2.1 O QUE É UM DOCUMENTO HTML 4

2.2 COMO SÃO CHAMADOS OS COMANDOS HTML 4

2.3 COMO MELHORAR A APARÊNCIA DE UM DOCUMENTO EM HTML 4

2.3.1 Como Inserir Imagens 4

2.3.2 Como Inserir Vídeos 5

2.3.3 Como Inserir Tabelas 5

2.3.4 Como Inserir Links de Navegação 7

2.4 VARIÁVEIS LOCAIS E GLOBAIS 8

2.5 PASSAGENS DE PARÂMETROS PARA FUNÇÕES 8

2.6 ORGANOGRAMA TELECINE MOZER..................................................................9

2.6.1 Descrição das Funções 9

3 CONCLUSÃO 11

REFERÊNCIAS 12

1 INTRODUÇÃO

Atualmente o mercado de TI está crescendo notavelmente, e o acesso às informações torna-se necessário praticamente em todas as áreas. Por este motivo pode-se destacar a importância de uma boa profissionalização e capacitação, acompanhando as novas tendências para poder fazer um bom trabalho. O seguinte trabalho trata-se da aplicação de conceitos nas áreas de desenvolvimento de sistemas Web, Metodologia, Processo de negócios e Software e, Lógica e técnicas de programação. Tem por objetivo estimular e conhecer o valor da pesquisa e seus benefícios no ambiente de estudo, proporcionar o conhecimento e a sua aplicabilidade em determinados casos.

A metodologia utilizada foi através de pesquisa em livros e na internet.

2 DESENVOLVIMENTO

2.1 O QUE É UM DOCUMENTO HTML

É uma linguagem de marcação utilizada para produzir páginas na Web, composta de textos e comandos especiais chamados de TAGS, que pode ser lida por qualquer navegador. Normalmente possuem a extensão “.html” ou “.htm” e pode ser escrito em qualquer editor de textos.

2.2 COMO SÃO CHAMADOS OS COMANDOS HTML

Conhecidos como Tags, são caracteres especiais que determinam informações ou ações, eles irão dizer ao browser como o texto, a informação e as imagens serão exibidas. Normalmente usado em pares, o tag é iniciado pelo sinal de menor “<” e finalizado pelo sinal de maior “>” e no fechamento deve-se incluir a barra “/”.

2.3 COMO MELHORAR A APARENCIA DE UM DOCUMENTO EM HTML

Acredita-se que a imagem de uma pessoa é o seu cartão de visita pessoal. Quando uma pessoa entra em contato visual com outra pela primeira vez, em seguida já guarda uma impressão sobre ela. Em um documento HTML não é diferente, um bom layout ajuda muito a primeira vista. Pensando assim, dispõe-se de vários recursos no auxílio à construção de um Website.

2.3.1 Como Inserir Imagens

Inserir imagens em uma pagina Web é fácil de fazer. Pode-se salvar a imagem em um diretório ou servidor de arquivos da Web e fazer referencia a ela no documento HTML. Para isso usa-se o tag <img-src>, sendo que src é o seu atributo e significa source.

O modo a ser colocado é <img-src=”imagem”>, onde “imagem” aponta para o local na qual a figura está guardada. Por exemplo, uma determinada imagem denominada “foto.jpg”, localizada dentro da pasta “imagens” em “www.site.com.br” tem o URL: “http://www.site.com.br/imagens/foto.jpg”.

O Tag imagem possui outros atributos que servem para organizar a imagem de forma preferível. Com eles pode-se configurar as bordas, largura, altura, alinhamento, espaço, etc.

As imagens também podem ser alinhadas de acordo com o texto, podem ser usadas como fundo de página e usadas como links.

2.3.2 Como Inserir Vídeos

Atualmente há várias formas de inserir vídeos dentro de uma página Web, com algumas maneiras simples e outras mais complicadas.

Pode-se incluir um vídeo com o tag <embed>formando a linha: <embed autoplay=”false” src=”video.wma” width=”80”height=”80”></embed>, onde se pode notar que está configurado para não rodar automaticamente, seu local de armazenamento, sua largura e altura.

Através de hiperlinks, onde é criado um link para o vídeo: <a href=” video.avi”></a”>.

No caso de vídeos do youtube, basta acessar um determinado video do site, abaixo do video clicar em compartilhar, depois em incorporar, copiar o código disponibilizado e incluí-lo no código da página HTML.

2.3.3 Como Inserir Tabelas

As tabelas são importantes na organização dos dados em uma página HTML, pois facilitam o entendimento da comunicação do site e na parte estética.

A inserção da tag <table></table> serve para incluir uma tabela em um código fonte. A parti daí, usa-se a tag ‘<tr>’ para definir as linhas e a tag ‘<td>’ para as colunas. Pode-se ver no exemplo abaixo o código de uma tabela com 2 linhas e 2 colunas:

<table>

<tr>

<td>linha1, coluna1</td>

<td>linha1, coluna2</td>

</tr>