PUC de SSW 2011/2012 - Histórico de revisão

Marco Martins em 19h40min de 15 de fevereiro de 2014

2014-02-15T19:40:11Z

Marco Martins em 19h38min de 15 de fevereiro de 2014

2014-02-15T19:38:09Z

Marco Martins em 19h29min de 15 de fevereiro de 2014

2014-02-15T19:29:33Z

Marco Martins em 19h26min de 15 de fevereiro de 2014

2014-02-15T19:26:08Z

Marco Martins em 19h23min de 15 de fevereiro de 2014

2014-02-15T19:23:21Z

Marco Martins em 19h19min de 15 de fevereiro de 2014

2014-02-15T19:19:23Z

Marco Martins em 19h13min de 15 de fevereiro de 2014

2014-02-15T19:13:30Z

Marco Martins em 19h12min de 15 de fevereiro de 2014

2014-02-15T19:12:55Z

Marco Martins: Criou página com: 'Sistemas e Serviços Web

Plano da Unidade Curricular de Sistemas e Serviços Web

2014-02-15T19:11:06Z

Criou página com: 'Sistemas e Serviços Web <H3> Plano da Unidade Curricular de Sistemas e Serviços Web </H3> <table width="607" height="322" border="1" cellspacing="1" cellpadding="1"...'

Página nova

[[Sistemas e Serviços Web]]

<H3> Plano da Unidade Curricular de Sistemas e Serviços Web </H3>

<table width="607" height="322" border="1" cellspacing="1" cellpadding="1">
<tr height="40%">
<td width="100%" valign="top">
UNIDADE CURRICULAR 21109







</td>
</tr>
<tr height="40%" align="left">
<td width="100%" valign="top">










</td>
</tr>
<tr height="20%" align="left">
<td width="100%" valign="top">




Docente(s): 

Professor responsável: Vítor Cardoso
Co-docência de: Paulo Nunes



</td>
</tr>
<tr height="20%" align="left">
<td width="100%" valign="top">







Ano Lectivo: 2011/2012


</td>
</tr>
</table>


<table cellspacing="1" cellpadding="1" width="100%" border="1">
<tr>
<td valign="top" align="right" width="100%" bgcolor="#336699">
O que é o PUC?

</td>
</tr>
</table>

<blockquote dir="ltr" style="0px">
<blockquote dir="ltr" style="0px">
O PUC constitui um documento que visa orientar o processo de aprendizagem do estudante ao longo da Unidade Curricular a que se refere. É por isso um guião que requer uma leitura atenta e que lhe será útil ao longo de todo o percurso de aprendizagem. Aqui encontrará informação sobre as temáticas a estudar, as competências a desenvolver, informações sobre como se organiza o processo de aprendizagem, como utilizar e tirar partido do espaço virtual relativo a esta Unidade Curricular, o que se espera de si, como é avaliado, entre outros aspectos fundamentais para realizar da melhor forma este percurso.

</blockquote></blockquote>


<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" align="right" valign="top" bgcolor="#336699">Apresentação da Unidade Curricular
</td>
</tr>
</table>

<blockquote style="0px;" dir="ltr">
<blockquote style="0px;" dir="ltr">


Esta disciplina tem por objectivo proporcionar aos alunos o conhecimento da World Wide Web (WWW) e das principais linguagens e tecnologias usadas na programação dos sistemas e serviços disponíveis nesta rede mundial e que a tornaram tão útil e dominante no mundo actual.
É dado destaque à programação nas principais linguagens Web, na óptica do cliente e na do servidor, bem como à criação e desenvolvimento de aplicações Web dinâmicas com recurso a tecnologias de bases de dados.










</blockquote></blockquote>


<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" align="right" valign="top" bgcolor="#336699">
Competências a Desenvolver
</td>
</tr>
</table>


Pretende-se que, no final desta Unidade Curricular, o estudante tenha adquirido as seguintes competências:
<ul>
<li>Conhecer as características fundamentais das principais linguagens e tecnologias Web.</li>
<li>Saber implementar sistemas de software para funcionar na Web, utilizando criteriosamente tecnologias do lado do cliente e do lado do servidor.</li>
<li>Capacidade de conceber e criar aplicações e sites Web dinâmicos.</li>
</ul>



<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" align="right" valign="top" bgcolor="#336699">
Roteiro de conteúdos a trabalhar
</td>
</tr>
</table>


Nesta Unidade Curricular serão trabalhadas as seguintes temáticas que correspondem aos capítulos 1,2,3 e 6 do manual adoptado para a cadeira:





 

