Вы находитесь на странице: 1из 16

0

SUMRIO
1 INTRODUO....................................................................................................3
2 OBJETIVO..........................................................................................................4
3 DESENVOLVIMENTO.........................................................................................5
3.1 O que um documento HTML?
3.2 Como so chamados os comandos em HTML?
3.3 Como melhorar a aparncia de um documento.
3.4 TAGs de Formatao de Textos.......................................................................7
3.5 Como inserir imagens,vdeos,tabelas e links para navegao........................10
3.6 Variveis locais e globais.................................................................................11
3.7 Passagem de parmetros para funes por referncia e por valor.................13

4 ORGANOGRAMA................................................................................................14
5 CONCLUSO......................................................................................................15
REFERNCIAS.................................................................................................. 16

1 INTRODUO

Neste trabalho conheceremos a empresa Telecine Mozer, uma empresa do grupo


Todos, que utiliza a tecnologia para a locao de filmes, atravs de sua web site.
Abordaremos a seguir o desenvolvimento do site e as ferramentas tecnolgicas
usadas afim de que

ela tenha xito nos servios prestados, passando assim

confiabilidade aos seus assinantes e ganhando mais espao em meio


concorrncia.
O trabalho, apresentar com facilidade alguns conceitos bsicos e vrias
possibilidades de uma leitura compreensiva e dinmica onde aprendero as funes
de cada comando usados na linguagem de programao HTML (Hypertext Markup
Language) to importante em nosso cotidiano utilizando qualquer editor de texto.

Este trabalho mostra os conceitos de criao em linguagem HTML, para o


desenvolvimento de paginas web, voltada para a aparncia e interao com usurio,
de forma interativa e lcida, utilizando um designer inovador com efeitos que
integram agilidade e facilidade.

2 OBJETIVO

Mostra os conceitos de criao em linguagem HTML, para o desenvolvimento de


paginas web, voltada para a aparncia e interao com usurio, de forma interativa
e lcida, utilizando um designer inovador com efeitos que integram agilidade e
facilidade.
Utilizar as linguagem HTML, CSS, C# e Java Script para a criao do site da
empresa Ressaltando o contedo apresentado referente linguagem HTML,
abordando formas viveis de interao com o leitor, estudando sobre os comando
HTML e suas particularidades, procurar colocar de forma organizada e de simples
compreenso.

3 DESENVOLVIMENTO

O processo tecnolgico na criao de web site tem sido pesperctivel a respeito da


locadora de livros, pois atravs dele que podemos crescer os nmeros de usurios
gerando um alto numero de aplicaes na web onde est comercio eletrnico que
considerado um dos canais mais modernos dos vendas atravs da web.
3.1 O que um documento HTML?
HTML ou Hypertext Markup Languagem (Linguagem de formatao de texto), que
pode ser escrito em qualquer editor de texto. uma linguagem de marcao de
hipertexto usado para criar sites.
A estrutura bsica de um documento HTML (Hyper Text Markup Language Linguagem de Marcao de Hipertexto) apresenta as seguintes marcaes:

<! DOCTYPE html>


<Html>
<head>
<meta charset="utf-8" />
<meta name="description" content="a descrio do seu site em no mximo 90 caracteres">
<meta name="keywords" content="escreva palavras-chaves curtas, mximo 150 caracteres">
<title>Ttulo do Documento</title>
</head>
<body>
<!-- Aqui fica a pgina que ser visvel para todos, onde se pode inserir
Textos, imagens, links para outras pginas, etc., geralmente usa-se: -->
<div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets
(Folhas de Estilo em Cascata)</div>
<span>Tag para modificao de uma parte do texto da pgina</span>
<img src="endereo_de_uma_imagem.jpg" />
<a href="http://www.wikipedia.org">Wikipedia, A Enciclopdia Livre</a>
</body>
</HTML>

3.2 Como so chamados os comandos em HTML?


Os comandos em HTML so chamados de tags, e eles iro dizer ao browser como o
texto, a informao e as imagens sero exibidas. Por exemplo, um tag pode dizer
que um texto ser exibido em negrito, itlico e com um tipo de fonte qualquer. Alm
de formatao de texto um tag tambm pode dizer que na verdade um determinado
pedao do texto um endereo para outra pgina Web, que ser acessado ao dar
um click no endereo.
Os tags so identificados por serem envolvidos pelos sinais < > ou </ >. Entre os
sinais < > so especificados os TAGS propriamente ditos . No caso de tags que
precisem envolver um texto, a sua finalizao dever ser feita usando a barra de
diviso "/", indicando que o tag est finalizando a marcao de um texto, o que faz

