SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
Planificação de uma Aula de 90 minutos

         Introdução às CSS


                Mestrado em Ensino de Informática
                            José M. Vasconcelos

                http://jvasconcelos.weebly.com/
Curso Tecnológico de Informática A 11º ano
       Unidade 1 – Introdução à Análise de Sistemas ..………….…….. 15 Tempos lectivos

       Unidade 2 – Conceitos básicos multimédia ………………………..…. 9 Tempos lectivos

       Unidade 3 – Utilização do sistema multimédia ……………………..40 Tempos lectivos

       Unidade 4 – Concepção de web sites……………………………….………57 Tempos lectivos

       Modelação e Simulação Computacional e Introdução à Inteligência Artificial e Sistemas

       Periciais ..................................................................................... 3 Tempos lectivos




Docente: Professor Francisco Restivo             7 de Julho de 2012 – Mestrado em Ensino de Informática          © José M. Vasconcelos
Unidade de Ensino/Aprendizagem 4
                                       Conteúdo Programático
   Subunidade 1 – Fundamentos (3 Tempos lectivos)
           • Fundamentos do planeamento de um web site
           • Editores de páginas web

   Subunidade 2 – Construção de páginas web (32 Tempos lectivos)
           • Introdução ao HTML
           • Introdução às Cascaded Style Sheets (CSS)

   Subunidade 3 – Client-sided scripting (19 Tempos lectivos)
           • Geração de scripts client-sided - Introdução ao Javascript

   Subunidade 4 – Finalização do web site (3 Tempos lectivos)
           • Teste, publicação e promoção do web site
Docente: Professor Francisco Restivo      7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
CONTEÚDO PROGRAMÁTICO DA AULA
 Vantagens no uso de folhas de estilo
 Definição de estilos
  • Externamente (numa folha de estilos externa)
  • Internamente (numa folha de estilos interna)
  • localmente (inline)
  • Prioridades
 Sintaxe usada nas folhas de estilo
  • Selectores
  • Propriedades
  • Valores
  • Comentários
Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
CONTEÚDOS PROCEDIMENTAIS

    Incluem o domínio de algumas técnicas do saber fazer:

     Saber criar e publicar páginas na Web, usando editores e
      ferramentas de cariz profissional;

     Saber criar e manter um web site pessoal;

     Construir páginas web mobilizando os conhecimentos e
      práticas sobre a codificação em HTML e a codificação e o uso
      de Cascaded Style Sheets;


Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
COMO VÃO OS ALUNOS APRENDER
          O objetivo é que os alunos participem de modo ativo e
           proactivo, nomeadamente após a formulação de questões;

          Utilizar os procedimentos de pesquisa racional e metódica
           de informação na Internet, com vista a uma selecção da
           informação;

          Selecionar e tratar a informação relativa aos aspetos mais
           relevantes da aula. O objetivo é conceber um site, como
           base na codificação das CSS;


Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
COMO SABER SE O ALUNO APRENDEU
  Avaliação Formativa efetuada da seguinte forma:

   Observação direta do professor centrada nos alunos
    durante todas as atividades a decorrer na aula,
    nomeadamente face ao interesse demonstrado,
    participação, empenho, atenção, autonomia e na
    capacidade de construção do saber e do saber/fazer;

   Registo em grelha do desempenho do grupo no decurso
    da atividade, bem como, na participação individual do
    aluno subjacente aos momentos de debate.
Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
Como são comunicados os dados e os
                     resultados aos alunos

   Os dados serão registados numa grelha de
    avaliação da aprendizagem com os critérios e as
    ponderações previamente estabelecidos e
    comunicados à turma. Os elementos de avaliação
    serão posteriormente colocado à disposição da
    turma.

Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
PLANIFICAÇÃO
    1.     Objetivos gerais e específicos;
    2.     Conteúdo programático;
    3.     Matriz do Plano da Aula;
    4.     Mapa mental;
    5.     Mapa mental dos conteúdos da aula;
    6.     Mapa de Gantt;
    7.     Tabela de Conceitos;
    8.     Matriz de Comportamentos-conteúdos;
    9.     Anexos:
            1. Diapositivos com a apresentação dos conteúdos;
            2. Ficha de trabalho;
            3. Solução da ficha de trabalho
            4. Grelha de observação do professor
Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
OBJETIVOS DA AULA
                            Objetivos Gerais                                      Objetivos Específicos
                                                                      Identificar e descrever as características e
                                                                       utilidades de CSS;
        Conhecer as vantagens e formas de                            Identificar e descrever as vantagens da utilização

             uso de CSS.                                               de CSS;
                                                                      Identificar e enumerar as formas de utilização de
                                                                       estilos.
                                                                      Identificar e enumerar as formas de utilização de
                                                                       estilos;
        Conhecer a sintaxe básica das                                Utilizar as CSS para formatação de um documento
             instruções de formatação usada nas                        HTML;
                                                                      Identificar e enumerar as formas de aplicação de
             CSS
                                                                       estilos de formatação;
                                                                      Criar e aplicar folhas de estilos.

        Realizar a ficha de trabalho nº1                             Concluir corretamente o exercício proposto.