<table width="100%" style="border:2px solid currentcolor; text-align: left; vertical-align: top; cssfloat: none; background-image: none;" border="2" rules="rows" frame="box" cellspacing="1" cellpadding="1">
<tr>
<td width="20" valign="top" style="none;"> 
</td>
<td width="33%" valign="top">1. HTML
</td>
<td width="33%" valign="top">ESTRUTURA DO CÓDIGO HTML / FORMATAR TEXTO EM HTML: Separar linhas no texto; Tipo de letra, tamanho e cor; Códigos das cores em HTML / HIPERLIGAÇÕES: Hiperligações para locais específicos de um documento / INSERIR IMAGENS / INSERIR IMAGENS COM HIPERLIGAÇÕES / ENDEREÇOS ABSOLUTOS E RELATIVOS: Referências a imagens ou outros objectos; Referências a documentos HTML / ORGANIZAR OS FICHEIROS / CRIAR TABELAS: Criar tabelas dentro de tabelas; Criar tabelas mais complexas / CRIAR FORMULÁRIOS: Objectos de formulário; Receber informação do visitante através de um formulário / MOLDURAS: Molduras como mecanismo de navegação; Molduras mistas; I-frames ou molduras em linha / MAPAS DE IMAGEM / ACENTOS, CARACTERES ESPECIAIS E ALFABETOS INTERNACIONAIS: Caracteres especiais; Alfabetos internacionais / FORMATAR SECÇÕES DO DOCUMENTO: A marca div; A marca span / MULTIMÉDIA: Som; Vídeo / VALIDAÇÃO DO HTML
</td>
</tr>
<tr>
<td width="20" valign="top" style="none;"> 
</td>
<td width="33%" valign="top">2. CSS
</td>
<td width="33%" valign="top">FOLHAS DE ESTILO VERSUS FORMATAÇÃO EM HTML / SINTAXE DAS FOLHAS DE ESTILO / TIPOS DE FOLHAS DE ESTILO: Folhas de estilo externas; Folhas de estilo internas; Folhas de estilo em linha; Articulação de diferentes tipos de folhas de estilo / TIPOS DE SELECTORES: Selectores de classe; Selectores de ID; Selectores de contexto / UNIDADES; Unidades de medida; Formatos de cor / NOMENCLATURA DAS FOLHAS DE ESTILO: Selector; Propriedade; Valor; Declaração; Estilo; Classe; Agrupamento; Propriedade abreviada; Pseudo-elementos; Pseudo-classes / FUNDO DO DOCUMENTO / TEXTO: Fonte; Estilo da fonte; Parágrafos; Famílias de fontes; Propriedade Border; Propriedade Padding / HIPERLIGAÇÕES / GRAFISMO: Dimensionamento de imagens; Propriedade Position; Propriedade z-Index; Propriedade Visibility; Contorno de imagens; Conteúdos em colunas; Conteúdos variáveis em estrutura fixa; Texto que contorna texto; Fluxo de texto em torno de imagens irregulares / VALIDAÇÃO DAS FOLHAS DE ESTILO
</td>
</tr>
<tr>
<td width="20" valign="top" style="none;"> 
</td>
<td width="33%" valign="top">3. JAVASCRIPT
</td>
<td width="33%" valign="top">ESTRUTURA DOS PROGRAMAS EM JAVASCRIPT: Questões de sintaxe; Ficheiros externos / MODELO DE OBJECTOS DO DOCUMENTO / EVENTOS: Eventos de sistema; Eventos de utilizador; Envio de formulários; Detecção do foco; Colocação inicial do foco; Janela pop-up / VARIÁVEIS: Declaração de variáveis; Tipos de variáveis; Conversão entre tipos / OPERADORES: Precedência dos operadores; Operadores aritméticos; Operadores de incremento e decremento; Operadores de atribuição; Operadores relacionais; Operadores lógicos; Operadores bit a bit; Operador de cadeias / FUNÇÕES: Visibilidade das variáveis; Máquina de calcular / INSTRUÇÕES CONDICIONAIS: Instrução if; Instrução switch / INSTRUÇÕES ITERATIVAS: O ciclo while; O ciclo do-while; O ciclo for; A instrução break; A instrução continue / OBJECTOS: Animação interactiva; Animação controlada por temporizadores / VECTORES: Pesquisa em vectores / APLICAÇÕES: Loja na WWW; Criação dinâmica de caixas de selecção; Mudança de imagem por acção do rato; Navegação com Javascript / COOKIES
</td>
</tr>
<tr>
<td width="20" valign="top" style="none;"> 
</td>
<td width="33%" valign="top">4. PHP
</td>
<td width="33%" valign="top">INTRODUÇÃO / VANTAGENS E DESVANTAGENS DO PHP: Desvantagens; Vantagens / TIPOS DE VARIÁVEIS: Booleanos; Inteiros; Reais; Cadeias; Vectores; Objectos; Recursos; NULL / VARIÁVEIS; Referências; Variáveis predefinidas; Âmbito das variáveis; Variáveis de variáveis; Variáveis exteriores ao PHP; Cookies / CONSTANTES / EXPRESSÕES: Atribuição; Funções; Comparação / OPERADORES: Precedência dos operadores; Operadores aritméticos; Operadores de atribuição; Operadores bit a bit; Operadores relacionais; Operador condicional; Operadores de controlo de erro; Operadores de execução; Operadores de incremento e decremento; Operadores lógicos; Operadores de cadeia; Operadores de vector / INSTRUÇÕES CONDICIONAIS: A instrução if; A instrução switch / INSTRUÇÕES ITERATIVAS: A instrução while; A instrução do-while; A instrução for; A instrução foreach; A instrução break; A instrução continue; A instrução return; As instruções require() e include(); As instruções require_once() e include_once() / FUNÇÕES: Argumentos de uma função; Devolver valores; Funções variáveis / CLASSES E OBJECTOS: Construtores; Herança; Destrutores; O operador ::; A classe de base; Representar objectos em texto / VARIÁVEIS DE SESSÃO / SERVIÇOS DE WEB EM PHP: Servidor de serviços Web, em PHP; Cliente de serviços Web, em PHP / PHP E MYSQL: Ligação a uma base de dados; Acesso a uma base de dados / EXEMPLOS: Um livro de visitantes; Sistema de envio de ficheiros por HTTP
</td>
</tr>
</table>