os tags? Normalmente andarem em pares. O formato genrico de um tag : <Nome


do tag> Texto </Nome do tag> .
3.3 Como melhorar a aparncia de um documento.
Os comandos bsicos que melhoram a aparecia do seu documento web, para que
um documento possa ser visualizado, tudo ser desenvolvido, nesse momento, no
bloco de notas, para que voc consiga entender a essncia de uma pgina de
internet.
Como j se sabe um TAG sempre se abre e se fecha; para criar um TAG de titulo e
necessrio o TAG <title></title>.
<HTML>
<head>
<title>ADS-Primeira Aula de HTML</title>
</head>
<body>
Seja bem-vindos ao Curso EAD de anlise e Desenvolvimento de software.
</body>
</HTML>

3.4 TAGs de Formatao de Textos:


Tags <h1..6> </h1..6>
O TAG <h> cria uma espcie de cabealho no documento, com padres de
formatao j prontinhos para usar. Serve para identificar o comeo de uma seo
ou tpico, facilitando a visualizao dentro da pgina. Logo aps o TAG <H> deve vir
um nmero de 1 a 6 indicando o tamanho da fonte, sendo que 1 o maior tamanho
e 6 o menor. Exemplo:

<h1> Cabealho Grande </ h1>


< h6> Cabealho Pequeno </h6>
Toda vez que usado esse TAG, a fonte j vir padronizada em negrito e em
determinado tamanho, alm de colocar uma linha em branco aps o texto. Lembrese de fechar com o tag </h>.
Tag <br>
Em muitas situaes, voc precisa quebrar a linha e continuar o texto na linha
seguinte, coisa que o TAG <p> no faz, pois ele pular uma linha. Para isso usamos
o TAG <br> (abreviao de BREAK Quebrar), dando continuidade do texto na linha
de baixo. Sua sintaxe apenas:
Texto Texto <br>
Tag <hr>
O TAG <hr> cria uma linha horizontal que utilizada para dar destaque a ttulos ou
para gerar a sensao de quebra entre um item de informao e outro. Estas linhas
podem tambm ser usadas com atributos de largura e altura. Exemplo:
<hr size=8 width=80%>
Onde WIDTH indica que a linha ocupar 80% da largura da janela do browser. E
SIZE indica que ser exibida uma linha com 8 pixels de espessura.
Assim como no editor de textos, voc pode criar uma srie de efeitos no texto,
alterando a forma ou o tipo de fonte. Todos esses TAGS de formatao e estilo de
texto devem ter seu tag de fechamento, pois seno se espalhar em toda sua
pgina e no s onde voc escolheu.
importante destacar que nem todos esses TAGS funcionam nos dois browsers.
Por exemplo, o TAG <blink> s funciona no Netscape Navigator, enquanto os TAGS
<marquee > e <u> funcionam apenas no Internet Explorer. Existem outros estilos,
mas por enquanto, isso vai nos servir.

Tags <font> </font>


Vamos agora formatar as fontes da nossa pgina. Para isso vamos usar o tag FONT
com seus complementos: FACE, COLOR e SIZE.
O <font face = "fonte> ir definir que tipo de fonte que seu texto ir utilizar.
Aconselho a usar fontes de padro popular no Windows , pois as fontes que seu
computador tem , pode ser que outro computador no tenha. Por isso fontes como
TIMES NEW ROMAN e ARIAL so aconselhveis. Exemplo :
< font face = "times"> Coloque aqui seu texto </font>
Obs.: A fonte Times New Roman ( Times ) j o padro das pginas HTML ,
podendo se colocar qualquer fonte existente em sua mquina como Mistral , Arial
etc.
O <fonte size = "TAMANHO DA FONTE "> ir definir qual o tamanho da fonte
utilizada , lembrando que deveremos seguir o padro de hipertexto e usar fontes de
tamanho 1 a 6. Podemos usar tamanhos como 78 e 64 , mas lembre se que pode
no funcionar em alguns micros. Por isso , se voc quer aumentar o tamanho de
uma fonte , use o sinal de + antes do nmero que ir definir o tamanho da fonte e ,
para diminuir use o sinal de - . Por Exemplo:
< fonte size = + 3> Ir deixar o texto com o tamanho 6 </font> ;
< fonte size = 3> Ir deixar seu texto com o tamanho 3 </font> ;
Obs.: O tamanho 3 o tamanho padro das pginas HTML , podendo colocar
qualquer tamanho compatvel fonte usada.
O <font color = "COR "> ir colocar uma cor na fonte escolhida e seguir o padro
de cores RGB , o mesmo do BODY BGCOLOR. Exemplo:
<fonte color = "black"> Veja um texto pretinho! </font>
Tag BODY parmetro BGCOLOR

