Introdução à Programação Web

Ficha02
[IPW]

Exercício 1 - Implementação de uma página HTML básica

Crie um ficheiro de nome ex1.html e implemente o código HTML necessário de modo a criar
uma página semelhante à seguinte (ficheiro ex1.png):

1
 Introdução à Programação Web
Ficha02
[IPW]

Exercício 2 - Desenvolvimento do “website” sobre Saúde Digital

Nesta fase, apenas devem ser utilizados os conceitos transmitidos nas três primeiras semanas
de aulas (essencialmente todo o HTML, não usando ainda CSS nem JavaScript), estruturando
corretamente o Website e selecionando o conteúdo mais adequado. Assim, espera-se que se
utilizem os seguintes elementos dentro do possível e sempre que necessário:

• As tags <meta>, <br>, <hr>, <p>, <h*>, <ul>, <ol>, <li>, <dl>, <dt>, <dd>, <img>, <a>,
<address>, <abbr>, <ins>, <del>, <audio>, entidades HTML, <video> e <iframe>. No
caso do iframe, sugerimos que teste o streaming de vídeo através do youtube/vimeo,
que muito útil na partilha de vídeos de terceiros, que não estão no nosso servidor.
• As tags de estruturação <div>, <article>, <section>, <nav>, <aside>, <header>,
<footer>, <main>, <figure> e <figcaption>.
• Tabelas (table, tr, td, th, thead, tbody, tfoot, caption, colgroup, col, colspan,
rowspan.)

A ideia será continuar-se com a criação de conteúdos, sem se dar especial atenção à formatação,
pois nas semanas seguintes ir-se-á utilizar o mecanismo de CSS para adicionar estilos de forma
mais estruturada e elegante.

Caso se adeque ao que pretende transmitir aos seus leitores, integre uma secção que seja um
blog sobre ideias e artigos relacionados com saúde digital, utilizando para tal elementos
adequados para a sua estruturação, como é o caso do <article>. Alguns exemplos
interessantes de blogs são os seguintes (existem muitos mais):
• https://www.mobihealthnews.com/
• https://www.digitalhealthglobal.com/
• https://infermedica.com/blog/categories/digital-health

Por último, vá usando as ferramentas Web que se apresentam (pode usar outras que encontre
e prefira) para validar o HTML, as tabelas e/ou a estrutura (Outline) das páginas do seu Website:

• Markup Validation Service URL: https://validator.w3.org/

• Table Validator:
https://wet-boew.github.io/v4.0-ci/demos/tablevalidator/tablevalidator-en.html
• HTML 5 Outliner: https://gsnedders.html5.org/outliner/

Bom trabalho!