You are on page 1of 16

0

.................1 SUMÁRIO 1 INTRODUÇÃO.........................................vídeos.......... 3......................7 Passagem de parâmetros para funções por referência e por valor................5 Como inserir imagens........................4 TAGs de Formatação de Textos.................................4 3 DESENVOLVIMENTO..............3 Como melhorar a aparência de um documento.......tabelas e links para navegação...............................11 3.......................................................13 ...................7 3................................1 O que é um documento HTML? 3.................................................6 Variáveis locais e globais.......10 3..................................5 3..................2 Como são chamados os comandos em HTML? 3..................................................3 2 OBJETIVO....................

.............................. apresentará com facilidade alguns conceitos básicos e várias possibilidades de uma leitura compreensiva e dinâmica onde aprenderão as funções de cada comando usados na linguagem de programação HTML (Hypertext Markup Language) tão importante em nosso cotidiano utilizando qualquer editor de texto.................... Abordaremos a seguir o desenvolvimento do site e as ferramentas tecnológicas usadas afim de que ela tenha êxito nos serviços prestados....................................................... ..... passando assim confiabilidade aos seus assinantes e ganhando mais espaço em meio à concorrência..................15 REFERÊNCIAS......................................... O trabalho..2 4 ORGANOGRAMA.. 16 1 INTRODUÇÃO Neste trabalho conheceremos a empresa Telecine Mozer........................................... através de sua web site......14 5 CONCLUSÃO..................................................... que utiliza a tecnologia para a locação de filmes................... uma empresa do grupo Todos...........

de forma interativa e lúcida. estudando sobre os comando HTML e suas particularidades. procurar colocar de forma organizada e de simples compreensão.3 Este trabalho mostra os conceitos de criação em linguagem HTML. abordando formas viáveis de interação com o leitor. para o desenvolvimento de paginas web. para o desenvolvimento de paginas web. utilizando um designer inovador com efeitos que integram agilidade e facilidade. 2 OBJETIVO Mostra os conceitos de criação em linguagem HTML. voltada para a aparência e interação com usuário. CSS. utilizando um designer inovador com efeitos que integram agilidade e facilidade. Utilizar as linguagem HTML. C# e Java Script para a criação do site da empresa Ressaltando o conteúdo apresentado referente à linguagem HTML. voltada para a aparência e interação com usuário. . de forma interativa e lúcida.

1 O que é um documento HTML? HTML ou Hypertext Markup Languagem (Linguagem de formatação de texto). 3. que pode ser escrito em qualquer editor de texto. A estrutura básica de um documento HTML (Hyper Text Markup Language Linguagem de Marcação de Hipertexto) apresenta as seguintes marcações: .4 3 DESENVOLVIMENTO O processo tecnológico na criação de web site tem sido pesperctivel a respeito da locadora de livros. pois é através dele que podemos crescer os números de usuários gerando um alto numero de aplicações na web onde está comercio eletrônico que é considerado um dos canais mais modernos dos vendas através da web. É uma linguagem de marcação de hipertexto usado para criar sites.

itálico e com um tipo de fonte qualquer. a sua finalização deverá ser feita usando a barra de divisão "/". Entre os sinais < > são especificados os TAGS propriamente ditos . etc.org">Wikipedia. que será acessado ao dar um click no endereço. um tag pode dizer que um texto será exibido em negrito.wikipedia. o que faz . A Enciclopédia Livre</a> </body> </HTML> 3.5 <! DOCTYPE html> <Html> <head> <meta charset="utf-8" /> <meta name="description" content="a descrição do seu site em no máximo 90 caracteres"> <meta name="keywords" content="escreva palavras-chaves curtas. No caso de tags que precisem envolver um texto.2 Como são chamados os comandos em HTML? Os comandos em HTML são chamados de tags. imagens. Os tags são identificados por serem envolvidos pelos sinais < > ou </ >. um bloco. links para outras páginas. Além de formatação de texto um tag também pode dizer que na verdade um determinado pedaço do texto é um endereço para outra página Web. Por exemplo. onde se pode inserir Textos. máximo 150 caracteres"> <title>Título do Documento</title> </head> <body> <!-. a informação e as imagens serão exibidas.. geralmente usa-se: --> <div>Tag para criar-se uma 'caixa'. e eles irão dizer ao browser como o texto. indicando que o tag está finalizando a marcação de um texto. mais utilizada com "Cascading Style Sheets (Folhas de Estilo em Cascata)</div> <span>Tag para modificação de uma parte do texto da página</span> <img src="endereço_de_uma_imagem.Aqui fica a página que será visível para todos.jpg" /> <a href="http://www.