Docente: Professor Francisco Restivo       7 de Julho de 2012 – Mestrado em Ensino de Informática            © José M. Vasconcelos
MATRIZ DO PLANO DE AULA
           Plano de Aula – Curso Tecnológico de Informática A (Unidade de Ensino/Aprendizagem 4)

                                                                                                                                         José
  Disciplina            SUBUNIDADE 2 - CONSTRUÇÃO DE PÁGINAS WEB                        Aula                20       Professor
                                                                                                                                    Vasconcelos
                    •      Introdução às Cascaded Style Sheets (CSS);                                                 Turma          xxx-xxxxx
                            o     Vantagens no uso de folhas de estilo;                                               Período            xxxx
                            o     Definição de estilos: Externa (numa folha de estilos externa), interna (numa
                                  folha de estilos interna) e local (inline);
  Sumário
                            o     Sintaxe usada nas folhas de estilo: Selectores, Propriedades Valores e
                                  Comentários;
                                                                                                                       Data         07-07-2012
                            o     Continuação da realização do Website utilizando folhas de estilo;
                            o     Realização de uma ficha de trabalho prática.

                    •      Conhecer as vantagens e formas de utilização da CSS;                                        Hora         11h00 às 12h30

   Objetivos        •      Conhecer a sintaxe básica das instruções de formatação usada nas CSS;
                    •      Saber utilizar CSS para formatação dum documento de HTML;                                   Sala               D9
      Gerais
                    •      Realizar corretamente uma ficha orientada para consolidação da matéria.


Docente: Professor Francisco Restivo                        7 de Julho de 2012 – Mestrado em Ensino de Informática               © José M. Vasconcelos
MATRIZ DO PLANO DE AULA




Docente: Professor Francisco Restivo        7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
Mapa Mental




Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
Mapa Mental dos Conteúdos da Aula




Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
Mapa de Gantt




Docente: Professor Francisco Restivo    7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
Tabela de Conceitos

          Tabela de comportamento de conteúdos

                                       Grelha de observação

                                       Critérios de Avaliação


Docente: Professor Francisco Restivo       7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
Anexos

               Diapositivos com a apresentação
                dos conteúdos;
               Exercício de aplicação nº1
               Solução do exercício de aplicação
                nº1
               Links importantes para consulta

Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos
Conclusão
        Uma planificação não é estanque ou seja,
        deverá adaptar e diversificar as tarefas de
        acordo com a análise do contexto. É por
        isso, um processo em permanente
        avaliação de tarefas, sendo fundamental
        saber aproveitar os contributos/saberes
        expressos nas tarefas ou nas reações para
        fundamentar a reorientação.
Docente: Professor Francisco Restivo   7 de Julho de 2012 – Mestrado em Ensino de Informática   © José M. Vasconcelos

Mais conteúdo relacionado

Semelhante a Introdução às CSS

Usability basics for software developers
Usability basics for software developersUsability basics for software developers
Usability basics for software developersJosé Vasconcelos
 
Fundamentos do design instrucional para ead
Fundamentos do design instrucional para eadFundamentos do design instrucional para ead
Fundamentos do design instrucional para eadEAD Amazon
 
