Você está na página 1de 12

SUMRIO

1 INTRODUO...........................................................................................................3
2 OBJETIVO.................................................................................................................4
3 DESENVOLVIMENTO................................................................................................5
3.1 O QUE HTML?
3.2 COMO SO CHAMADOS OS COMANDOS HTML?
3.3 COMO MELHORAR A APARNCIA DE UM DOCUMENTO HTML?
3.4 COMO INSERIR IMAGENS EM DOCUMENTO HTML?
3.5 COMO INSERIR VDEOS EM UM DOCUMENTO HTML?
3.6 COMO INSERIR TABELAS EM UM DOCUMENTO HTML?
3.7 COMO INSERIR LINK'S PARA NAVEGAO EM UM DOCUMENTO HTML?
3.8 O QUE UMA VARIVEL LOCAL?
3.9 O QUE UMA VARIVEL GLOBAL?
3.10 O QUE PASSAGEM DE PARMETRO POR FUNO?
3.11 ORGANOGRAMA
4 CONCLUSO...........................................................................................................6
5 REFERNCIAS.........................................................................................................7

1 INTRODUO

O progresso tecnolgico na construo da interface de websites tem


sido perceptvel. Assim o nmero de usurios cresce exponencialmente gerando a
necessidade de uma grande variedade de aplicaes na web, dentre estas est o
comrcio eletrnico, tambm conhecido como e-commerce, que considerado um dos
canais mais modernos de vendas realizadas por diversas empresas atravs de sites.
Entretanto, vale ressaltar a existncia de uma grande variedade de websites nesta rea
que muitos deles apresentam problemas de usabilidade. A presente pesquisa tem
como objetivo demonstrar as ferramentas necessrias para a construo deste
websites, para aplic-la em websites de e-commerce.

Toda empresa que utiliza o comercio eletrnico possui um gerente


que totalmente responsvel pelas relaes da empresa na Internet, o mesmo deve
ser uma pessoa empreendedora com facilidade de comunicao a fim de manter
uma relao direta com o cliente. Alm de ter que entender de Marketing e conhecer
muito bem a Internet para que suas atitudes e decises aumentem a satisfao do
consumidor, a fim de firmar uma relao custo benefcio como objetivo de manter e
conquistar novos clientes.
Em qualquer modalidade do comrcio eletrnico, o processo
sempre ser on-line, o cliente visualiza e escolhe seu produto por meio de
comparaes, coloca no carrinho de compras e passa no caixa para realizar o
pagamento. Para que esse processo ocorra de forma eficiente o ponto mais
importante a qualidade do site, comeando pelo layout, transmisso de
informaes, confiabilidade, segurana e facilidade de navegao, sem falar de bons
preos e diversidade de produtos e servios e formas de pagamento.

1 - OBJETIVO

A empresa Telecine Mozer, tem como objetivo a locao de filmes,


alm dos canais que j so pagos pelos assinantes de TV a cabo. A locao feita
atravs de uma reserva antecipada, a escolha dos filmes feita pelo site, que no
horrio devido disponibilizar o filme locado no canal 654 especfico para filmes
locados. O Telecine Mozer possui um cadastro de seus clientes, suas locaes e
registros caso ocorra algum contratempo. Pois esta se implementando no novo site
ofertas para os clientes fiis, mostras antecipadas dos filmes disponveis. O Telecine
Mozer s poder ser acessado pelo assinante que recebe uma senha com seu
boleto mensal. Sem esta senha no ser possvel fazer a compra pelo site.
Mensalmente esta senha alterada mediante ao pagamento.

2 - DESENVOLVIMENTO

3.1- O QUE HTML?


HTML ou Hypertext Markup Language (Linguagem de formatao de
textos) pode ser escrito em qualquer editor de texto. uma linguagem de marcao
de hipertexto e usada para criar sites. um formato padro utilizado para o texto e
layouts de pginas para web.

