nsousarq: 2013.09.18

SUMÁRIO DE AULA:

Apresentação;
Introdução aos conteúdos a desenvolver ao longo do semestre.
Criação da ficha de aluno em HTML

Esta aula dividiu-se essencialmente em três momentos.

Na primeira parte, assistiu-se ao seguinte vídeo (http://youtube.com/watch?feature=player_embedded&v=pQHX-SjgQvQ) que tinha como objetivo introduzir os alunos à disciplina de Sistemas de Representação Digital.

Num segundo momento da aula foi-nos apresentado o programa da disciplina, os seus métodos/critérios de avaliação bem como os exercícios a desenvolver ao longo do semestre. Estes descrevem-se do seguinte modo:

PROGRAMA/OBJETIVOS DA DISCIPLINA

Apresentação da Internet como rede indiferenciada, composição de URL

Dominar a representação do projeto a partir do desenho vetorial.

Produção e impressão da representação a partir da lógica de diferenciação gráfica

Manusear a edição de imagem digital por mapa de pontos (bitmap). Proficiência na publicação de imagens on-line.

EXERCÍCIOS A DESENVOLVER:

Criação de uma ficha de aluno em html.

Desenvolvimento de um blogue destinado à publicação das temáticas e dos exercícios abordados em contexto de aula. Salienta-se a importância da necessidade de uma atualização semanal e periódica dos seus conteúdos.

Blogue: http://nsousarq.blogspot.pt/

Elaboração de um exercício em AUTOCAD, nomeadamente de um pormenor arquitetónico assim como uma macro.

CRITÉRIOS DE AVALIAÇÃO:

50%_Pormenor

30%_Macro

20%_Blogue

No último momento da aula procedeu-se à realização da ficha individual de aluno em linguagem HTML.

Este processo desenvolveu-se do seguinte modo:

1.Para efeito de exemplificação observou-se a ficha de alunos de anos transatos.

2.Foram-nos introduzidas algumas noções básicas de linguagem computacional com recurso a uma página web, http://w3.org

3.Procedeu-se ao download e posteriormente à instalação do programa a utilizar para a sua criação: NOTEPAD++ ( programa de edição de códigos fonte).

4. Elaborou-se a ficha de aluno. Esta devia conter os seguintes dados:

Título da página
Nome
Número mecanográfico
Ano lectivo
Turma
Faculdade
Curso
Disciplina
http://gaudi.fa.utl.pt/~20121297/

Com a realização deste trabalho conclui-se que as páginas web são criadas segundo um código fonte apresentado em HTMl (HyperText Markup Language), um formato de linguagem universal. Assim sendo, entende-se que cada código se refere a uma determinada função, ou seja:

"<html>" _ código inicial; Indica a linguagem da página,;
"<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
"" _ 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.

Assim sendo, a minha ficha de aluno (http://gaudi.fa.utl.pt/~20121297/) apresenta o seguinte código,

</head><body>

<title> Página de Apresentação Nuno Sousa </title>

<img src="P%C3%A1gina%20de%20Apresenta%C3%A7%C3%A3o%20Nuno%20Sousa_ficheiros/1043950_318467804966291_140259253_n.jpg" alt="

</center>

<center><a href="https://www.facebook.com/nsousaphotgrapher"> Nuno Sousa |20121297| </a><a href="http://gaudi.fa.utl.pt/%7E20121297/%3Ca%20href=" http:="" nsousarq.blogspot.pt="" "=""> Blogue </a><a href="http://gaudi.fa.utl.pt/%7E20121297/%3Ca%20href=" http:="" nsousarq.blogspot.pt="" "="">

</a><center><a href="http://gaudi.fa.utl.pt/%7E20121297/%3Ca%20href=" http:="" nsousarq.blogspot.pt="" "=""></a><a href="http://www.fa.utl.pt/"> Faculdade de Arquitectura, Universidade Técnica de Lisboa </a></center>

<center> Mestrado Integrado em Arquitectura </font

</center>

<center> Processos de Computação </center>

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

</center></body></html>

Ficha em HTML - NOTEPAD ++

NOTA: É importante referir que no decorrer da aula o professor indicou um outro software, este gratuito e de código aberto, a utilizar o FileZilla,

PROGRAMAS UTILIZADOS:
Notepad ++

LISTA DE LINKS:
BLOGUE: nsousarq.blogspo.pt
FICHA DE ALUNO: http://gaudi.fa.utl.pt/~20121297/
PÁGINA DE APOIO À LINGUAGEM EM HTML: http://w3.org
DOWNLOAD NOTEPAD ++: http://notepad-plus-plus.org/
DOWNLOAD FILEZILLA: https://filezilla-project.org/

nsousarq

quarta-feira, 18 de setembro de 2013

2013.09.18 | Aula 01

SUMÁRIO DE AULA:

Sem comentários:

Enviar um comentário

Acerca de mim