</body> </HTML> 3. Exemplo: . tudo será desenvolvido.6 os tags? Normalmente andarem em pares. facilitando a visualização dentro da página. <HTML> <head> <title>ADS-Primeira Aula de HTML</title> </head> <body> Seja bem-vindos ao Curso EAD de análise e Desenvolvimento de software. para que você consiga entender a essência de uma página de internet. O formato genérico de um tag é : <Nome do tag> Texto </Nome do tag> . com padrões de formatação já prontinhos para usar. no bloco de notas.. Serve para identificar o começo de uma seção ou tópico. para criar um TAG de titulo e necessário o TAG <title></title>.6> … </h1.6> O TAG <h> cria uma espécie de cabeçalho no documento.3 Como melhorar a aparência de um documento. Os comandos básicos que melhoram a aparecia do seu documento web. Como já se sabe um TAG sempre se abre e se fecha. Logo após o TAG <H> deve vir um número de 1 a 6 indicando o tamanho da fonte. para que um documento possa ser visualizado.. nesse momento. sendo que 1 é o maior tamanho e 6 o menor.4 TAGs de Formatação de Textos: Tags <h1. 3.

alterando a forma ou o tipo de fonte. E SIZE indica que será exibida uma linha com 8 pixels de espessura. Lembrese de fechar com o tag </h>. Existem outros estilos. Sua sintaxe é apenas: Texto Texto <br> Tag <hr> O TAG <hr> cria uma linha horizontal que é utilizada para dar destaque a títulos ou para gerar a sensação de quebra entre um item de informação e outro. É importante destacar que nem todos esses TAGS funcionam nos dois browsers. . a fonte já virá padronizada em negrito e em determinado tamanho. você precisa quebrar a linha e continuar o texto na linha seguinte. coisa que o TAG <p> não faz. Assim como no editor de textos. além de colocar uma linha em branco após o texto. Exemplo: <hr size=8 width=80%> Onde WIDTH indica que a linha ocupará 80% da largura da janela do browser. enquanto os TAGS <marquee > e <u> funcionam apenas no Internet Explorer. pois senão se espalhará em toda sua página e não só onde você escolheu. dando continuidade do texto na linha de baixo. Para isso usamos o TAG <br> (abreviação de BREAK – Quebrar). Tag <br> Em muitas situações. isso vai nos servir. Todos esses TAGS de formatação e estilo de texto devem ter seu tag de fechamento. você pode criar uma série de efeitos no texto. pois ele pulará uma linha.7 <h1> Cabeçalho Grande </ h1> < h6> Cabeçalho Pequeno </h6> Toda vez que usado esse TAG. o TAG <blink> só funciona no Netscape Navigator. mas por enquanto. Estas linhas podem também ser usadas com atributos de largura e altura. Por exemplo.

Aconselho a usar fontes de padrão popular no Windows . Por isso . o mesmo do BODY BGCOLOR. O <fonte size = "TAMANHO DA FONTE "> irá definir qual o tamanho da fonte utilizada . Podemos usar tamanhos como 78 e 64 .: O tamanho 3 é o tamanho padrão das páginas HTML . pois as fontes que seu computador tem .: A fonte Times New Roman ( Times ) já é o padrão das páginas HTML . podendo colocar qualquer tamanho compatível à fonte usada. Arial etc. Exemplo : < font face = "times"> Coloque aqui seu texto </font> Obs. lembrando que deveremos seguir o padrão de hipertexto e usar fontes de tamanho 1 a 6. para diminuir use o sinal de .8 Tags <font> … </font> Vamos agora formatar as fontes da nossa página. O <font face = "fonte”> irá definir que tipo de fonte que seu texto irá utilizar. Exemplo: <fonte color = "black"> Veja um texto pretinho! </font> Tag BODY parâmetro BGCOLOR . Para isso vamos usar o tag FONT com seus complementos: FACE. podendo se colocar qualquer fonte existente em sua máquina como Mistral . mas lembre – se que pode não funcionar em alguns micros. < fonte size = 3> Irá deixar seu texto com o tamanho 3 </font> . Obs. se você quer aumentar o tamanho de uma fonte .. O <font color = "COR "> irá colocar uma cor na fonte escolhida e seguirá o padrão de cores RGB . COLOR e SIZE. pode ser que outro computador não tenha. Por Exemplo: < fonte size = + 3> Irá deixar o texto com o tamanho 6 </font> . Por isso fontes como TIMES NEW ROMAN e ARIAL são aconselháveis. use o sinal de + antes do número que irá definir o tamanho da fonte e .

