Telecine Mozer
Por: ClaytonSouzaxkl • 11/5/2015 • Trabalho acadêmico • 919 Palavras (4 Páginas) • 332 Visualizações
[pic 1][pic 2][pic 3]
[pic 4][pic 5]
[pic 6]
[pic 7]
[pic 8]
[pic 9]
[pic 10]
[pic 11]
[pic 12]
[pic 13]
SUMÁRIO
- INTRODUÇÃO
- OBJETIVO
- DEFINIÇÃO
- TAG
- VARIÁVEIS
- CONCLUSÃO
- REFERÊNCIAS
INTRODUÇÃO
“Telecine Mozer” é uma empresa do Grupo Todos que possibilita a locação de filmes, além dos canais que você já paga em sua TV a cabo. Para ter acesso a biblioteca de filmes o cliente paga a mensalidade de R$15,50, e o s filmes poderão ser locados por valores que variam de R$2,50 a R$4,00. O pagamento das mensalidades é feito por meio de boleto, que são gerados a partir do cadastro dos clientes no site. O site vai disponibilizar ofertas para os clientes mais fiéis.
O assinante receberá a senha após o pagamento da mensalidade. Mensalmente a senha será alterada mediante o pagamento da mensalidade.
[pic 14]
OBJETIVO
Fornecer noções básicas da linguagem HTML para a criação do site “Telecine Mozer”. Atualmente, há uma grande variedade de programas e editores HTML, que facilitam a criação de site, porém é de fundamental importância conhecer seu funcionamento, para que qualquer pessoa possa criar páginas, codificando os comandos HTML, utilizando apenas o bloco de notas.
3. DESENVOLVIMENTO
Abaixo veremos o mapa do site, para uma melhor localização das páginas.
[pic 15]
Fizemos a formatação do estilo do site, baseado em HTML junto com o CSS.
CSS significa Cascading Style Sheets, é uma linguagem de folha de estilo, que é utilizada para definir a apresentação de documento em uma linguagem como HTML ou XML. O principal benefício que ele nos proporciona é a separação entre o formato e o conteúdo de um documento.
Assim como no HTML temos as tags, no CSS temos os seletores que são usados para declarar a quais elementos de marcação um estilo se aplica. Os seletores podem ser aplicados a todos os elementos de um tipo especifico, ou apenas a um determinado atributo.
Aqui está um exemplo que resume as regras acima:
selector [, selector2, ...][:pseudo-class] {
property: value;
[property2: value2;
...]
}
/* comentário */
Definição de estilo é um conjunto de propriedades visuais para um elemento, CSS define regras que fazem as definições de estilo casarem com um elemento ou grupo de elemento, o documento pode conter um bloco de css em um elemento style ou usando o elemento link apontando para um arquivo externo que contenha o bloco CSS.
p {text-align: right; color: #BA2;}
p.minhaclasse01 { color:#ABC; }
.minhaclasse02 { color:#CAD; }
#iddomeuelemento { color:#ACD; }
p.minhaclasse03 .minhaclasse04 { color:#ACD; }
Outro exemplo:
/* comentário em css, semelhante aos da linguagem c */
body
{
font-family: Arial, Verdana, sans-serif;
background-color: #FFF;
margin: 5px 10px;
}
O código acima define fonte padrão Arial ou Verdana ou Sans-serif. Define também a cor de fundo do corpo da página.
TELECINE MOZER – PÁGINA INICIAL
Abaixo tem uma visualização da página inicial.
[pic 16]
O site apresenta em sua Página Inicial um total de dez filmes, entre eles os lançamentos e os mais assistidos. No rodapé temos os direitos e um campo para busca, para podermos fazer busca em todo o site.
...