<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" align="right" valign="top" bgcolor="#336699">
Como vamos trabalhar?
</td>
</tr>
</table>


A metodologia de trabalho utilizada pela Unidade Curricular compreende o estudo e a reflexão individuais (A), a partilha da reflexão e do estudo com os colegas, bem como o esclarecimento de dúvidas nos fóruns (B) e a realização de actividades (C).
A - O estudo e a reflexão individuais acontecem ao longo de todo o processo de aprendizagem. Sem o estudo e a reflexão individuais, o estudante fica muito limitado na sua participação nos fóruns previstos, bem como, dificilmente, poderá realizar com êxito as actividades formativas programadas.
B - A aprendizagem está estruturada por temas (4) seguindo os capítulos do manual adoptado. Para cada tema foi programado um fórum não moderado pelo professor ou um fórum de ajuda e orientação, moderado pelo professor, nos casos em que o tópico engloba a realização de um e-folio. Cada fórum possui os seus objectivos específicos, pelo que deverá o estudante consultar sempre as instruções que são fornecidas.
C - Integram o estudo e a reflexão individuais um conjunto de actividades formativas, programadas em função de cada tema, que o estudante deve realizar. Essas actividades conduzem o aluno à prática e pretendem criar a agilidade necessária em determinadas tarefas.




<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" align="right" valign="top" bgcolor="#336699">
Bibliografia e outros recursos
</td>
</tr>
</table>

Bibliografia Obrigatória: 

Nesta cadeira foi adoptado um manual que cobre todos os pontos do programa e que os estudantes devem adquirir:

Título: Linguagens Web. 4.ª ed. Lisboa
Autores: PEREIRA, Alexandre ; POUPA, Carlos
Site: Site do Editor com o índice completo da obra
Editor: Sílabo, 2010
ISBN: 978-972-618-617-5

Nota importante: O programa da cadeira é coberto pelos capítulos 1,2,3 e 6 deste livro, que constituem a matéria de estudo neste ano lectivo.

Outros recursos para apoio à aprendizagem (fóruns, exercícios, textos, laboratórios virtuais, materiais multimédia, etc.) são disponibilizados em cada tema com as atividades de aprendizagem.


<table width="100%" cellspacing="1" cellpadding="1" border="1">
<tr>
<td width="100%" valign="top" bgcolor="#336699" align="right">
Como vai ser a avaliação?
</td>
</tr>
</table>


A avaliação assume o regime de avaliação contínua. Os estudantes que não possam seguir esta modalidade de avaliação podem optar pela realização de um Exame Final presencial.

A opção pelo regime de avaliação (contínua ou final) será feita pelo estudante até ao final da 3ª semana lectiva, não podendo ser alterada no decurso do semestre. Por essa razão, o estudante deve ponderar com cuidado a escolha do tipo de avaliação tendo em conta diversos factores entre os quais se inclui a disponibilidade, ou não, para acompanhar em continuidade as actividades da cadeira ao longo do semestre.

Os estudantes que optem pela avaliação contínua disporão de um Cartão de Aprendizagem, pessoal, onde será creditada a avaliação que forem efectuando ao longo do semestre. O Cartão de Aprendizagem é um instrumento personalizado e cada estudante tem acesso apenas ao seu cartão.

Os estudantes que optem pela realização de um Exame Final terão acesso a todas as orientações dadas na plataforma e às Actividades Formativas disponibilizadas ao longo do percurso de aprendizagem, mas não aos instrumentos de avaliação utilizados no regime de avaliação contínua - E-fólios e P-fólio. Estes estarão disponíveis apenas para os estudantes que optem pela modalidade de avaliação contínua.




