ADS - Pti Em Grupo - 2º Semestre - Telecine Mozer

JEFERSON LIMA DE MELO

PRODUÇÃO TEXTUAL INTERDISCIPLINAR INDIVIDUAL

ESTUDO DE CASO – TELECINE MOZER

Trabalho de Portfolio apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção de média semestral para às seguintes disciplinas do 2° Período do Curso de Tecnólogo em Análise e Desenvolvimento de Sistemas

Tópicos em Desenvolvimento de Sistemas Web

Merris Mozer

Metodologia Científica

Reinaldo Nishikawa

Processo de Negócios e Software

Marco Hisatomi

Lógica e Técnicas de Programação

Anderson Macedo

SÃO RAIMUNDO NONATO

2014

SUMÁRIO

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

2 OBJETIVO…………………………………..................................................................5

3 O QUE É UM DOCUMENTO HTML.................................….....................................6

3.1.1 Conceito de HTML......……………………............……........................................6

3.1.2 Comandos em HTML...........................................................................................6

3.1.3 Editores HTML................................................................................................6-8

3.1.4 Cabeçalhos HTML..............................................................................................8

4 COMO MELHORAR A APARÊNCIA DE UM DOCUMENTO HTML.................9-11

4.1.1 Inserindo imagens prontas..........................................................................11-12

4.1.2 Inserindo vídeos...........................................................................................12-13

4.1.3 Inserindo tabelas e links..............................................................................13-14

5 VARIÁVEIS LOCAIS E GLOBAIS...........................................................................15

6 ORGANOGRAMA...................................................................................................17

7 CONCLUSÃO.........................................................................................................18

REFERÊNCIAS.........................................................................................19

1 INTRODUÇÃO

A busca constante na evolução do software não se faz por meio de apenas uma metodologia, mas sim uma combinação de melhores ferramentas de automação, técnicas para a garantia da qualidade do software, gerenciamento e controle das atividades envolvidas.

Aplicaremos algumas das técnicas de montagens de estrutura, como as tags e seus atributos, e de melhoramento da aparência dos documentos HTML.

Teremos como base a atividade proposta no que se diz respeito ao estudo de caso – Telecine Mozer.

2 OBJETIVO

O objetivo desse trabalho é aplicar os conhecimentos adquiridos durante esse 2º período das referentes disciplinas na usabilidade e técnicas de desenvolvimento de páginas WEB.

3 O QUE É UM DOCUMENTO HTML

3.1.1 Conceito de HTML

A linguagem HTML foi criada por Tim Barners Lee na década de 1990. As especificações da linguagem são controladas pela W3C (World Wide Web Consortium).

HTML é a sigla de HyperText Markup Language, expressão inglesa que significa “Linguagem de Marcação de Hypertexto”. Consiste em uma linguagem de marcação utilizada para produção de páginas na web, que permite a criação de documentos que podem ser lidos em praticamente qualquer tipo de computador e transmitidos pela internet.

Todo e qualquer documento possui uma extensão que determina a que tipo de arquivo pertence, por exemplo, uma imagem, um arquivo de som etc. Os documentos HTML possuem a extensão “.html” ou “.htm”.

3.1.2 Comandos em HTML

Todo documento HTML apresenta elementos entre parênteses angulares (< e >). Esses elementos são as etiquetas TAGs de HTML, que são os comandos de formatação da linguagem.

Antes que a página seja exibida, o browser interpreta o código fonte. Nesse momento, ele busca por caracteres especiais, ou seja, procura pelos TAGs. Buscam pelos comandos que determinam as formatações e/ou as ações. Os TAGs é que irão dizer ao browser como o texto, a informação e as imagens serão exibidas. Por exemplo, um TAG indica que um texto será exibido em negrito ou itálico, ou ainda se esse texto irá funcionar como um link para um outro arquivo ou outra página da internet.

3.1.3 Editores HTML

Como dito