Listagem de projectos



Em baixo segue a listagem com os vossos grupos e nome de projecto. Se não estiverem nesta nesta lista ou  caso ainda não tenham grupo enviem-me email. No primeiro caso enviem-me novamente a ficha de projecto, no segundo  juntem-se a um grupo de dois e faça-me saber qual é o grupo.



Durante as férias irei colocar no blog alguns exemplos de coisas que vos podem ser úteis para o projecto.
Se tiverem dúvidas sobre como fazer algo enviem-me email com a questão antes da primeira aula após as férias. Nessa aula irei mostrar-vos como colocar o projecto online.

No geral os projectos parecem-me todos bem estruturados. Lembrem-se apenas que os projectos dos grupos de três elementos têm de representar a dimensão do grupo.

BOAS FESTAS!

AULA 11 - Exercício de Avaliação


Obrigada pela participação.

AULA 9 - CSS 3



Data
25, 28 e 29 de Novembro de 2016

Sumário
Continuação da aula anterior.
Propriedades do CSS 3

Recursos teóricos (slides)
CSS 3

Exercício prático
Utilização de propriedades do css3



AULA 8 - Web Design Responsivo



Data
17, 22, 23 de Novembro de 2016

Sumário
Web Design Responsivo - Adaptação dos templates para displays com diferentes resoluções.

Recursos teóricos (slides)
Web Design Responsivo

Exercício prático
Página web adaptada a diferentes resoluções de ecrã



AULA 7 - Exercício de avaliação



Obrigada a todos pela vossa participação.
Bom fim-de-semana!




Exercício revisões 2 (para quem quiser praticar)


Como alguns alunos pediram, aqui fica um exercício extra para quem quiser praticar .
Download das images
Download das medidas

AULA 6 - Formulários, vídeo e áudio




Data
3, 15 e 16 de Novembro de 2016

Sumário
Uso de formulários e inserção de vídeo e áudio no documento html.

Recursos teóricos (slides)
Formulários, vídeo e áudio

Exercício prático
Página com vídeo e formulário

Aula 5 - Extra

Slide com algumas notas sobre conceitos de html - semântica e css que foram usados nos exercícios em aula e que não estão nos slides anteriores:
  • Tag <main></main>
  • Tag <figure></figure>
  • Box Model e o que está incluído na largura de um elemento (width) e a propriedade box-sizing
  • Propriedades line-height e letter-spacing
Download do slide

A organização dos ficheiros e das pastas


Sugestão de organização das pastas e nome dos ficheiros

AULA 5 - Exercício de revisões



Data
25 e 27 de Outubro e 2 de Novembro de 2016

Sumário
Exercício de revisões

Exercício prático
Download do exercício
Visualizar exercício no browser
Visualizar medidas do exercício no browser

AULA 4 - EXTRA - Pseudo-classes: first-child e last-child

Na última aula dos turnos de quinta-feira, durante a resolução do exercício 3, por lapso meu, surgiu um problema. Deixo-vos por isso uma nota extra sobre as pseudo-classes last-child e first-child e um vídeo com a explicação do que aconteceu com o exercício em particular. Caso fiquem com alguma dúvida digam-me na próxima aula.

Slide extra com explicação sobre as pseudo-classes first-child e last-child


AULA 4 - HTML 5: semântica



Data
18, 19, 26 de Outubro de 2016

Sumário
Resolução do exercício da aula anterior.
A semântica no HTML 5.

Recursos teóricos (slides)
HTML 5 - Semântica

Exercício prático
Criação de página web com recurso a tags semânticas de HTML 5


AULA 3 - Medidas do exercício


Dica: esta pseudoclasse pode dar-vos jeito para alinhar as três áreas centrais.

AULA 3 - Introdução à programação web: HTML e CSS (continuação da aula anterior)


Data
11, 13, 19 de Outubro de 2016

Sumário
Continuação da aula anterior.
Exercício práctico (HTML e CSS).

Recursos teóricos (slides)
Introdução ao HTML (continuação) e introdução ao CSS

Exercício prático
Criação de página web com recurso a tags HTML e formatação com CSS



AULA 2 - Introdução à programação web: HTML e CSS


Data
4, 6, 12 de Outubro de 2016

Sumário
    Introdução à programação web:
    • Principais tags HTML e atributos (continuação);
    • Introdução ao CSS

    Recursos teóricos (slides)
    Introdução ao HTML (continuação) e introdução ao CSS

    Exercício prático
    Criação de página web com recurso a tags HTML e formatação com CSS


    exercicio1_aula2.jpg


    Verificação da aprendizagem
    Questionário - Turno 3ª-feira - 8h-11h
    Questionário - Turno 4ª-feira - 11h-14h
    Questionário - Turno 5ª-feira - 8h-11h
    Questionário - Turno 5ª-feira - 11h-14h


    Bibliografia para aprofundar estudos
    http://www.w3schools.com/css/default.asp

    AULA 1 - Fundamentos da Web




    Data
    27, 28, 29 de Setembro de 2016

    Sumário
    • Apresentação da cadeira: objectivos, programa, método e avaliação
    • Fundamentos da web: a história da internet e da world wide web; conceitos essenciais (protocolos, cookies, hipertexto, hipermédia, multimédia, interactividade, browsers, servidores, aplicações; página web: estrutura, organização, componentes e comportamento; web standards definidos pelo W3C.
    • Introdução à programação web: estrutura da página HTML e principais tags

    Recursos teóricos (slides)
    Fundamentos web
    Introdução ao HTML



    Exercício prático
    Criação de página web com recurso a tags HTML




    Verificação da aprendizagem
    Questionário - Turno A
    Questionário - Turno B
    Questionário - Turno C
    Questionário - Turno D


    Bibliografia para aprofundar estudos
    History of the internet (vídeo)
    História da internet (wikipédia)
    The internet - then and now (infografia)
    W3C - Webdesign and Applications Standarts
    http://www.computerhistory.org/revolution/the-web/20/intro
    http://webfoundation.org/about/vision/history-of-the-web/
    Projecto Xanadu (wikipedia)
    https://en.wikipedia.org/wiki/Web_server