<table width="100%" cellspacing="1" cellpadding="1" border="1">
<tr>
<td width="100%" valign="top" bgcolor="#336699" align="right">
Avaliação Contínua
</td>
</tr>
</table>


Os estudantes que optarem pela avaliação contínua creditam no seu Cartão de Aprendizagem – CAP – as classificações que obtiveram com a realização de vários trabalhos ao longo do semestre e a classificação obtida numa prova presencial, no final do semestre. 



Ao longo do semestre ser-lhes-á proposto que elaborem pequenos trabalhos, designados e-fólios. A realização do conjunto dos e-fólios poderá levar à creditação do seu cartão (CAP) de um máximo de 8 valores. 



À classificação obtida nos e-fólios juntam-se os valores obtidos na prova presencial, designada p-fólio, tendo esta a duração máxima de 90min. Esta prova, p-fólio, terá a cotação global de 12 valores. 



No sistema de avaliação contínua, a classificação final na unidade curricular corresponde ao somatório das classificações obtidas em cada e-fólio e no p-fólio. 



Um e-fólio é um pequeno documento digital elaborado de forma pessoal e incidindo sobre uma secção dos temas trabalhados. 



O p-fólio consiste num documento escrito a realizar presencialmente, que complementa os e-fólios realizados electronicamente. 



As indicações para a realização quer dos E-fólios, quer do P-fólio serão fornecidas no decurso da 4ª semana de actividades lectivas. 



A aprovação na Unidade Curricular implica que o estudante obtenha um mínimo de 4 valores no conjunto dos E-fólios e um mínimo de 6 valores no P-fólio. 




<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" align="right" valign="top" bgcolor="#336699">
Calendário de avaliação contínua
</td>
</tr>
</table>

<table width="100%" style="border:1px solid currentcolor; text-align: left; vertical-align: top; background-image: none;" border="1" rules="all" frame="box" cellspacing="1" cellpadding="1">
<tr style="text-align:center; color: rgb(0, 0, 0); vertical-align: top; background-image: none; background-color: rgb(255, 255, 153);">
<td width="20%" valign="top">

</td>
<td width="20%" valign="top">
Março

</td>
<td width="20%" valign="top">
Abril

</td>
<td width="20%" valign="top">
Maio

</td>
<td width="20%" valign="top">
Junho

</td>
</tr>
<tr>
<td width="20%" valign="top">
E-fólio A 
[4 valores] 

</td>
<td width="20%" valign="top">

</td>
<td width="20%" valign="top">

</td>
<td width="20%" valign="top">

</td>
<td width="20%" valign="top">

</td>
</tr>
<tr>
<td width="20%" valign="top">Data das indicações relativas à prova E-fólio A e dos respectivos critérios de avaliação 
</td>
<td width="20%" valign="top">
Data: [3 de Abril]
Este e-fólio avalia os temas:
1-HTML e 2-CSS 
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
</tr>

<tr>
<td width="20%" valign="top">Realização do E-fólio A (que é um exercício/teste online)
</td>
<td width="20%" valign="top">
 
</td>
<td width="20%" valign="top">Data limite de entrega: [17-Abril]
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
</tr>

<tr>
<td width="20%" valign="top">Indicação da classificação do E-fólio A
</td>
<td width="20%" valign="top">
 
</td>
<td width="20%" valign="top">Até à Data: [1-Maio]
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
</tr>

<tr>
<td width="20%" valign="top">
E-fólio B
[4 valores] 
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
</tr>

<tr>
<td width="20%" valign="top">Data das indicações relativas à prova E-fólio B e dos respectivos critérios de avaliação
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top"> 
</td>
<td width="20%" valign="top">Data: [8-Maio] Este e-fólio avalia o tema: 3-Javascript
</td>
<td width="20%" valign="top">
</td>
</tr>

<tr>
<td width="20%" valign="top">Realização do E-fólio B (que é um exercício/teste online)
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">Data limite de entrega: [22-Maio]
</td>
<td width="20%" valign="top">
</td>
</tr>

<tr>
<td width="20%" valign="top">Indicação da classificação do E-fólio B
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top"> </td>
<td> 
</td>
<td width="20%" valign="top">Até à Data: [5-Junho]
</td>
</tr>

<tr>
<td width="20%" valign="top">P-fólio 12 valores
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">O p-fólio (e o exame) avaliam toda a matéria da cadeira.
</td>
</tr>

<tr>
<td width="20%" valign="top">Realização presencial 
</td>
<td width="20%" valign="top">

</td>
<td width="20%" valign="top">
</td>
<td width="20%" valign="top">

</td>
<td width="20%" valign="top">Data: 
[.......]