Ementa: Trabalho Final de Graduação: Desenvolvimento de Pesquisa
Ementa: Trabalho Final de Graduação: Desenvolvimento de PesquisaEmenta: Trabalho Final de Graduação: Desenvolvimento de Pesquisa
Ementa: Trabalho Final de Graduação: Desenvolvimento de PesquisaRenato Souza
 
Matemática - Formação Continuada.pdf
Matemática - Formação Continuada.pdfMatemática - Formação Continuada.pdf
Matemática - Formação Continuada.pdfHELENO FAVACHO
 
COMUNICACAO APLICADA
COMUNICACAO APLICADACOMUNICACAO APLICADA
COMUNICACAO APLICADApaulocsm
 
Learning Design
Learning DesignLearning Design
Learning DesignLuiz Matos
 
Matemática - Formação Continuada.docx
Matemática - Formação Continuada.docxMatemática - Formação Continuada.docx
Matemática - Formação Continuada.docxHELENO FAVACHO
 
Encontrao intel
Encontrao intelEncontrao intel
Encontrao intelcassiacris
 
ProInfo Integrado
ProInfo IntegradoProInfo Integrado
ProInfo Integradodonicleo
 
Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaLaboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaRicardo Pereira Rodrigues
 
Folha de cálculo - Microsoft Excel - ferramenta de apoio à atividade docente.pdf
Folha de cálculo - Microsoft Excel - ferramenta de apoio à atividade docente.pdfFolha de cálculo - Microsoft Excel - ferramenta de apoio à atividade docente.pdf
Folha de cálculo - Microsoft Excel - ferramenta de apoio à atividade docente.pdfJoão Paulo Freire
 
Portifólio grupo 1º SEM. 2016 (Atividade Proposta)
Portifólio grupo 1º SEM. 2016 (Atividade Proposta)Portifólio grupo 1º SEM. 2016 (Atividade Proposta)
Portifólio grupo 1º SEM. 2016 (Atividade Proposta)Jonathancrystian
 

Semelhante a Introdução às CSS (20)

Usability basics for software developers
Usability basics for software developersUsability basics for software developers
Usability basics for software developers
 
Fundamentos do design instrucional para ead
Fundamentos do design instrucional para eadFundamentos do design instrucional para ead
Fundamentos do design instrucional para ead
 
Cp fsc tic[1]
Cp fsc tic[1]Cp fsc tic[1]
Cp fsc tic[1]
 
Programa TIC
Programa TICPrograma TIC
Programa TIC
 
Ementa: Trabalho Final de Graduação: Desenvolvimento de Pesquisa
Ementa: Trabalho Final de Graduação: Desenvolvimento de PesquisaEmenta: Trabalho Final de Graduação: Desenvolvimento de Pesquisa
Ementa: Trabalho Final de Graduação: Desenvolvimento de Pesquisa
 
Matemática - Formação Continuada.pdf
Matemática - Formação Continuada.pdfMatemática - Formação Continuada.pdf
Matemática - Formação Continuada.pdf
 
Encontrao intel
Encontrao intelEncontrao intel
Encontrao intel
 
COMUNICACAO APLICADA
COMUNICACAO APLICADACOMUNICACAO APLICADA
COMUNICACAO APLICADA
 
Learning Design
Learning DesignLearning Design
Learning Design
 
Matemática - Formação Continuada.docx
Matemática - Formação Continuada.docxMatemática - Formação Continuada.docx
Matemática - Formação Continuada.docx
 
Artefotografica2015 a
Artefotografica2015 aArtefotografica2015 a
Artefotografica2015 a
 
Encontrao intel
Encontrao intelEncontrao intel
Encontrao intel
 
ProInfo Integrado
ProInfo IntegradoProInfo Integrado
ProInfo Integrado
 
Tic
TicTic
Tic
 
Tic niv
Tic nivTic niv
Tic niv
 
Tic
TicTic
Tic
 
Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaLaboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
 
Folha de cálculo - Microsoft Excel - ferramenta de apoio à atividade docente.pdf
Folha de cálculo - Microsoft Excel - ferramenta de apoio à atividade docente.pdfFolha de cálculo - Microsoft Excel - ferramenta de apoio à atividade docente.pdf
Folha de cálculo - Microsoft Excel - ferramenta de apoio à atividade docente.pdf
 
