NOTA:

CSS Histria e conceitos

CINCIA DA COMPUTAO
1 FASE

GRUPO 1. 2. 3. 4. Antonio Maicon Handrey Kau Tomz Volnei MAT. MAT. 32020000052 MAT. 32020000078 MAT. 32020000049

2011/ 1

Aluno 1

F H D A IV A E P IC SS P R IS N D S- A S IC A E T ID D S R T A U E V IO A A P
Atividades Prticas Supervisionadas (laboratrios, atividades em biblioteca, Iniciao Cientfica, trabalhos Individuais e em grupo, prticas de ensino e outras)

N M: O E______________________________________________________________________________________________________________ R: A_________________________________C R O U S :__________________________________________________________________________ C M U :___________________________________________________S M S R :_____________________T R O____________________ A PS E ET E UN : AS AUA S IN T R P OES R R FSO

DT AA

A IV A E T ID D

T T LD H R S OA E OA

AU O LN

Aluno 2

Aluno 3
F H D A IV A E P IC SS P R IS N D S- A S IC A E T ID D S R T A U E V IO A A P
Atividades Prticas Supervisionadas (laboratrios, atividades em biblioteca, Iniciao Cientfica, trabalhos Individuais e em grupo, prticas de ensino e outras)

N M: O E______________________________________________________________________________________________________________ R: A_________________________________C R O U S :__________________________________________________________________________ C M U :___________________________________________________S M S R :_____________________T R O____________________ A PS E ET E UN : AS AUA S IN T R P OES R R FSO

DT AA

A IV A E T ID D

T T LD H R S OA E OA

AU O LN

T T LD H R S_____________________ OA E O A:

Aluno 4

F H D A IV A E P IC SS P R IS N D S- A S IC A E T ID D S R T A U E V IO A A P
Atividades Prticas Supervisionadas (laboratrios, atividades em biblioteca, Iniciao Cientfica, trabalhos Individuais e em grupo, prticas de ensino e outras)

N M: O E______________________________________________________________________________________________________________ R: A_________________________________C R O U S :__________________________________________________________________________ C M U :___________________________________________________S M S R :_____________________T R O____________________ A PS E ET E UN : AS AUA S IN T R P OES R R FSO

DT AA

A IV A E T ID D

T T LD H R S OA E OA

AU O LN

CSS A Histria/ Folhas de Estilo Antonio Maicon Handrey Kau Tomz Volnei Santos Ferreira

Projeto de Pesquisa apresentado disciplina Atividades Prticas Supervisionadas, como requisito para obteno de um ponto em mdia final do semestre curso de graduao em Cincia da Computao da Faculdade IESGF.

Faculdade IESGF So Jos Junho - 2011

SUMRIO

1- INTRODUO.........................................................................3 2- OBJETIVOS.............................................................................4 3- JUSTIFICATIVA.......................................................................5 4- REVISO TERICA................................................................6 5- METODOLOGIA......................................................................7 6- CRONOGRAMA.......................................................................8 7- BIBLIOGRAFIA.........................................................................9 8- ANEXOS..................................................................................10

1- INTRODUO Neste trabalho iremos aprofundar nossos conhecimentos em CSS, mostrando as diversas formas que ele pode ser utilizado para organizar e modificar um website, mostraremos tambm seus principais atributos, de que maneira ele pode servir para organizar nosso site, principalmente caso haja necessidade de uma mudana do layout, como mudar um menu de lugar, alterar o estilo de uma fonte em um determinado local etc.

2- OBJETIVOS

Objetivo Geral

Desenvolver pginas na internet utilizando as linguagens HTML e CSS, sendo estas, acessveis a todos os usurios. Possibilitando ainda, a escolha do layout (estilo) que mais lhe agrade.

Objetivos especficos

Com relao aos objetivos especficos destacam-se os seguintes:

Realizar a construo das pginas atravs da linguagem HTML; Identificar quais so os procedimentos inadequados na construo de um layout para pginas na internet; Identificar e suprir as maiores dificuldades de acessibilidade de usurios portadores de necessidade especiais; Construir dois layouts com a linguagem CSS de forma que o usurio possa fazer sua escolha no momento de utilizao da pgina;

3- JUSTIFICATIVA