</td>
</tr>
<tr>
<td width="20%" valign="top">Realização presencial (as datas de exames são meramente indicativas. Confirme sempre no calendário de exames da Universidade)</td>
<td width="20%" valign="top"></td>
<td width="20%" valign="top"></td>
<td width="20%" valign="top"></td>
<td width="20%" valign="top">Datas: Época Normal:[11-Julho-2012T] Época Recurso:[24-Set-2012 T]</td>
</tr>
</table>




<table cellspacing="1" cellpadding="1" width="100%" border="1">
<tr>
<td valign="top" align="right" width="100%" bgcolor="#336699">
Opção pelo Exame
</td>
</tr>
</table>



<blockquote dir="ltr" style="0px">
<blockquote dir="ltr" style="0px">
O Exame Final traduz-se numa única prova escrita realizada presencialmente e classificada numa escala de 0 (zero) a 20 (vinte) valores.

Esta prova tem um carácter somativo, reportando-se à totalidade dos conteúdos abordados na unidade curricular e é realizada no final do semestre lectivo, tendo a duração de 2h e 30mn. 

O estudante que optar pela modalidade de exame final, terá de obter neste um mínimo de 10 valores. 

</blockquote></blockquote>


<table cellspacing="1" cellpadding="1" width="100%" border="1">
<tr>
<td valign="top" align="right" width="100%" bgcolor="#336699">
Calendário e plano de trabalho
</td>
</tr>
</table>


<blockquote dir="ltr" style="0px">
<blockquote dir="ltr" style="0px">
Este Plano apresenta a previsão da distribuição temporal das várias Temáticas de estudo, das actividades e respectivas orientações de trabalho, de modo a que possa planear, organizar e desenvolver o seu estudo. Esta informação é complementada por orientações que deverá consultar com regularidade nesta Sala de Aula Virtual.

Ao longo do semestre são disponibilizadas orientações/sugestões para actividades formativas de aprendizagem relativas aos capítulos 1,2,3 e 6 do Manual que são a matéria de estudo no presente ano lectivo. As datas em que serão abertas (visíveis aos estudantes) e devem ser realizadas as actividades formativas, estão indicadas abaixo:
<li>-Tema 1 - HTML >>> de 27-02-2012 a 19-03-2012</li>
<li>-Tema 2 - CSS (Cascading Style Sheets) >>> de 19-03-2012 a 02-04-2012</li>
<li>-Tema 3 - Javascript >>> de 02-04-2012 a 30-04-2012</li>
<li>-Tema 4 - PHP >>> de 30-04-2012 a 28-05-2012</li>
<li>-Tópico Final - Preparação p/ o Exame e p-fólio >>> de 28-05-2012 em diante O estudante deve visitar regularmente este site de apoio à cadeira e realizar as actividades propostas.</li>

</blockquote></blockquote>

@@ Linha 110: / Linha 110: @@
 <table width="100%" style="border:2px solid currentcolor; text-align: left; vertical-align: top; cssfloat: none; background-image: none;" border="2" rules="rows" frame="box" cellspacing="1" cellpadding="1">
 <tr>
-<td width="33%" valign="top">1. HTML </td>
+<td width="33%" valign="center">1. HTML </td>
 <td valign="top">ESTRUTURA DO CÓDIGO HTML / FORMATAR TEXTO EM HTML: Separar linhas no texto; Tipo de letra, tamanho e cor; Códigos das cores em HTML / HIPERLIGAÇÕES: Hiperligações para locais específicos de um documento / INSERIR IMAGENS / INSERIR IMAGENS COM HIPERLIGAÇÕES / ENDEREÇOS ABSOLUTOS E RELATIVOS: Referências a imagens ou outros objectos; Referências a documentos HTML / ORGANIZAR OS FICHEIROS / CRIAR TABELAS: Criar tabelas dentro de tabelas; Criar tabelas mais complexas / CRIAR FORMULÁRIOS: Objectos de formulário; Receber informação do visitante através de um formulário / MOLDURAS: Molduras como mecanismo de navegação; Molduras mistas; I-frames ou molduras em linha / MAPAS DE IMAGEM / ACENTOS, CARACTERES ESPECIAIS E ALFABETOS INTERNACIONAIS: Caracteres especiais; Alfabetos internacionais / FORMATAR SECÇÕES DO DOCUMENTO: A marca div; A marca span / MULTIMÉDIA: Som; Vídeo / VALIDAÇÃO DO HTML
 </td>
@@ Linha 116: / Linha 116: @@
 <tr>