Portifólio grupo 1º SEM. 2016 (Atividade Proposta)
Portifólio grupo 1º SEM. 2016 (Atividade Proposta)Portifólio grupo 1º SEM. 2016 (Atividade Proposta)
Portifólio grupo 1º SEM. 2016 (Atividade Proposta)
 
Prepmap bc
Prepmap bcPrepmap bc
Prepmap bc
 

Último

trabalho wanda rocha ditadura
trabalho wanda rocha ditaduratrabalho wanda rocha ditadura
trabalho wanda rocha ditaduraAdryan Luiz
 
A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesMary Alvarenga
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?Rosalina Simão Nunes
 
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃOLEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃOColégio Santa Teresinha
 
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptxthaisamaral9365923
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxOsnilReis1
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresLilianPiola
 
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaaulasgege
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfEditoraEnovus
 
Prova uniasselvi tecnologias da Informação.pdf
Prova uniasselvi tecnologias da Informação.pdfProva uniasselvi tecnologias da Informação.pdf
Prova uniasselvi tecnologias da Informação.pdfArthurRomanof1
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresaulasgege
 
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxleandropereira983288
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.keislayyovera123
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasCassio Meira Jr.
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfaulasgege
 

Último (20)

trabalho wanda rocha ditadura
trabalho wanda rocha ditaduratrabalho wanda rocha ditadura
trabalho wanda rocha ditadura
 
A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das Mães
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?
 
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃOLEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
LEMBRANDO A MORTE E CELEBRANDO A RESSUREIÇÃO
 
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
 
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdf
 
Prova uniasselvi tecnologias da Informação.pdf
Prova uniasselvi tecnologias da Informação.pdfProva uniasselvi tecnologias da Informação.pdf
Prova uniasselvi tecnologias da Informação.pdf
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autores
 
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptx
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e Específicas
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdf
 