Conhecer folhas de estilos em cascata Cascading Style Sheets (CSS) uma necessidade para qualquer um envolvido com um projeto web. Esta linguagem uma ferramenta fantstica para construo do layout dos seus websites. Permite que voc projete sua pgina com uma tcnica completamente diferente da convencional e possibilita uma considervel reduo de tempo de trabalho. Sua atuao possibilita controlar totalmente a apresentao da pgina quase sempre sem sequer ter que mexer no arquivo HTML. Por exemplo, CSS controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos e entre outros. Para usar CSS necessrio ter um conhecimento bsico de HTML. Ento vamos falar um pouco sobre ele tambm para ficar de forma bem clara aonde que as folhas de estilo entram para complementar um website.

4- REVISO TERICA

4.1 - Histria do HTML Em resumo o HTML (HyperText Markup Language) foi apresentado publicamente em 1991 por um cientista chamado Tim Berners-Lee. O objetivo inicial era a de possibilitar o acesso e a troca de informaes e de documentao de pesquisas, entre cientistas de diversas universidades. O projeto inicial acabou tendo um sucesso inesperado por Tim Berners-Lee. Ao inventar o HTML ele lanou as fundaes da Internet praticamente como a conhecemos atualmente.

4.2 - Estrutura do HTML HTML uma linguagem, como a prprio nome diz, de marcao com a qual se montam as pginas web. Basicamente trata-se de um conjunto de etiquetas (tags) que servem para definir a forma na qual se apresentar o texto e outros elementos da pgina. As tags so como blocos que tem uma abertura (ex: <tag>) e um fechamento (ex: </tag>) Um documento HTML deve estar estruturado com trs tags essenciais: <html>, <head> e <boby> que devem estar distribudas da seguinte forma: (ANEXO 1) Assim j est montado uma pgina HTML bsica, sem nenhum contedo, mas pronta para ser desenvolvida.

4.3 XHTML XHTML nada mais do que uma reformulao do HTML. Sua sintaxe baseia-se na combinao de tags HTML com regras da linguagem XML. Essa combinao possibilita a exibio de paginas web em dispositivos como televiso, palm, celular, etc. Melhorando assim a acessibilidade desses documentos. No entanto, no existem muitas diferenas entre HTML e XHTML.

4.4 Histria do CSS Inicialmente o HTML tinha como objetivo descrever informaes. Era usado para compartilhar documentos com pessoas que estivessem em qualquer lugar do mundo. E para isso ele era ideal. Posteriormente, com o uso comercial da internet o HTML foi forado a conter em sua linguagem, tags para melhoria da aparecia do documento. Tal adaptao levou a linguagem para uma finalidade que no era sua inicialmente. Em dado momento, se percebeu que para fazer alteraes de aparncia usando HTML, era bastante complicado, pois havia a necessidade de alterar cada tag individualmente. Em um site com muitas pginas, isso se mostrava muito trabalhoso. Visualizando toda essa dificuldade, Hkon Wium Lie, criou um jeito mais fcil para formatar e manipular essa informao no ano de 1994. Convidou ento para seu projeto Bert Bos, um cientista que estava desenvolvendo um navegador chamado Argo.

No ano de 1995 apresentaram sua proposta a W3C (World Wide Web Consortium), que surgia no mesmo ano. A entidade se interessou e em 1996 surgiu primeira verso do CSS oficializado pela W3C, o CSS1. Aps vrias pesquisas e muitos testes, em maio de 1998, foi lanado segunda verso do CSS, j possuindo folhas de estilo para web. Nos dias de hoje j estamos com a verso do CSS3. Embora no seja suportado por todos os navegadores, apresenta novos recursos que facilitam o trabalho dos designers e melhoram a experincia do usurio.

4.5 - O que CSS

CSS, sigla para Cascading Style Sheets que em portugus se torna Folhas de Estilo em Cascata, nada mais , que uma linguagem que ira definir toda a formatao e estilizao de uma pagina Web marcada com tags HTML. Isto vai desde simples fatores como mudar o tipo, cor e tamanho das fontes, at os mais avanados, como posicionar o contedo da pagina.

4.6 - Quais as vantagens do CSS?

Muitas pessoas podem se perguntar qual a vantagem de se desenvolver mais uma linguagem para estilizar as pagina web, haja vista, que as prprias marcaes feitas pelo HTML j permitem tal ao. Porm, as vantagens so inmeras. Entre as mais importantes podemos considerar:

possvel ter um controle total sobre o que diz respeito visualizao do site a partir de um arquivo central; A manuteno do site fica muito mais rpida, uma vez que um nico documento capaz de manipular um site inteiro marcado por HTML; Um site mais rpido quanto ao seu carregamento no browser;

4.7 - Estrutura de um documento CSS

A estrutura bsica de um documento css composta de seletor, propriedade e valor:

body { background-color: green; }

No exemplo acima, se tem body como seletor, background-color como propriedade e green como valor para essa propriedade. Um seletor pode ter vrias propriedades:

body { background-color: green; color: Black; font-size: 10px;

10

J nesse exemplo, est sendo definido que o elemento body da pgina HTML relacionada a esse estilo CSS ter cor de fundo verde, textos pretos e com tamanho 10px. Diferentemente dos documentos HTML, o CSS no possui nada obrigatrio, a nica regra que uma propriedade precisa de um seletor. Em outras palavras podemos dizer que no se pode definir algo sem apontar para quem ou onde est sendo definido.

4.8 - Relacionar o HTML ao CSS

2:11 da manha nego.... essa fica pro prximo capitulo :D Mas acho que o que fiz ai j ajuda!

11

5- METODOLOGIA (COMO FAZER?)

Descrever sucintamente o tipo de pesquisa a ser abordada (bibliogrfica, documental, de campo, etc. )

Delimitao e descrio (se necessrio) dos instrumentos e fontes escolhidos para a coleta de dados: entrevistas, formulrios, questionrios, legislao doutrina, jurisprudncia, etc.

Indicar o procedimento para a coleta de dados, que dever acompanhar o tipo de pesquisa selecionado, isto : a) para pesquisa bibliogrfica: indicar proposta de seleo das leituras (seletiva, crtica ou reflexiva, analtica); b) para pesquisa experimental; indicar o procedimento de testagem; c) para a pesquisa descritiva: indicar o procedimento da observao: entrevista, questionrio, anlise documental, entre outros.

Listar bibliotecas visitadas at o momento do projeto e outras a serem visitadas durante a elaborao do trabalho final.

12

Indicar outros recursos: jornais, peridicos, Internet.

13

7-BIBLIOGRAFIA (QUAL O MATERIAL BIBLIOGRFICO UTILIZADO?)

A bibliografia utilizada no desenvolvimento do projeto de pesquisa ( pode incluir aqueles que ainda sero consultados para sua pesquisa). A bibliografia bsica (todo material coletado sobre o tema: monografias, material da internet, etc.) As referncias bibliogrficas devero ser feitas de acordo com as regras da ABNT NBR 6023/2002. Ateno para a ordem alfabtica. Na bibliografia final listar em ordem alfabtica todas as fontes consultadas, independente de serem de tipos diferentes. Livros: GIL, Antonio Carlos. Como elaborar projetos de pesquisa. 2. ed. SP: Atlas, 1991. LAKATOS, Eva e Marconi, Marina. Metodologia do Trabalho Cientfico. SP : Atlas, 1992. RUIZ, Joo lvaro. Metodologia Cientfica: guia para eficincia nos estudos. 4. ed. SP: Atlas, 1996. Artigos de revistas: AS 500 maiores empresas do Brasil. Conjuntura Econmica. Rio de Janeiro. v.38, n. 9, set.1984. Edio Especial. TOURINHO NETO, F. C. Dano ambiental. Consulex. Braslia, DF, ano 1, n. 1, p. 18-23, fev. 1997. Material da Internet SO PAULO. (Estado). Secretaria do Meio Ambiente. Tratados e organizaes ambientais em matria de meio ambiente. In: Entendendo o meio ambiente. So Paulo,1999. v. 1. Disponvel em: <http://www.bdt.org.br/sma/entendendo/atual.htm> . Acesso em : 8 mar.1999. SILVA, M.M.L. Crimes da era digital. NET, Rio de Janeiro, nov.1998.Seo Ponto de Vista. Disponvel em <http://www.brasilnet.com.br/contexts/brasilrevistas.htm> Acesso em: 28 nov.1998. Apenas a ttulo de exemplo, a seguir, veja como citar alguns dos tipos de fontes mais comuns : livros, artigos,

14

3cm. 3cm.

8- ANEXOS (Produo do trabalho prtico,Salvo em CD)

2cm

Voc pode anexar qualquer tipo de material ilustrativo, tais como tabelas, lista de abreviaes, documentos ou parte de documentos, resultados de pesquisas, etc. Apenas como exemplo, aqui sero dadas algumas indicaes para apresentao grfica de seu projeto. Utilizar papel branco, A4. Fonte ARIAL, estilo normal, tamanho 12. Citaes com mais de trs linhas, fonte tamanho 11, espaamento simples e recuo de 4cm da margem esquerda. Notas de rodap, fonte tamanho 10. Todas as letras dos ttulos dos captulos devem ser escritas no canto esquerdo de cada pgina, em negrito e maisculas. Cada captulo deve comear em folha nova. O espaamento entre linhas deve ser 1,5. O incio de cada pargrafo deve ser recuado de 2cm. da margem esquerda. As margens das pginas devem ser: superior e esquerda de 3cm; inferior e direita de 2cm. O nmero da pgina deve aparecer na borda superior direita, em algarismos arbicos, inclusive das Referncias e Anexos, somente a partir da efeito de numerao. Introduo, embora todas sejam contadas a partir da folha de rosto. No contar a capa para