Esse TAG no precisa de tag de fechamento, pois o prprio < BODY > se
encarregar disso. Sua funo ser a de colocar uma cor de fundo para sua pgina.
Sua sintaxe :
<body bgcolor = "COR">
Onde: "COR ser a cor do fundo escolhido, que dever ser escrito em ingls ou em
cdigo. Os browsers disponibilizam at 256 cores para serem usadas como cor de
fundo, sendo que cada cor formada por um cdigo RGB (red / green / blue ) . O
cdigo composto por trs nmeros nos quais os primeiros dois dgitos representam
a intensidade do vermelho (R); o segundo, a intensidade do verde (G) e o ltimo a
intensidade do azul (B). Cada cor pode ter um valor que varia de 0 a 255. Se forem
atribudos os valores mnimos R=000, G=000 e B=000, obtida a cor preta. Se
forem atribudos o valor mximo para cada cor (255), obtida a cor branca. Mas,
para facilitar nossa vida, vamos escrever o padro em ingls, que muito mais
simples. Exemplo:
<body bgcolor="YELLOW"> ou < body bgcolor ="#FFFF00">
O tag BODY BGCOLOR pode ser colocado logo aps o tag BODY, ou at mesmo
acoplado em um mesmo tag.
3.5 Como inserir imagens,vdeos,tabelas e links para navegao
A tag IMG usada para renderizar uma imagem no site. necessrio que o campo
src seja preenchido com o caminho para a imagem. Os campos width e height
devem ser preenchidos com a largura e a altura da imagem em pixels, muito
importante que esse campo esteja sempre preenchido para evitar que o navegador
tenha que calcular sozinho o tamanho da imagem. O campo alt, deve conter uma
pequena descrio da imagem para o caso do navegador no conseguir reproduzir a
imagem e por questes de acessibilidade para leitores de tela usados por cegos.
Exemplo:
<img src="imagem.jpg" width="50" height="50" alt="Descrio da imagem" />
Formatao de vdeos Extenso da tag. Ex:

10

<sourcesrc> <sourcesrc=videos/filme.mp4

Formatao de link <a> Name e href.


<A HREF="arquivo.html" ALT="Descrio do Link" SYLE="COLOR:#FF0000">Este
link simples, com arquivos na mesma pasta</a>
Para a formatao de link utiliza a tag <a> que tem como extenso name e href.

A tag TABLE usada para demarcar uma tabela. As linhas so marcadas com a tag
TR enquanto as colunas ficam com a tag TD. possvel agrupar colunas com o
atributo colspan e linhas com o atributo rowspan. Um <td colspan="2"></td> significa
que

aquela

coluna

vai

ocupar

espao

de

duas

colunas.

Ex: Tabela 22
1 <table>
2

<tr>

3 <td>Primeira coluna da primeira linha</td>


4

<td>Segunda coluna da primeira linha</td>

</tr>

<tr>

<td>Primeira coluna da segunda linha</td>

<td>Segunda coluna da segunda linha</td>

</tr>

10 </table>

3.6 Variveis locais e globais

As variveis locais s existem dentro da funo, uma seo chamada de cdigo de


programa que executa uma tarefa especfica em que so definidos, ou declarados.
Eles deixaro de existir uma vez que a funo seja concluda. As variveis locais so
recriadas cada vez que a funo chamada.

11

Estas variveis no so acessveis para outras funes ou para o programa principal


e, como tal, eles so geralmente instaurados usando um tipo especial de estrutura
de dados, conhecido como uma pilha.
Em muitas linguagens de programao, a pilha um elemento chave na
instaurao de variveis locais. Antes de executar uma funo, um programa
adiciona todas as variveis locais declaradas em que a funo para a pilha, na
ordem inversa quela em que foram declarados.
Quando o programa chama a funo, as variveis locais so removidas da pilha em
ordem inversa, de modo que a varivel adicionada mais recentemente o primeiro
removido.
Variveis globais
Variveis globais so declaradas no corpo principal do cdigo-fonte do programa,
fora de todas as funes, e, portanto, existem em qualquer lugar do cdigo, at
mesmo funes dentro. As variveis globais no so recriadas cada vez que uma
determinada funo chamada. Programas costumam usar variveis globais para
armazenar dados que so processados por muitas funes diferentes.
Um simples programa de edio de texto, por exemplo, pode carregar o contedo do
arquivo que est trabalhando em uma varivel global.
Variveis locais fazer programas de computador mais fcil de depurar e manter. Os
programadores podem determinar o ponto exato em que um programa modifica o
valor de uma varivel local, enquanto que as variveis globais podem ser
modificadas em qualquer lugar dentro do cdigo fonte.
As variveis locais tambm produzem menos interaes inesperadas com funes
de chamada ou o mundo exterior, conhecidos como efeitos secundrios, do que
variveis globais. As variveis globais so acessveis em funes em que no so
utilizados, contrariando o conceito de programao modular, em que o cdigo do
programa composto por blocos ou mdulos isolados de pequeno porte, para que
os programadores que favorecem a estrutura modular raramente us-los.