-<td width="33%" valign="top">2. CSS </td>
+<td width="33%" valign="center">2. CSS </td>
 <td valign="top">FOLHAS DE ESTILO VERSUS FORMATAÇÃO EM HTML / SINTAXE DAS FOLHAS DE ESTILO / TIPOS DE FOLHAS DE ESTILO: Folhas de estilo externas; Folhas de estilo internas; Folhas de estilo em linha; Articulação de diferentes tipos de folhas de estilo / TIPOS DE SELECTORES: Selectores de classe; Selectores de ID; Selectores de contexto / UNIDADES; Unidades de medida; Formatos de cor / NOMENCLATURA DAS FOLHAS DE ESTILO: Selector; Propriedade; Valor; Declaração; Estilo; Classe; Agrupamento; Propriedade abreviada; Pseudo-elementos; Pseudo-classes / FUNDO DO DOCUMENTO / TEXTO: Fonte; Estilo da fonte; Parágrafos; Famílias de fontes; Propriedade Border; Propriedade Padding / HIPERLIGAÇÕES / GRAFISMO: Dimensionamento de imagens; Propriedade Position; Propriedade z-Index; Propriedade Visibility; Contorno de imagens; Conteúdos em colunas; Conteúdos variáveis em estrutura fixa; Texto que contorna texto; Fluxo de texto em torno de imagens irregulares / VALIDAÇÃO DAS FOLHAS DE ESTILO
 </td>
@@ Linha 122: / Linha 122: @@
 <tr>
-<td width="33%" valign="top">3. JAVASCRIPT </td>
+<td width="33%" valign="center">3. JAVASCRIPT </td>
 <td valign="top">ESTRUTURA DOS PROGRAMAS EM JAVASCRIPT: Questões de sintaxe; Ficheiros externos / MODELO DE OBJECTOS DO DOCUMENTO / EVENTOS: Eventos de sistema; Eventos de utilizador; Envio de formulários; Detecção do foco; Colocação inicial do foco; Janela pop-up / VARIÁVEIS: Declaração de variáveis; Tipos de variáveis; Conversão entre tipos / OPERADORES: Precedência dos operadores; Operadores aritméticos; Operadores de incremento e decremento; Operadores de atribuição; Operadores relacionais; Operadores lógicos; Operadores bit a bit; Operador de cadeias / FUNÇÕES: Visibilidade das variáveis; Máquina de calcular / INSTRUÇÕES CONDICIONAIS: Instrução if; Instrução switch / INSTRUÇÕES ITERATIVAS: O ciclo while; O ciclo do-while; O ciclo for; A instrução break; A instrução continue / OBJECTOS: Animação interactiva; Animação controlada por temporizadores / VECTORES: Pesquisa em vectores / APLICAÇÕES: Loja na WWW; Criação dinâmica de caixas de selecção; Mudança de imagem por acção do rato; Navegação com Javascript / COOKIES
 </td>
@@ Linha 128: / Linha 128: @@
 <tr>
-<td width="33%" valign="top">4. PHP</td>
+<td width="33%" valign="center">4. PHP</td>
 <td valign="top">INTRODUÇÃO / VANTAGENS E DESVANTAGENS DO PHP: Desvantagens; Vantagens / TIPOS DE VARIÁVEIS: Booleanos; Inteiros; Reais; Cadeias; Vectores; Objectos; Recursos; NULL / VARIÁVEIS; Referências; Variáveis predefinidas; Âmbito das variáveis; Variáveis de variáveis; Variáveis exteriores ao PHP; Cookies / CONSTANTES / EXPRESSÕES: Atribuição; Funções; Comparação / OPERADORES: Precedência dos operadores; Operadores aritméticos; Operadores de atribuição; Operadores bit a bit; Operadores relacionais; Operador condicional; Operadores de controlo de erro; Operadores de execução; Operadores de incremento e decremento; Operadores lógicos; Operadores de cadeia; Operadores de vector / INSTRUÇÕES CONDICIONAIS: A instrução if; A instrução switch / INSTRUÇÕES ITERATIVAS: A instrução while; A instrução do-while; A instrução for; A instrução foreach; A instrução break; A instrução continue; A instrução return; As instruções require() e include(); As instruções require_once() e include_once() / FUNÇÕES: Argumentos de uma função; Devolver valores; Funções variáveis / CLASSES E OBJECTOS: Construtores; Herança; Destrutores; O operador ::; A classe de base; Representar objectos em texto / VARIÁVEIS DE SESSÃO / SERVIÇOS DE WEB EM PHP: Servidor de serviços Web, em PHP; Cliente de serviços Web, em PHP / PHP E MYSQL: Ligação a uma base de dados; Acesso a uma base de dados / EXEMPLOS: Um livro de visitantes; Sistema de envio de ficheiros por HTTP
 </td>

@@ Linha 396: / Linha 396: @@
 </tr>
 <tr>
 <td width="20%" valign="top"><font color="#000000" face="arial" size="2">Realização presencial (as datas de exames são meramente indicativas. Confirme sempre no calendário de exames da Universidade)</font></td>

@@ Linha 377: / Linha 377: @@
 <td width="20%" valign="top"><font color="#000000" face="arial" size="2"></font>
 </td>