Introdução às CSS

  • 1. Planificação de uma Aula de 90 minutos Introdução às CSS Mestrado em Ensino de Informática José M. Vasconcelos http://jvasconcelos.weebly.com/
  • 2. Curso Tecnológico de Informática A 11º ano Unidade 1 – Introdução à Análise de Sistemas ..………….…….. 15 Tempos lectivos Unidade 2 – Conceitos básicos multimédia ………………………..…. 9 Tempos lectivos Unidade 3 – Utilização do sistema multimédia ……………………..40 Tempos lectivos Unidade 4 – Concepção de web sites……………………………….………57 Tempos lectivos Modelação e Simulação Computacional e Introdução à Inteligência Artificial e Sistemas Periciais ..................................................................................... 3 Tempos lectivos Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 3. Unidade de Ensino/Aprendizagem 4 Conteúdo Programático Subunidade 1 – Fundamentos (3 Tempos lectivos) • Fundamentos do planeamento de um web site • Editores de páginas web Subunidade 2 – Construção de páginas web (32 Tempos lectivos) • Introdução ao HTML • Introdução às Cascaded Style Sheets (CSS) Subunidade 3 – Client-sided scripting (19 Tempos lectivos) • Geração de scripts client-sided - Introdução ao Javascript Subunidade 4 – Finalização do web site (3 Tempos lectivos) • Teste, publicação e promoção do web site Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 4. CONTEÚDO PROGRAMÁTICO DA AULA  Vantagens no uso de folhas de estilo  Definição de estilos • Externamente (numa folha de estilos externa) • Internamente (numa folha de estilos interna) • localmente (inline) • Prioridades  Sintaxe usada nas folhas de estilo • Selectores • Propriedades • Valores • Comentários Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 5. CONTEÚDOS PROCEDIMENTAIS Incluem o domínio de algumas técnicas do saber fazer:  Saber criar e publicar páginas na Web, usando editores e ferramentas de cariz profissional;  Saber criar e manter um web site pessoal;  Construir páginas web mobilizando os conhecimentos e práticas sobre a codificação em HTML e a codificação e o uso de Cascaded Style Sheets; Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 6. COMO VÃO OS ALUNOS APRENDER  O objetivo é que os alunos participem de modo ativo e proactivo, nomeadamente após a formulação de questões;  Utilizar os procedimentos de pesquisa racional e metódica de informação na Internet, com vista a uma selecção da informação;  Selecionar e tratar a informação relativa aos aspetos mais relevantes da aula. O objetivo é conceber um site, como base na codificação das CSS; Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 7. COMO SABER SE O ALUNO APRENDEU Avaliação Formativa efetuada da seguinte forma:  Observação direta do professor centrada nos alunos durante todas as atividades a decorrer na aula, nomeadamente face ao interesse demonstrado, participação, empenho, atenção, autonomia e na capacidade de construção do saber e do saber/fazer;  Registo em grelha do desempenho do grupo no decurso da atividade, bem como, na participação individual do aluno subjacente aos momentos de debate. Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 8. Como são comunicados os dados e os resultados aos alunos Os dados serão registados numa grelha de avaliação da aprendizagem com os critérios e as ponderações previamente estabelecidos e comunicados à turma. Os elementos de avaliação serão posteriormente colocado à disposição da turma. Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 9. PLANIFICAÇÃO 1. Objetivos gerais e específicos; 2. Conteúdo programático; 3. Matriz do Plano da Aula; 4. Mapa mental; 5. Mapa mental dos conteúdos da aula; 6. Mapa de Gantt; 7. Tabela de Conceitos; 8. Matriz de Comportamentos-conteúdos; 9. Anexos: 1. Diapositivos com a apresentação dos conteúdos; 2. Ficha de trabalho; 3. Solução da ficha de trabalho 4. Grelha de observação do professor Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 10. OBJETIVOS DA AULA Objetivos Gerais Objetivos Específicos  Identificar e descrever as características e utilidades de CSS;  Conhecer as vantagens e formas de  Identificar e descrever as vantagens da utilização uso de CSS. de CSS;  Identificar e enumerar as formas de utilização de estilos.  Identificar e enumerar as formas de utilização de estilos;  Conhecer a sintaxe básica das  Utilizar as CSS para formatação de um documento instruções de formatação usada nas HTML;  Identificar e enumerar as formas de aplicação de CSS estilos de formatação;  Criar e aplicar folhas de estilos.  Realizar a ficha de trabalho nº1  Concluir corretamente o exercício proposto. Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 11. MATRIZ DO PLANO DE AULA Plano de Aula – Curso Tecnológico de Informática A (Unidade de Ensino/Aprendizagem 4) José Disciplina SUBUNIDADE 2 - CONSTRUÇÃO DE PÁGINAS WEB Aula 20 Professor Vasconcelos • Introdução às Cascaded Style Sheets (CSS); Turma xxx-xxxxx o Vantagens no uso de folhas de estilo; Período xxxx o Definição de estilos: Externa (numa folha de estilos externa), interna (numa folha de estilos interna) e local (inline); Sumário o Sintaxe usada nas folhas de estilo: Selectores, Propriedades Valores e Comentários; Data 07-07-2012 o Continuação da realização do Website utilizando folhas de estilo; o Realização de uma ficha de trabalho prática. • Conhecer as vantagens e formas de utilização da CSS; Hora 11h00 às 12h30 Objetivos • Conhecer a sintaxe básica das instruções de formatação usada nas CSS; • Saber utilizar CSS para formatação dum documento de HTML; Sala D9 Gerais • Realizar corretamente uma ficha orientada para consolidação da matéria. Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 12. MATRIZ DO PLANO DE AULA Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 13. Mapa Mental Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 14. Mapa Mental dos Conteúdos da Aula Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 15. Mapa de Gantt Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 16. Tabela de Conceitos Tabela de comportamento de conteúdos Grelha de observação Critérios de Avaliação Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 17. Anexos  Diapositivos com a apresentação dos conteúdos;  Exercício de aplicação nº1  Solução do exercício de aplicação nº1  Links importantes para consulta Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos
  • 18. Conclusão Uma planificação não é estanque ou seja, deverá adaptar e diversificar as tarefas de acordo com a análise do contexto. É por isso, um processo em permanente avaliação de tarefas, sendo fundamental saber aproveitar os contributos/saberes expressos nas tarefas ou nas reações para fundamentar a reorientação. Docente: Professor Francisco Restivo 7 de Julho de 2012 – Mestrado em Ensino de Informática © José M. Vasconcelos