SlideShare ist ein Scribd-Unternehmen logo
1 von 1
Projeto de Programação para a Web I – Design Digital

                        Prof. M.Sc. Leandro Donaires Figueira



       Especificação:

       O projeto proposto consiste na confecção de um web site utilizando vários dos
conteúdos vistos em aula (HTML, CSS e Javascript). A escolha do tema para o site é livre,
porém devem ser observados vários detalhes:
       •   2º bimestre:
               o   O site deve ser composto de vários arquivos.
               o   Todo o código HTML (de todos os arquivos) deve estar devidamente
                   “indentado”, já que código não “indentado” é código difícil de ler e avaliar.
               o   É extremamente importante respeitar todas as recomendações da W3C
                   apresentadas no material.
               o   Deve-se ter como objetivo estruturar todo o site através de HTML, sem se
                   preocupar com estilos ou aspectos visuais.
       •   3º bimestre:
               o   Todo o código CSS, da mesma forma que o HTML, deve estar devidamente
                   “indentado”.
               o   É restrito o uso de CSS inline – seu uso deve ser feito com moderação.
               o   É preferível o uso de CSS externo.
               o   Deve-se ter como objetivo obter um site bonito e agradável, adicionado à
                   boa estruturação do bimestre anterior.
       •   4º bimestre:
               o   Da mesma forma que nos anteriores, o código Javascript deve estar
                   devidamente “indentado”.
               o   É preferível o uso de códigos Javascript em arquivos externos.
               o   Deve-se ter como objetivo obter um site funcional, além do que foi obtido
                   nos bimestres anteriores.
       Caso não sejam observados os detalhes expostos acima, o valor dado decresce de
acordo com os itens não considerados.
       Junto com os arquivos do trabalho, crie um arquivo chamado “Grupo.txt” com os
nomes/códigos dos membros que desenvolveram o trabalho. O grupo pode ter no máximo 3

Weitere ähnliche Inhalte

Was ist angesagt?