2cm

15

COMPOSIO DO TRABALHO

A) Ao final do semestre o aluno ter que entregar um trabalho impresso nos seguintes moldes para o professor responsvel: Capa plstica em espiral: Capa com o nome da pesquisa e o nome dos alunos do grupo Ficha de APS devidamente preenchida. Descrio da pesquisa nos moldes ABNT Trabalho desenvolvido.

B) APS Atividade Prtica Supervisionada

1 OBJETIVO Desenvolver no aluno o interesse e o esprito de pesquisa e produo intelectual e de textos, por meio de trabalhos que podem ser desenvolvidos em grupos ou individualmente, sempre de acordo com as normas tcnicas. 2 DISCIPLINAS ESCOLHIDAS COM ANCORAS. Tendo em vista a proposta desta atividade e na busca de uma interdisciplinaridade, a Coordenao escolheu uma disciplina ancora para que sejam realizados os trabalhos de APS. Este professor ser responsvel por desenvolver este trabalho neste semestre e receber 1 hora a mais pela realizao.

16

O professor responsvel receber do aluno o trabalho de acordo com apostila constando um modelo que dever ser seguido pelos alunos e entregue ao final do semestre. O trabalho est dividido em duas partes, uma parte prtica e outra terica nos moldes da ABNT. Segue abaixo as fases e respectivos responsveis. O trabalho tambm poder ser usado para complementar a nota da NP2 o que agrega uma maior importncia na realizao do trabalho. 1 FASE Disciplina Ancora. Desenvolvimento em Ambiente Web (DAW) - Rafael L.Brazo e Silva. Proposta: Desenvolver pesquisa sobre tema atual em Tecnologia e transformar esta pesquisa em um site utilizando tcnicas de CSS, construindo algo semelhante ao site http://www.csszengarden.com/ na qual ao clicar em Under the Sea!, voc altera o estilo, porm o contedo o mesmo. 2 FASE Disciplina Ancora. Linguagem Medeiros. Proposta: Desenvolver software para cadastramento de avaliaes. Neste software o usurio poder cadastrar questes e alternativas para diversos formulrios_ de Avaliao do Alunos, Professor, Funcionrios_ e posteriormente imprimir os mesmos para serem aplicados. Este software Programao Orientada a Objeto (LPOO) Marcelo

17

permitir posterior insero das alternativas preenchidas pelos usurios e ao final gerar relatrio com porcentagens e grficos. 3 FASE Disciplina Ancora. Sistemas Operacionais Magnos Pizzoni. Proposta: Desenvolver relatrio que segue as seguintes solicitaes: Introduo a) Propsito do sistema operacional em questo b) Descreva o hardware subjacente deste SO (capacidade e tipos de memria, processador, barramentos, etc). c) Quais tipos de aplicao este SO atende (interativo, em lote, tempo real etc.) d) Quais os requisitos do tipo de aplicao que este SO atende (baixo tempo de resposta? baixo tempo de retorno? outro??) e) Como este SO atende esses requisitos? f) Arquitetura do Sistema (monoltico? em camadas? micro-kernel? outro? explicar no maior nvel possvel de detalhe). g) Explique com maior detalhe possvel como funciona o sistema de interrupo deste SO. Suporte a threads. h) Este SO suporta threads? (de ncleo? de usurio? hbrido?) Explique como threads so implementados neste SO. i) Intercomunicao entre Processos IPC. j) Como este SO garante a excluso mtua? e a sincronizao? (semforos? monitores? troca de mensagens?). Descreva a IPC neste SO, em detalhes.

18

Prepare um apresentao (em Power point) de 20 a 30 minutos sobre os pontos mais relevantes do relatrio acima. Todos os membros devem participar da apresentao Atenciosamente,

Prof. Alexandre Lisba da Silva, M.Eng.

Coordenador do Curso de Cincia da Computao. Coordenador do Curso de Tecnlogo em Redes de Computadores. Coordenador do Curso de Tecnlogo em Produo Grfica.