3.2- COMO SO CHAMADOS OS COMANDOS HTML?


Os comandos de HTML so chamados de TAG, bem como outras
linguagens de programao os comandos possuem uma sintaxe prpria. Os TAGS
so os comandos utilizados para escrever uma pgina HTML, ou seja, o contedo
dessa pgina. Atravs desses comandos o cdigo fonte criado como em qualquer
outra linguagem.

3.3- COMO MELHORAR A APARNCIA DE UM DOCUMENTO


HTML?
Hoje temos vrias TAGS para melhorar a aparncia de um
documento HTML, abaixo segue alguns exemplos:

1-Negrito usamos o TAG <b></b>


2-Itlico usamos o TAG <i></i>
3-Sublinhado usamos o TAG <u></u>
4-Sob escrito usamos o TAG <sup></sup>
5-Subscrito usamos o TAG <sub></sub>
6-Grande usamos o TAG <big></big>
7-Pequeno usamos o TAG <small></small>

3.4- COMO INSERIR IMAGENS EM UM DOCUMENTO HTML?


Para inserir imagens em documentos HTML necessrio criar um
novo pargrafo utilizando o TAG <img src>, onde o src o seu atributo. O valor do
atributo src (source=origem) aponta para o endereo da imagem. O valor do atributo
pode ser o caminho absoluto ou relativo de uma imagem. Temos que estar atentos
tambm ao tamanho das imagens; se ocupam muito espao, isso implicar tempo
para aparecer as imagens na tela, o que faz o usurio perder a pacincia, o que
jamais seria nosso objetivo.
A sintaxe do tag Imagem :
<img src = nome da figura.extenso.>
Onde:
img significa imagem
src significa source
e as indicar a origem da imagem, ou seja, onde ela se encontra nas pastas de
documentos.

3.5- COMO INSERIR VDEOS EM DOCUMENTO HTML?


Para inserirmos vdeos em um documento HTML precisamos que o
esteja disponvel em uma pasta do seu site neste caso o Telecine Mozer, e coloque
no seu documento o tag<video> apontando para ele. Abaixo um exemplo de cdigo
para incluir um vdeo em documento HTML.

<html>
<head>
<metacharset=UTF-8>
<title>Inserindo Vdeo em HTML</title>
</head>
<body>
<vdeowidth=320height=240controls autoplay>
<sourcesrc=video/telecinemozer.mp4type=video/mp4>
</video>
</body>
</html>

3.6 COMO INSERIR TABELAS EM UM DOCUMENTO HTML?

Tabelas so muito usadas na organizao de dados e informaes,


que so compostas por linhas e colunas onde a interseco desses elementos
formam as clulas. As tabelas so muito teis na parte esttica da pgina da web.
Para criar tabelas, vamos utilizar o tag <table></table>, que define uma tabela em
HTML. Dentro do tag <table>, precisamos definir a estrutura de linhas e colunas que
formaro cada clula de nossa tabela. Para isso, vamos usar outros dois tags, um
que cria linhas e outro que cria as colunas de uma tabela. Esses tags so:
<tr></tr> - tag que define uma linha, abreviao do ingls Table Row;
<td></td> - tag que define uma coluna, abreviao do ingls Table Data
Esses tags devem ser informados em tags para cada clula da linha e devem estar
sempre entre os tags <tr></tr>;
<th></th> - define a tabela cabealho, abreviao do ingls Table Header; so
utilizados com o mesmo propsito dos tags <td></td>, porm o contedo exibido
em negrito e centralizado.
Exemplo de uma tabela de trs linhas e trs colunas:
<table>
<tr>
<td>Linha1, Coluna1</td>
<td>Linha1, Coluna2</td>
<td>Linha1, Coluna3</td>
</tr>
<tr>
<td>Linha2, Coluna1</td>
<td>Linha2, Coluna2</td>
<td>Linha2, Coluna3</td>
</tr>
<tr>
<td>Linha3, Coluna1</td>
<td>Linha3, Coluna2</td>
<td>Linha3, Coluna3</td>
</tr>