-<td width="20%" valign="top"><font color="#000000"> </font> </p></td>
+<td width="20%" valign="top"><font color="#000000"> </font></td>
-<td><p><font color="#000000" size="2"></font> </p></font>
+<td width="20%" valign="top"><font color="#000000"> </font></td>
 <td width="20%" valign="top"><font color="#000000" face="arial" size="2">Até à Data: [5-Junho]</font>
 </td>

@@ Linha 166: / Linha 166: @@
 <p>Nesta cadeira foi adoptado um manual que cobre todos os pontos do programa e que os estudantes devem adquirir:</p>
-<p>Título: Linguagens Web. 4.ª ed. Lisboa</br>
+<p>Título: Linguagens Web. 4.ª ed. Lisboa<br>
-Autores: PEREIRA, Alexandre ; POUPA, Carlos</br>
+Autores: PEREIRA, Alexandre ; POUPA, Carlos<br>
-Site: Site do Editor com o índice completo da obra</br>
+Site: Site do Editor com o índice completo da obra<br>
-Editor: Sílabo, 2010</br>
+Editor: Sílabo, 2010<br>
 ISBN: 978-972-618-617-5</p>
@@ Linha 248: / Linha 248: @@
 <table width="100%" style="border:1px solid currentcolor; text-align: left; vertical-align: top; background-image: none;" border="1" rules="all" frame="box" cellspacing="1" cellpadding="1">
-<tr style="text-align:center; color: rgb(0, 0, 0); vertical-align: top; background-image: none; background-color: rgb(255, 255, 153);">
+<tr> style="text-align:center; color: rgb(0, 0, 0); vertical-align: top; background-image: none; background-color: rgb(255, 255, 153);">
 <td width="20%" valign="top">
 </td>
 <td width="20%" valign="top">

@@ Linha 35: / Linha 35: @@
 <tr height="20%" align="left">
 <td width="100%" valign="top"><font face="arial" size="3">
 <p>Ano Lectivo: 2011/2012</p>
@@ Linha 54: / Linha 48: @@
 <td valign="top" align="right" width="100%" bgcolor="#336699">
 <p><font color="#ffffff" size="5"><strong>O que é o PUC?</strong></font></p>
 </td>
 </tr>
@@ Linha 81: / Linha 73: @@
 <p align="justify">Esta disciplina tem por objectivo proporcionar aos alunos o conhecimento da World Wide Web (WWW) e das principais linguagens e tecnologias usadas na programação dos sistemas e serviços disponíveis nesta rede mundial e que a tornaram tão útil e dominante no mundo actual.</p>
 <p align="justify">É dado destaque à programação nas principais linguagens Web, na óptica do cliente e na do servidor, bem como à criação e desenvolvimento de aplicações Web dinâmicas com recurso a tecnologias de bases de dados.</p>
 </font></blockquote></blockquote>
@@ Linha 123: / Linha 105: @@
 <font face="arial" size="3">
 <p>Nesta Unidade Curricular serão trabalhadas as seguintes temáticas que correspondem aos capítulos 1,2,3 e 6 do manual adoptado para a cadeira:</p>
 <p>&nbsp;</p>
@@ Linha 132: / Linha 110: @@
 <table width="100%" style="border:2px solid currentcolor; text-align: left; vertical-align: top; cssfloat: none; background-image: none;" border="2" rules="rows" frame="box" cellspacing="1" cellpadding="1">
 <tr>
-<td width="20" valign="top" style="none;">&nbsp;
+<td width="33%" valign="top">1. HTML </td>
-</td>
+<td valign="top">ESTRUTURA DO CÓDIGO HTML / FORMATAR TEXTO EM HTML: Separar linhas no texto; Tipo de letra, tamanho e cor; Códigos das cores em HTML / HIPERLIGAÇÕES: Hiperligações para locais específicos de um documento / INSERIR IMAGENS / INSERIR IMAGENS COM HIPERLIGAÇÕES / ENDEREÇOS ABSOLUTOS E RELATIVOS: Referências a imagens ou outros objectos; Referências a documentos HTML / ORGANIZAR OS FICHEIROS / CRIAR TABELAS: Criar tabelas dentro de tabelas; Criar tabelas mais complexas / CRIAR FORMULÁRIOS: Objectos de formulário; Receber informação do visitante através de um formulário / MOLDURAS: Molduras como mecanismo de navegação; Molduras mistas; I-frames ou molduras em linha / MAPAS DE IMAGEM / ACENTOS, CARACTERES ESPECIAIS E ALFABETOS INTERNACIONAIS: Caracteres especiais; Alfabetos internacionais / FORMATAR SECÇÕES DO DOCUMENTO: A marca div; A marca span / MULTIMÉDIA: Som; Vídeo / VALIDAÇÃO DO HTML
 </td>
 </tr>
 <tr>