[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts ComplexosLoiane Groner
 
Introdução à Criação De Páginas Web Aula2
Introdução à Criação De Páginas Web Aula2Introdução à Criação De Páginas Web Aula2
Introdução à Criação De Páginas Web Aula2marioreis
 
Apresentação - Cache / Snippets - Ratts Comunicação
Apresentação - Cache / Snippets - Ratts ComunicaçãoApresentação - Cache / Snippets - Ratts Comunicação
Apresentação - Cache / Snippets - Ratts ComunicaçãoAllyson Barros
 
Boas práticas para desenvolvimento de temas para Magento. Meet Magento 12 BR.
Boas práticas para desenvolvimento de temas para Magento. Meet Magento 12 BR.Boas práticas para desenvolvimento de temas para Magento. Meet Magento 12 BR.
Boas práticas para desenvolvimento de temas para Magento. Meet Magento 12 BR.Vanessa Me Tonini
 
Introdução a Bootstrap 3
Introdução a Bootstrap 3Introdução a Bootstrap 3
Introdução a Bootstrap 3Iago Effting
 

Was ist angesagt? (6)

[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
[Curso de ExtJS 4] Aula 43: Viewport e Layouts Complexos
 
Introdução à Criação De Páginas Web Aula2
Introdução à Criação De Páginas Web Aula2Introdução à Criação De Páginas Web Aula2
Introdução à Criação De Páginas Web Aula2
 
Apresentação - Cache / Snippets - Ratts Comunicação
Apresentação - Cache / Snippets - Ratts ComunicaçãoApresentação - Cache / Snippets - Ratts Comunicação
Apresentação - Cache / Snippets - Ratts Comunicação
 
Wordpress
WordpressWordpress
Wordpress
 
Boas práticas para desenvolvimento de temas para Magento. Meet Magento 12 BR.
Boas práticas para desenvolvimento de temas para Magento. Meet Magento 12 BR.Boas práticas para desenvolvimento de temas para Magento. Meet Magento 12 BR.
Boas práticas para desenvolvimento de temas para Magento. Meet Magento 12 BR.
 
Introdução a Bootstrap 3
Introdução a Bootstrap 3Introdução a Bootstrap 3
Introdução a Bootstrap 3
 

Andere mochten auch

Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDESIGN DIGITAL UNIARA 2012
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDESIGN DIGITAL UNIARA 2012
 
ZL Vórtice - platform development
ZL Vórtice - platform developmentZL Vórtice - platform development
ZL Vórtice - platform developmentAdeline Gil
 
WebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreWebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreDESIGN DIGITAL UNIARA 2012
 
Explicando Estruturas/Registros no C#
Explicando Estruturas/Registros no C#Explicando Estruturas/Registros no C#
Explicando Estruturas/Registros no C#Denis Fernandes Gomes
 

Andere mochten auch (20)

Design digital i_exercicio_tipografia
Design digital i_exercicio_tipografiaDesign digital i_exercicio_tipografia
Design digital i_exercicio_tipografia
 
Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design Digital
 
Design Digital Fundamentos do Design
Design Digital Fundamentos do DesignDesign Digital Fundamentos do Design
Design Digital Fundamentos do Design
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x Tensão
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 
Processador 32 x 64bits
Processador 32 x 64bitsProcessador 32 x 64bits
Processador 32 x 64bits
 
Programacao para Web I 02 Internet
Programacao para Web I 02  InternetProgramacao para Web I 02  Internet
Programacao para Web I 02 Internet
 
Design Digital Tipografia II
Design Digital Tipografia IIDesign Digital Tipografia II
Design Digital Tipografia II
 
Programacao para Web I 01 a Historia
Programacao para Web I 01 a HistoriaProgramacao para Web I 01 a Historia
Programacao para Web I 01 a Historia
 
ZL Vórtice - platform development
ZL Vórtice - platform developmentZL Vórtice - platform development
ZL Vórtice - platform development
 
WebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreWebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 Bimestre
 
Horario 2012
Horario 2012Horario 2012
Horario 2012
 
07 trabalho 7pontos
07 trabalho 7pontos07 trabalho 7pontos
07 trabalho 7pontos
 
Tipografia ii
Tipografia iiTipografia ii
Tipografia ii
 
07 tecnicas visual
07 tecnicas visual07 tecnicas visual
07 tecnicas visual
 
03 uso das_cores
03 uso das_cores03 uso das_cores
03 uso das_cores
 
Tipografia 01
Tipografia 01Tipografia 01
Tipografia 01
 
Percepcao e comunicacao_visual
Percepcao e comunicacao_visualPercepcao e comunicacao_visual
Percepcao e comunicacao_visual
 
Design digital i_fundamentos
Design digital i_fundamentosDesign digital i_fundamentos
Design digital i_fundamentos
 
Explicando Estruturas/Registros no C#
Explicando Estruturas/Registros no C#Explicando Estruturas/Registros no C#
Explicando Estruturas/Registros no C#
 

Ähnlich wie Programacao para Web I Projeto do site

Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designerRoney Sousa
 
Técnico de Informática de SistemasScripts CGI e Folhas de Estilo
Técnico de Informática de SistemasScripts CGI e Folhas de EstiloTécnico de Informática de SistemasScripts CGI e Folhas de Estilo
Técnico de Informática de SistemasScripts CGI e Folhas de EstiloElsaValada
 
2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdf2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdfRubenManhia
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfCesar Braz
 
Customização do novo tema Boost
Customização do novo tema BoostCustomização do novo tema Boost
Customização do novo tema BoostRaul Roig
 
Wordpress - Montagem de temas
Wordpress - Montagem de temasWordpress - Montagem de temas
Wordpress - Montagem de temasValter Rodrigues
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
 
HTML5 Básico: Marcação (aula 1)
HTML5 Básico: Marcação (aula 1)HTML5 Básico: Marcação (aula 1)
HTML5 Básico: Marcação (aula 1)Gustavo Zimmermann
 
Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8claudio alfonso
 
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Gustavo Zimmermann
 
Html completo
Html completoHtml completo
Html completoEMSNEWS
 

Ähnlich wie Programacao para Web I Projeto do site (20)

Mini curso html5 slides
Mini curso html5   slidesMini curso html5   slides
Mini curso html5 slides
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
Técnico de Informática de SistemasScripts CGI e Folhas de Estilo
Técnico de Informática de SistemasScripts CGI e Folhas de EstiloTécnico de Informática de SistemasScripts CGI e Folhas de Estilo
Técnico de Informática de SistemasScripts CGI e Folhas de Estilo
 
2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdf2. Introdução ao CSSpptx.pdf
2. Introdução ao CSSpptx.pdf
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
 
Customização do novo tema Boost
Customização do novo tema BoostCustomização do novo tema Boost
Customização do novo tema Boost
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Wordpress - Montagem de temas
Wordpress - Montagem de temasWordpress - Montagem de temas
Wordpress - Montagem de temas
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
 
Projeto website
Projeto websiteProjeto website
Projeto website
 
Curso de HTML5 CSS3 e JS
Curso de HTML5 CSS3 e JSCurso de HTML5 CSS3 e JS
Curso de HTML5 CSS3 e JS
 
HTML5 Básico: Marcação (aula 1)
HTML5 Básico: Marcação (aula 1)HTML5 Básico: Marcação (aula 1)
HTML5 Básico: Marcação (aula 1)
 
Css tutorial
Css tutorialCss tutorial
Css tutorial
 
Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8
 
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)
 
Aula 6
Aula 6Aula 6
Aula 6
 
Html completo
Html completoHtml completo
Html completo
 
Slides .pptx.pdf
Slides .pptx.pdfSlides .pptx.pdf
Slides .pptx.pdf
 
Html5 em 15_minutos
Html5 em 15_minutosHtml5 em 15_minutos
Html5 em 15_minutos
 

Mehr von DESIGN DIGITAL UNIARA 2012

Mehr von DESIGN DIGITAL UNIARA 2012 (13)

Programação para Web I Calendario 2012
Programação para Web I Calendario 2012Programação para Web I Calendario 2012
Programação para Web I Calendario 2012
 
Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012
 
Programacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de EnsinodocProgramacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de Ensinodoc
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
 
Design Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação VisuaçDesign Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação Visuaç
 
Design Digital Técnicas Visuais
Design Digital Técnicas VisuaisDesign Digital Técnicas Visuais
Design Digital Técnicas Visuais
 
Design Digital I Psicologia das Cores
Design Digital I Psicologia das CoresDesign Digital I Psicologia das Cores
Design Digital I Psicologia das Cores
 
Design Digital I Anatomia Mensagem Visual
Design Digital I Anatomia Mensagem VisualDesign Digital I Anatomia Mensagem Visual
Design Digital I Anatomia Mensagem Visual
 
Design Digital I Teoria das Cores Utilização das Cores
Design Digital I Teoria das Cores Utilização das CoresDesign Digital I Teoria das Cores Utilização das Cores
Design Digital I Teoria das Cores Utilização das Cores
 
Design Digital I Teoria das Cores
Design Digital I Teoria das CoresDesign Digital I Teoria das Cores
Design Digital I Teoria das Cores
 
01 percepcao comunicacao_visual
01 percepcao comunicacao_visual01 percepcao comunicacao_visual
01 percepcao comunicacao_visual
 
01 cores
01 cores01 cores
01 cores
 

Programacao para Web I Projeto do site

  • 1. Projeto de Programação para a Web I – Design Digital Prof. M.Sc. Leandro Donaires Figueira Especificação: O projeto proposto consiste na confecção de um web site utilizando vários dos conteúdos vistos em aula (HTML, CSS e Javascript). A escolha do tema para o site é livre, porém devem ser observados vários detalhes: • 2º bimestre: o O site deve ser composto de vários arquivos. o Todo o código HTML (de todos os arquivos) deve estar devidamente “indentado”, já que código não “indentado” é código difícil de ler e avaliar. o É extremamente importante respeitar todas as recomendações da W3C apresentadas no material. o Deve-se ter como objetivo estruturar todo o site através de HTML, sem se preocupar com estilos ou aspectos visuais. • 3º bimestre: o Todo o código CSS, da mesma forma que o HTML, deve estar devidamente “indentado”. o É restrito o uso de CSS inline – seu uso deve ser feito com moderação. o É preferível o uso de CSS externo. o Deve-se ter como objetivo obter um site bonito e agradável, adicionado à boa estruturação do bimestre anterior. • 4º bimestre: o Da mesma forma que nos anteriores, o código Javascript deve estar devidamente “indentado”. o É preferível o uso de códigos Javascript em arquivos externos. o Deve-se ter como objetivo obter um site funcional, além do que foi obtido nos bimestres anteriores. Caso não sejam observados os detalhes expostos acima, o valor dado decresce de acordo com os itens não considerados. Junto com os arquivos do trabalho, crie um arquivo chamado “Grupo.txt” com os nomes/códigos dos membros que desenvolveram o trabalho. O grupo pode ter no máximo 3