sendo que cada cor é formada por um código RGB (red / green / blue ) . Ex: . G=000 e B=000. Mas.tabelas e links para navegação A tag IMG é usada para renderizar uma imagem no site. que deverá ser escrito em inglês ou em código. é muito importante que esse campo esteja sempre preenchido para evitar que o navegador tenha que calcular sozinho o tamanho da imagem. Exemplo: <body bgcolor="YELLOW"> ou < body bgcolor ="#FFFF00"> O tag BODY BGCOLOR pode ser colocado logo após o tag BODY. O campo alt. que é muito mais simples. Os browsers disponibilizam até 256 cores para serem usadas como cor de fundo. é obtida a cor preta.vídeos.jpg" width="50" height="50" alt="Descrição da imagem" /> Formatação de vídeos Extensão da tag. deve conter uma pequena descrição da imagem para o caso do navegador não conseguir reproduzir a imagem e por questões de acessibilidade para leitores de tela usados por cegos. é obtida a cor branca. Se forem atribuídos o valor máximo para cada cor (255). Exemplo: <img src="imagem. É necessário que o campo src seja preenchido com o caminho para a imagem. pois o próprio < BODY > se encarregará disso. Cada cor pode ter um valor que varia de 0 a 255. Os campos width e height devem ser preenchidos com a largura e a altura da imagem em pixels. Se forem atribuídos os valores mínimos R=000. Sua função será a de colocar uma cor de fundo para sua página. vamos escrever o padrão em inglês. 3. O código é composto por três números nos quais os primeiros dois dígitos representam a intensidade do vermelho (R). Sua sintaxe é: <body bgcolor = "COR"> Onde: "COR” será a cor do fundo escolhido.9 Esse TAG não precisa de tag de fechamento. para facilitar nossa vida.5 Como inserir imagens. o segundo. ou até mesmo acoplado em um mesmo tag. a intensidade do verde (G) e o último a intensidade do azul (B).

As variáveis locais são recriadas cada vez que a função é chamada. uma seção chamada de código de programa que executa uma tarefa específica em que são definidos. Um <td colspan="2"></td> significa que aquela coluna vai ocupar o espaço de duas colunas.10 <sourcesrc> <sourcesrc=”videos/filme. . ou declarados. Eles deixarão de existir uma vez que a função seja concluída. <A HREF="arquivo.html" ALT="Descrição do Link" SYLE="COLOR:#FF0000">Este link é simples. com arquivos na mesma pasta</a> Para a formatação de link utiliza a tag <a> que tem como extensão name e href. As linhas são marcadas com a tag TR enquanto as colunas ficam com a tag TD. É possível agrupar colunas com o atributo colspan e linhas com o atributo rowspan.6 Variáveis locais e globais As variáveis locais só existem dentro da função.mp4” Formatação de link <a> Name e href. Ex: Tabela 2×2 1 <table> 2 <tr> 3 <td>Primeira coluna da primeira linha</td> 4 <td>Segunda coluna da primeira linha</td> 5 </tr> 6 <tr> 7 <td>Primeira coluna da segunda linha</td> 8 <td>Segunda coluna da segunda linha</td> 9 </tr> 10 </table> 3. A tag TABLE é usada para demarcar uma tabela.

conhecidos como efeitos secundários. eles são geralmente instaurados usando um tipo especial de estrutura de dados. de modo que a variável adicionada mais recentemente é o primeiro removido. Quando o programa chama a função. Os programadores podem determinar o ponto exato em que um programa modifica o valor de uma variável local. as variáveis locais são removidas da pilha em ordem inversa. e. Em muitas linguagens de programação. pode carregar o conteúdo do arquivo que está trabalhando em uma variável global. .11 Estas variáveis não são acessíveis para outras funções ou para o programa principal e. do que variáveis globais. como tal. enquanto que as variáveis globais podem ser modificadas em qualquer lugar dentro do código fonte. até mesmo funções dentro. em que o código do programa é composto por blocos ou módulos isolados de pequeno porte. Um simples programa de edição de texto. As variáveis locais também produzem menos interações inesperadas com funções de chamada ou o mundo exterior. Antes de executar uma função. As variáveis globais não são recriadas cada vez que uma determinada função é chamada. Programas costumam usar variáveis globais para armazenar dados que são processados por muitas funções diferentes. por exemplo. a “pilha” é um elemento chave na instauração de variáveis locais. contrariando o conceito de programação modular. existem em qualquer lugar do código. na ordem inversa àquela em que foram declarados. Variáveis globais Variáveis globais são declaradas no corpo principal do código-fonte do programa. conhecido como uma pilha. um programa adiciona todas as variáveis locais declaradas em que a função para a pilha. Variáveis locais fazer programas de computador mais fácil de depurar e manter. As variáveis globais são acessíveis em funções em que não são utilizados. portanto. fora de todas as funções. para que os programadores que favorecem a estrutura modular raramente usá-los.