3.7- COMO INSERIR LINKS EM UM DOCUMENTO HTML?


Para inserirmos links para a navegao em um documento HTML
devemos proceder da seguinte maneira:
Primeiramente deve-se entender o TAG <a></a>, conhecido como ncora, que
uma ligao de uma pgina a outra por isto o nome ncora. Mas para o
direcionamento da pgina necessrio incluir parmetros de referncia hipertex
reference com o endereo da pgina desejada, assim:

<a href=http://www.telecinemozer></a>
No documento HTML utilizado de exemplo acrescentar um pargrafo novo com o
texto locao e filmes, e neste texto linkar com o site mencionado a cima, para isso
vamos escrever a seguinte linha de cdigo:
<p><a href=http://www.telecinemozer.com.br/>locao de filmes</a></p>
Veja que o TAG <p></p> para pargrafos e o TAG <a></a> para criar a ncora.
Porm neste cdigo quando clicar no link, a tela principal ser fechada e abrir o site
Telecine Mozer, para manter o site inicial e abrir o site da Telecine Mozer em uma
nova aba deve-se inserir um novo parmetro chamado target=_blank, que se
responsabiliza em abrir uma nova aba, conforme comando abaixo:
<p><a href=http://telecinemozer/target=_blank><>Locao de Filmes</a></p>

3.8 O QUE SO VARIVEIS LOCAIS?

Variveis locais:

So aquelas declaradas dentro do bloco de uma funo.

No podem ser usadas ou modificadas por outras funes.

Somente existem enquanto a funo onde foi declarada estiver sendo


executada.

3.9 O QUE UMA VARIVEL GLOBAL?

Variveis globais:

So declaradas fora de todos os blocos de funes.

So acessveis em qualquer parte do programa, ou seja, podem ser usadas e


modificadas por todas as outras funes .

Existem durante toda a execuo do programa.

3.10 PASSAGEM DE PARMETROS PARA FUNES POR


REFERNCIA E POR VALOR.

Existem dois mtodos de passagem de parmetros para funes:

Passagem por valor - permite usar dentro de uma funo uma cpia do valor
de uma varivel, porm no permite alterar o valor da varivel original
(somente a cpia pode ser alterada).

Passagem por refncia - passada para a funo uma referncia da varivel,


sendo possvel alterar o contedo da varivel original usando-se esta referncia.

3.11 ORGANOGRAMA
Descreve as unidades organizacionais, representadas por retngulos, e a hierarquia,
por linhas. Fornece a descrio da empresa que ser convertida em objetos do
modelo e conhecimento de organizao e responsabilidades (TICONTROLE, 2014).
Como exemplo de organograma, podemos observar a figura abaixo:

10

4 CONCLUSO
Neste trabalho abordamos o assunto de desenvolvimento da Web, o
que HTML, comandos de HTML, melhorar a aparncia de um documento HTML,
inserir imagens, vdeos, tabelas, links em um documento HTML. Vimos sobre
varivel Local e Global e passagem de parmetro por funo, referncia e valor.
Este trabalho foi muito importante para o meu conhecimento aonde
pude me aprofundar no tema em questo, porque permitiu conhecer melhor,
compreender melhor sobre o assunto abordado.

11

5 REFERNCIAS
- Usabilidade da interface de sites e-commerce:
<http://www.revistapindorama.ifba.edu.br/files/Simone%20Azevedo
%20bandeira%20de%20Melo%20Aquino%20IFMA.pdf
- Desenvolvimento:
Livro Eletronico Sistemas Web Autora MOZER, Merris; LOPER,
Adriane; SILVA, Danilo Augusto Londrina: Editora e Distribuidora
Educacional, 2014. 192p.
Livro Eletronico Tcnicas de Programao GONALVES,
Anderson Emdio de Macedo; Freitas, Veronice de.