SRD | Sistemas de Representação Digital: Aula 01

A introdução dos alunos na unidade curricular teve início com a visualização de um vídeo no YouTube.

http://youtube.com/watch?feature=player_embedded&v=pQHX-SjgQvQ

Foi-nos apresentado, de seguida, o conteúdo programático da mesma, de modo a que ficássemos informados acerca tanto dos seus métodos, como dos seus elementos de avaliação.

Além da criação de um pormenor e de um macro, outro dos objectivos previstos seria a elaboração de um blog, destinado não só à publicação das temáticas abordadas, como também dos passos executados para o cumprimento dos exercícios propostos, sendo que este deveria ser actualizado semanalmente e organizado de forma breve, simples e objectiva.

http://guilhermemartimfautl.blogspot.pt

Aqui encontram-se os seus valores percentuais respectivos:

50% _ Pormenor construtivo de arquitectura, que consiste numa representação em desenho técnico de um elemento à escolha;
30% _ Macro, sendo esta uma linguagem técnica de programação que auxilia a execução do exercício supracitado;
20% _ Blog, onde é publicado o conteúdo das aulas.

Foi-nos proposta, também, a elaboração de uma ficha individual virtual do aluno. Para que a sua concretização fosse possível, recorreu-se a exemplos de fichas de alunos de anos lectivos anteriores e foram nos proporcionadas algumas noções básicas de linguagem computacional, indicando um determinado site como elemento auxiliar para criação de código HTML.

http://w3.org

A ficha teria que fazer referência a determinados dados:

Nome do aluno e o seu número mecanográfico;
Link do blog para a disciplina;
Faculdade e devido curso;
Ano lectivo e semestre correspondente;
Ano e turma correntes;
Unidade curricular e nome do docente da mesma.

Procedemos à instalação do software Notepad++ a partir de um site recomendado, no qual podemos criar uma página em formato HTML, que mantém sempre uma estrutura básica e universal, através de códigos específicos, inseridos com formatações mais elaborada e diversificada.

http://notepad-plus-plus.org

Assim sendo, cada código é responsável por uma função específica:

<html> _ Indica a linguagem da página, pelo que é sempre o código inicial;
<head> _ Cabeçalho da página;
<title> _ Título da página, sendo nome que a página assume quando está aberta no Browser;
<body> _ Corpo da página;
<center> _ Texto centrado, uma vez que, por defeito, o Notepad++ alinha o texto ao lado esquerdo;
 _ Texto em Bold;
  _ Quebra de linha, ou seja, novo parágrafo;
<img src=>"(nome da imagem)"> _ Introdução de imagem e que, para facilitar a localização desta, deve localizar-se na mesma pasta que o ficheiro HTML;
<a href="(hiperligação)">(palavra que define a hiperligação)</a> _ Coloca uma hiperligação numa palavra, que nos redirecciona, ao clicar na mesma, para uma outra página.

NOTA: Todos os códigos apresentados, à excepção dos numerados entre 7 e 9, pressupõem a repetição do texto que os define, juntamente com colocação de uma barra "/" antes da palavra correspondente, quando pretendemos que a função que lhes é destinada termine. Por exemplo, "<html>(todo o texto integrante da página)</html>".

Deste modo, o código HTML que obtive foi o seguinte:

<html>

<head>

<title> Página de Apresentação de Guilherme Martim Silva </title>

</head>

<body>

<center> Guilherme Martim Silva </center>

<center> <a href=" http://www.fa.utl.pt "> FAUL | Faculdade de Arquitectura da Universidade de Lisboa </a> </center>

<center> MIARQ | Mestrado Integrado em Arquitectura </center>

<center> 1º Semestre | Ano Lectivo 2013/2014 </center>

<center> Turma A | 2º Ano </center>

<center> Sistemas de Representação Digital </center>

<center> <a href= "http://gaudi.fa.utl.pt/~lromao "> Docente Luís Romão </a> </center>

</body>

</html>

código html no notepad++

SRD | Sistemas de Representação Digital

quarta-feira, 18 de setembro de 2013

Aula 01 | 18.09.13

Sem comentários:

Enviar um comentário