Boolean True ou false Byte System.446.807 Object System.9 × 1028 Double System.767 String System.String Uint System.Int16 -32.Sbyte 0 a 255 Short System.294.967.615 Ushort System.Double ±5.036.Int32 -2.147.372.648 a 2.223.0 × 10-324 a ±1.551.483.775.Int64 -9.Single ±1. Byte -127 a 128 Char System.775.0 × 10-28 a 7.036.372.7 × 10308 Float System.483.073.808 a 9.223.12 A programação em c# é uma sequencia de lógica estruturada utilizando dados primitivos como: Palavra Chave Tipo Faixa de valores Bool System.Decimal 1.768 a 32.709.4 × 1038 Int System.854.5 × 10-45 a ±3.147.647 Long System.295 Ulong System.854.535 .UInt16 0 a 65.UInt64 0 a 18.Object Sbyte System.744.UInt32 0 a 4.Char U+0000 a U+ffff Decimal System.

e não uma simples cópia.7 Passagem de parâmetros para funções por referência e por valor Passagem de parâmetros por valor: A função recebe uma cópia da variável que é fornecida quando é invocada. Todas as alterações feitas dentro da função não vão afetar os valores originais. float que representa valores flutuantes como 3.Passagem de parâmetros por referência: Neste caso o que é enviado para a função é uma referência às variáveis utilizadas. string representa o texto como uma série de caracteres Unicode.13 Na qual são mais usados int que representa os números inteiros. verdadeiro ou falso e Double que significa um tipo simples que armazena valores de ponto flutuante de 64 bits com 3D. 4 ORGANOGRAMA Telecine Mozer Assinante .5x. 3. pelo que as alterações realizadas dentro da função irão certamente alterar os valores contidos nessas variáveis. bool é usado para declarar variáveis para armazenar os valores booleanos.

14 5 CONCLUSÃO Diante deste trabalho apresentado podemos concluir que. afim que possam diminuir os custos e trazendo melhorias para seus funcionários. fechamento do caixa diário e mensal. aniversariantes. sendo assim. computadores e softwares que vão ajudar muito nos cadastro de cliente. . o uso de ferramentas e tecnologias nas empresas é de grande importância no mundo atual. através dessas ferramentas as empresas trabalham de forma integrada. treinados seus funcionários oferecendo conhecimentos e melhorias computacionais. hoje em dias as empresas tem a necessidade de um sistema com rapidez com respostas em tempo ágil e precisas. assim terão mais opções. Portanto a empresa Locadora de filmes vai abordar vários gostos de tema para os clientes. Todos os funcionários vão 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 funcionários e os clientes facilitando o tempo que o cliente vai esperar para fazer seu cadastro e sua compra ou locação de filmes com toda essa tecnologia da automação com os telespectadores.

balaiodegatolivros.html • www.br/.br/ • http://pt.com. Sites de Locadoras de http://www. Enquanto isso. não se pode esquecer a função importante da ética.org/wiki/HTML • tiagopassos.wikipedia. .htm • 4. a humanidade e a relação interpessoal dentro dessa empresa. então com tudo isso pode se dizer que é uma empresa totalmente evoluída.15 cliente devedores e que estão com atraso no pagamento da mensalidade. Para se construir um sistema deve se levar em consideração esses três tópicos.com.br/. REFERÊNCIAS • Introdução: Cenário Proposto: “Telecine Mozer” Portfólio da Universidade do Norte do Paraná • www.net/dicas/c-csharp-aprenda-a-declarar-e-usar-variaveis-emc-2499.com/utils/documentohtml.br/tuts/html/c05.1. como forma de facilitar e contribuir para a fluidez dos negócios dentre da locadora. Livros: • Objetivo: http://www.leiamaislivros.clem.sebrae-sc.ufba.arquivodecodigos.html http://www.com.