12

A programao em c# uma sequencia de lgica estruturada utilizando dados


primitivos como:
Palavra Chave Tipo Faixa de valores
Bool System. Boolean True ou false
Byte System. Byte -127 a 128
Char System.Char U+0000 a U+ffff
Decimal System.Decimal 1,0 10-28 a 7,9 1028
Double System.Double 5,0 10-324 a 1,7 10308
Float System.Single 1,5 10-45 a 3,4 1038
Int System.Int32 -2.147.483.648 a 2.147.483.647
Long System.Int64 -9,223,372,036,854,775,808 a 9,223,372,036,854,775,807
Object System.Object
Sbyte System.Sbyte 0 a 255
Short System.Int16 -32,768 a 32,767
String System.String
Uint System.UInt32 0 a 4,294,967,295
Ulong System.UInt64 0 a 18,446,744,073,709,551,615
Ushort System.UInt16 0 a 65,535

13

Na qual so mais usados int que representa os nmeros inteiros, string representa o
texto como uma srie de caracteres Unicode, float que representa valores flutuantes
como 3,5x, bool usado para declarar variveis para armazenar os valores
booleanos, verdadeiro ou falso e Double que significa um tipo simples que armazena
valores de ponto flutuante de 64 bits com 3D.
3.7 Passagem de parmetros para funes por referncia e por valor
Passagem de parmetros por valor: A funo recebe uma cpia da varivel que
fornecida quando invocada. Todas as alteraes feitas dentro da funo no vo
afetar os valores originais.Passagem de parmetros por referncia: Neste caso o
que enviado para a funo uma referncia s variveis utilizadas, e no uma
simples cpia, pelo que as alteraes realizadas dentro da funo iro certamente
alterar os valores contidos nessas variveis.
4 ORGANOGRAMA

Telecine Mozer

Assinante

14

5 CONCLUSO

Diante deste trabalho apresentado podemos concluir que, o uso de ferramentas e


tecnologias nas empresas de grande importncia no mundo atual, atravs dessas
ferramentas as empresas trabalham de forma integrada, hoje em dias as empresas
tem a necessidade de um sistema com rapidez com respostas em tempo gil e
precisas, afim que possam diminuir os custos e trazendo melhorias para seus
funcionrios, sendo assim, treinados seus funcionrios oferecendo conhecimentos e
melhorias computacionais. Portanto a empresa Locadora de filmes vai abordar
vrios gostos de tema para os clientes, assim tero mais opes. Todos os
funcionrios vo poder ter conhecimento de todos os filmes para fazer um
atendimento melhor e diferencial dos concorrentes.
Passando para parte do software podemos falar que vai ser muito til e eficaz para
os funcionrios e os clientes facilitando o tempo que o cliente vai esperar para fazer
seu cadastro e sua compra ou locao de filmes com toda essa tecnologia da
automao com os telespectadores, computadores e softwares que vo ajudar muito
nos cadastro de cliente, aniversariantes, fechamento do caixa dirio e mensal,

15

cliente devedores e que esto com atraso no pagamento da mensalidade, ento


com tudo isso pode se dizer que uma empresa totalmente evoluda.
Enquanto isso, no se pode esquecer a funo importante da tica, a humanidade e
a relao interpessoal dentro dessa empresa, como forma de facilitar e contribuir
para a fluidez dos negcios dentre da locadora. Para se construir um sistema deve
se levar em considerao esses trs tpicos.

REFERNCIAS
Introduo: Cenrio Proposto: Telecine Mozer Portflio da Universidade do Norte
do Paran
www.arquivodecodigos.net/dicas/c-csharp-aprenda-a-declarar-e-usar-variaveis-emc-2499.html
www.clem.ufba.br/tuts/html/c05.htm
4.1. Sites de Locadoras de
http://www.balaiodegatolivros.com.br/.

Livros:

Objetivo: http://www.sebrae-sc.com.br/
http://pt.wikipedia.org/wiki/HTML
tiagopassos.com/utils/documentohtml.html

http://www.leiamaislivros.com.br/,