-<td width="20" valign="top" style="none;">&nbsp;
+<td width="33%" valign="top">2. CSS </td>
-</td>
+<td valign="top">FOLHAS DE ESTILO VERSUS FORMATAÇÃO EM HTML / SINTAXE DAS FOLHAS DE ESTILO / TIPOS DE FOLHAS DE ESTILO: Folhas de estilo externas; Folhas de estilo internas; Folhas de estilo em linha; Articulação de diferentes tipos de folhas de estilo / TIPOS DE SELECTORES: Selectores de classe; Selectores de ID; Selectores de contexto / UNIDADES; Unidades de medida; Formatos de cor / NOMENCLATURA DAS FOLHAS DE ESTILO: Selector; Propriedade; Valor; Declaração; Estilo; Classe; Agrupamento; Propriedade abreviada; Pseudo-elementos; Pseudo-classes / FUNDO DO DOCUMENTO / TEXTO: Fonte; Estilo da fonte; Parágrafos; Famílias de fontes; Propriedade Border; Propriedade Padding / HIPERLIGAÇÕES / GRAFISMO: Dimensionamento de imagens; Propriedade Position; Propriedade z-Index; Propriedade Visibility; Contorno de imagens; Conteúdos em colunas; Conteúdos variáveis em estrutura fixa; Texto que contorna texto; Fluxo de texto em torno de imagens irregulares / VALIDAÇÃO DAS FOLHAS DE ESTILO
 </td>
 </tr>
 <tr>
-<td width="20" valign="top" style="none;">&nbsp;
+<td width="33%" valign="top">3. JAVASCRIPT </td>
-</td>
+<td valign="top">ESTRUTURA DOS PROGRAMAS EM JAVASCRIPT: Questões de sintaxe; Ficheiros externos / MODELO DE OBJECTOS DO DOCUMENTO / EVENTOS: Eventos de sistema; Eventos de utilizador; Envio de formulários; Detecção do foco; Colocação inicial do foco; Janela pop-up / VARIÁVEIS: Declaração de variáveis; Tipos de variáveis; Conversão entre tipos / OPERADORES: Precedência dos operadores; Operadores aritméticos; Operadores de incremento e decremento; Operadores de atribuição; Operadores relacionais; Operadores lógicos; Operadores bit a bit; Operador de cadeias / FUNÇÕES: Visibilidade das variáveis; Máquina de calcular / INSTRUÇÕES CONDICIONAIS: Instrução if; Instrução switch / INSTRUÇÕES ITERATIVAS: O ciclo while; O ciclo do-while; O ciclo for; A instrução break; A instrução continue / OBJECTOS: Animação interactiva; Animação controlada por temporizadores / VECTORES: Pesquisa em vectores / APLICAÇÕES: Loja na WWW; Criação dinâmica de caixas de selecção; Mudança de imagem por acção do rato; Navegação com Javascript / COOKIES
 </td>
 </tr>
 <tr>
-<td width="20" valign="top" style="none;">&nbsp;
+<td width="33%" valign="top">4. PHP</td>
-</td>
+<td valign="top">INTRODUÇÃO / VANTAGENS E DESVANTAGENS DO PHP: Desvantagens; Vantagens / TIPOS DE VARIÁVEIS: Booleanos; Inteiros; Reais; Cadeias; Vectores; Objectos; Recursos; NULL / VARIÁVEIS; Referências; Variáveis predefinidas; Âmbito das variáveis; Variáveis de variáveis; Variáveis exteriores ao PHP; Cookies / CONSTANTES / EXPRESSÕES: Atribuição; Funções; Comparação / OPERADORES: Precedência dos operadores; Operadores aritméticos; Operadores de atribuição; Operadores bit a bit; Operadores relacionais; Operador condicional; Operadores de controlo de erro; Operadores de execução; Operadores de incremento e decremento; Operadores lógicos; Operadores de cadeia; Operadores de vector / INSTRUÇÕES CONDICIONAIS: A instrução if; A instrução switch / INSTRUÇÕES ITERATIVAS: A instrução while; A instrução do-while; A instrução for; A instrução foreach; A instrução break; A instrução continue; A instrução return; As instruções require() e include(); As instruções require_once() e include_once() / FUNÇÕES: Argumentos de uma função; Devolver valores; Funções variáveis / CLASSES E OBJECTOS: Construtores; Herança; Destrutores; O operador ::; A classe de base; Representar objectos em texto / VARIÁVEIS DE SESSÃO / SERVIÇOS DE WEB EM PHP: Servidor de serviços Web, em PHP; Cliente de serviços Web, em PHP / PHP E MYSQL: Ligação a uma base de dados; Acesso a uma base de dados / EXEMPLOS: Um livro de visitantes; Sistema de envio de ficheiros por HTTP
 </td>
 </tr>

@@ Linha 26: / Linha 26: @@
 <p><b>Docente(s):</b> </p>
 <p>
-Professor responsável: Vítor Cardoso</br>
+Professor responsável: Vítor Cardoso<br>
 Co-docência de: Paulo Nunes
 </p>