Luisbotas 5540

ESCOLA SUPERIOR
DE COMUNICAÇÃO SOCIAL
LABORATÓRIO WEB | 2011
LUÍS NOBRE BOTAS 5540
1
MEMÓRIA DESCRITIVA
A página tem como principal objectivo Partindo desta ideia de “desorganização”, nada
reflectir a minha maneira de ser. melhor do que usar a página Web para
catalogar todos os conteúdos que gostaria de
Além de reunir um conjunto de conteúdos que ver incluídos nela.
eu considero como sendo importantes para me E o que seria melhor para catalogar os
caracterizarem, a página tem a preocupação conteúdos? Uma pasta pessoal de arquivo!
de funcionar como um espelho da minha
personalidade, dos meus gostos e dos meus Desta forma, toda a página está estruturada de
interesses. forma a que, visualmente, o utilizador explore
todos os conteúdos através de separadores
Nada melhor do que partir da análise de um dentro de uma pasta. O conceito subjacente
dos meus defeitos: a desorganização. Esta é, será o de encontrarmos cada informação e
por ventura, uma das características mais cada conteúdo da mesma forma como o
presentes na minha personalidade. fazemos numa ficha clínica, numa pasta de
arquivo das finanças ou mesmo como à 70
Ao ler o briefing do projecto, apercebi-me o anos atrás, eram catalogadas as informações
quanto esta página me poderia ajudar na sobre indivíduos.
“arrumação” de todos as minhas
informações/opiniões/projectos que tenho Uma maneira simples e criativa de navegar até
vindo a realizar até aqui. Assim, com a mim.
elaboração desta página, irei catalogar um
conjunto de conteúdos de uma forma bastante
perceptível, criativa e interactiva.
Esta página será também uma mais-valia, na

medida em que a sua visualização poderá
tornar-se oportuna num futuro próximo, por
exemplo, como um portfólio numa possível
entrevista de emprego.
2
GUIÃO DE CONTEÚDOS DESCRIÇÃO DOS CONTEÚDOS
Na aba “ESCS”, estão reunidas todas as informações

acerca do meu percurso académico. Essas
VÍDEO
A biografia
informações estão reunidas em quatro temas: aulas,
projectos, núcleos e destaques.
No primeiro tema, descrevo resumidamente o que é o
quem sou eu
curso de Adiovisual e Multimédia, bem como as
disciplinas que são leccionadas.
TEXTO No tema “Projectos”, estarão compilados um
escs
IMAGEM conjunto de trabalhos e projectos que fui realizando
na ESCS.
Em “Núcleos”, estão discritos todos os núcleos a que
MiNHA
pertenço e algumas curiosidades.
aulasprojectos No último tema, irei destacar alguns pontos impor-

tantes em relação a vários temas que
núcleos
considere importantes no seio
académico.
No tema “Actividades” irá surgir em primeiro lugar

TEXTO uma breve descrição das actividades que tenho vindo
IMAGEM
actividades
a desenvolver até aqui, bem como a importância que
VIDA
adquirem para mim enquanto ser crítico, activo e
criativo.
aminata nevedesign
A quarta aba será um espaço reservado às minhas
opiniões: um espaço que contará com alguns dos
mocamfe
meus interesses e refelxões.
Existem cinco temas principais em que destaco o que
considero ser o melhor de entre as áreas da música,
NUMA
TEXTO fotografia, filmes, internet e cultura.
opiniões
Através de conteúdos multimédia, esta é também
IMAGEM uma forma do utilizador conhecer as minhas escol-
VÍDEO has pessoais.
música filmes
No último separador, “Contactos”, o utilizador poderá
encontrar as formas mais práticas de comunicar
comigo: estão disponiveis as plataformas de e-mail,
fotografia internet acontece facebook e twitter.
PÁGiNA contactos
contacta comigo
IMAGEM
3
STORYBOARDS E DESCRIÇÃO DA HOMEPAGE
WIREFRAMES No centro da homepage irei

apresentar o logótipo da página,
que foi criado através da junção de
duas fontes, com tamanhos e per-
sonalidades distintas - caracterís-
tica figurativa da desorganização
HOMEPAGE
que revela um pouco do conceito
subjacente a esta página.
HOJE
APTECE-ME Na homepage o utilizador terá a
BIOGRAFIA
liberdade para optar por um dos
três padrões de cores disponiveis
para o layout da página. Isto,
porque as cores que nos trans-
mitem sentimentos ou provocam
ESCS
emoções são também um espelho
da nossa disposição, que vaira de
dia para dia.
ACTIVIDADES
A partir da homepage, o utilizador
poderá aceder aos restantes
conteúdos da página ao clicar nos
separadores laterais. Após o click,
OPINIÕES
a área de navegação da homepage
irá fechar-se e transformar-se-à
numa aba.
4
ESCOLA SUPERIOR DE COMUNICAÇÃO SOCIAL | LABORATÓRIO WEB | 2011
STORYBOARDS E DESCRIÇÃO DA HOMEPAGE
WIREFRAMES As dimensões da página serão de

1024 x 761 px, sendo que à área de
navegação correspondem
768 x 761 px e, a cada separador,
5 px de largura e 761 px de
HOMEPAGE
comprimento.
HOJE
APTECE-ME
BIOGRAFIA
111px Cada uma das abas terá
24 x 111 px e será escrita em
24px
DIN-Black, tamanho 14 pt
ESCS
FONT: DIN-BLACK
SIZE: 14 pt
Nas três imagens em baixo, está
ACTIVIDADES
761 px
ÁREA DE NAVEGAÇÃO representada a animação que irá
originar a homepage.
OPINIÕES
768 px 51px
1024 px
HOMEPAGE
HOMEPAGE
HOMEPAGE
HO HOJE
AP JE APTECE-ME
TEC
BIOGRAFIA
BIOGRAFIA
BIOGRAFIA
11
E-M
| 20
HOJ
EAP E
EB
1
201
TEC
IO W
B|
E-M
WE
E
RIO
ÓR
TÓ
ESCS
ESCS
ESCS
RAT
RA
BO
LA
BO
|
IAL
| LA
OCS
ÃO
ACTIVIDADES
ACTIVIDADES
ACTIVIDADES
IAL
AÇ
NIC
OC
U
OM
OS
EC
RD
ÇÃ
RIO
ICA
PE
SU
OPINIÕES
OPINIÕES
OPINIÕES
N
LA
5
MU
CO
ES
CO
DE
IOR
PER
SU
LAO
ESC

STORYBOARDS E DESCRIÇÃO DA BIOGRAFIA
WIREFRAMES Neste primeiro separador irá ser

apresentado um vídeo onde o
utilizador poderá saber um pouco
do que foi o meu percurso até aos
dias de hoje.
HOMEPAGE
BIOGRAFIA
ESCS
ACTIVIDADES
OPINIÕES
6
STORYBOARDS E DESCRIÇÃO DA ESCS
WIREFRAMES Os “headers” desta aba, bem como

todos os conteúdos, estão repre-
sentados em Courier New, para
realçar o conceito desta página:
uma pasta pessoal de arquivo
escrita a máquina de escrever.
HOMEPAGE
HOMEPAGE
BIOGRAFIA
BIOGRAFIA
AULASFONT: Courier New
ESCS AULAS
ESCS
SIZE: 115 pt
PROJECTOS
ACTIVIDADES
ACTIVIDADES
No curso de Audiovisual e Multimédia aprendo a resolver
problemas de comunicação através de uma integração dos saberes
teóricos com os saberes práticos. Logo desde o primeiro ano, FONT: Courier New
desenvolvi produtos Audiovisuais e Multimédia, como por
exemplo produções de vídeo, animações 2D e 3D ou CD's e DVD's
SIZE: 14 pt
interactivos
NÚCLEOS PROJECTOS
OPINIÕES
OPINIÕES
DESTAQUES NÚCLEOS
DESTAQUES
HOMEPAGE
HOMEPAGE
HOMEPAGE
BIOGRAFIA
BIOGRAFIA
BIOGRAFIA
AULAS AULAS AULAS

ESCS
ESCS
ESCS
PROJECTOS PROJECTOS
ACTIVIDADES
ACTIVIDADES
ACTIVIDADES

teóricos com os saberes práticos. Logo desde o primeiro ano,
interactivos
NÚCLEOS NÚCLEOS PROJECTOS

OPINIÕES
OPINIÕES
OPINIÕES
DESTAQUES DESTAQUES NÚCLEOS

DESTAQUES 7
STORYBOARDS E DESCRIÇÃO DAS ACTIVIDADES
WIREFRAMES Existem novamente quatro

“headers” que, ao clicarmos no seu
quadrado correspondente irão abrir
um “slide show” de algumas fotogra-
fias que caracterizem essa mesma
HOMEPAGE
HOMEPAGE
actividade.
ACTiVIDADeS Em relação a dimensões, à
BIOGRAFIA
BIOGRAFIA
semelhança da aba “ESCS”, os
Existem muitas actividades que considero importantes e que consigo perceber Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a maior parte sofreu
que fazem parte integral da minha pessoa enquanto ser humano. São elas que alterações de alguma forma, pela injecção de humor, ou de palavras aleatórias que nem sequer
moldam e carcaterizam a minha forma de ser ao longo dos anos. parecem suficientemente credíveis. Se vai usar uma passagem do Lorem Ipsum, deve ter a certeza que
“headers” das actividades estarão

São também elas que complementam a minha formação e que me possibilitam que
olhe para o mundo com diferentes perspectivas. Acompanham-me desde muito cedo
FONT: Courier New não contém nada de embaraçoso escondido no meio do texto. Todos os geradores de Lorem Ipsum na
Internet acabam por repetir porções de texto pré-definido, como necessário, fazendo com que este seja
e são o reflexo de algumas das atitudes e valores que considero serem os mais SIZE: 14 pt
ESCS
ESCS
o primeiro verdadeiro gerador na Internet. Usa um dicionário de 200 palavras em Latim, combinado com
escritos em Courier New, 115 pt, e

acertados.São atambém o “escape” dos meus pensamentos e reflexões, tristezas uma dúzia de modelos de frases, para gerar Lorem Ipsum que pareçam razoáveis. Desta forma, o
e angústias. São um meu “eu” personificado, com nomes, palavras e cores Lorem Ipsum gerado é sempre livre de repetição, ou de injecção humorística, etc.
distintas, na busca incansável da procura da felicidade.
AMINATA
cada quadrado terá de lado 73 px.
AMINATA
ACTIVIDADES
ACTIVIDADES
FONT: Courier New
73 px
SIZE: 115 pt
Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a maior parte
O “slide show” surgirá com as

MOCAMFE
sofreu alterações de alguma forma, pela injecção de humor, ou de palavras aleatórias que nem
73 px
OPINIÕES
OPINIÕES
sequer parecem suficientemente credíveis. Se vai usar uma passagem do Lorem Ipsum, deve
ter a certeza que não contém nada de embaraçoso escondido no meio do texto. Todos os
geradores de Lorem Ipsum na Internet acabam por repetir porções de texto pré-definido, como
necessário, fazendo com que este seja o primeiro verdadeiro gerador na Internet. dimensões da imagem, embora
NEVE MOCAMFE
contenha uma “border” em preto de
cerca de 10 px, e o rodapé
DESIGN
EM 2003, ALCANCEI MEDALHA DE OURO NOS
apresentará uma descrição da

FONT: Courier New
DESIGN
CAMPEONATOS NACIONAIS DE CLUBES
Image 1 of 10 SIZE: 12 pt
fotografia, escrita em Courier New, 12

pt.
HOMEPAGE
HOMEPAGE
HOMEPAGE
ACTiVIDADeS
BIOGRAFIA
BIOGRAFIA
BIOGRAFIA
Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a maior parte sofreu
maior parte sofreu alterações de alguma forma, pela injecção de humor, ou de maior parte sofreu alterações de alguma forma, pela injecção de humor, ou de alterações de alguma forma, pela injecção de humor, ou de palavras aleatórias que nem sequer
palavras aleatórias que nem sequer parecem suficientemente credíveis. Se vai palavras aleatórias que nem sequer parecem suficientemente credíveis. Se vai parecem suficientemente credíveis. Se vai usar uma passagem do Lorem Ipsum, deve ter a certeza que
usar uma passagem do Lorem Ipsum, deve ter a certeza que não contém nada de usar uma passagem do Lorem Ipsum, deve ter a certeza que não contém nada de não contém nada de embaraçoso escondido no meio do texto. Todos os geradores de Lorem Ipsum na
embaraçoso escondido no meio do texto. Todos os geradores de Lorem Ipsum na embaraçoso escondido no meio do texto. Todos os geradores de Lorem Ipsum na Internet acabam por repetir porções de texto pré-definido, como necessário, fazendo com que este seja
Internet acabam por repetir porções de texto pré-definido, como necessário, Internet acabam por repetir porções de texto pré-definido, como necessário,
ESCS
ESCS
ESCS
fazendo com que este seja o primeiro verdadeiro gerador na Internet. Usa um fazendo com que este seja o primeiro verdadeiro gerador na Internet. Usa um uma dúzia de modelos de frases, para gerar Lorem Ipsum que pareçam razoáveis. Desta forma, o
dicionário de 200 palavras em Latim, combinado com uma dúzia de modelos de dicionário de 200 palavras em Latim, combinado com uma dúzia de modelos de Lorem Ipsum gerado é sempre livre de repetição, ou de injecção humorística, etc.
frases, para gerar Lorem Ipsum que pareçam razoáveis. frases, para gerar Lorem Ipsum que pareçam razoáveis.
AMINATA AMINATA AMINATA

ACTIVIDADES
ACTIVIDADES
ACTIVIDADES
Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a maior parte
MOCAMFE MOCAMFE
OPINIÕES
OPINIÕES
OPINIÕES
8
necessário, fazendo com que este seja o primeiro verdadeiro gerador na Internet.
NEVE NEVE MOCAMFE

DESIGN DESIGN
DESIGN
Image 1 of 10
DESIGN
STORYBOARDS E DESCRIÇÃO DAS OPINIÕES
WIREFRAMES Em primeiro lugar, surgirá referên-

cia ao último post lançado pelo
Twitter, escrito em Courier New,
14 pt.
HOMEPAGE
FONT: Courier New MÚSICA FONT: Courier New
Através de pequenos ícones

BIOGRAFIA
SIZE: 16 pt
SIZE: 14 pt
A música é uma constante no nosso dia-a-dia, aliás,
FONT: Courier New
SIZE: 14 pt
“Bom dia! Hoje avizinha-se
penso que ninguém passa um dia sem ouvir música. É,
clicáveis estarão representadas as

portanto, uma constante na nossa vida. Na minha,
muitas foram importantes durante alguns momentos.
um grande dia de trabalho” Partilho com vocês as que considero melhores

ESCS
1 hour ago via Twiter

diferentes áreas desta aba que,
posteriormente, serão desenvolvi-
ACTIVIDADES
1. "The Suburbs"
2. "Ready to Start"
3. "Modern Man"
5:14
4:15
4:39 das com o “rolar” da página para
OPINIÕES
4. "Rococo" 3:56
5. "Empty Room" 2:51
baixo. Este será o único conteúdo

6. "City with Children"3:11
7. "Half Light I" 4:13
8. "Half Light II” 4:25
9. "Suburban War" 4:45
10. "Month of May" 3:50
11. "Wasted Hours" 3:20
que irá necessitar de um “scroll”

12. "Deep Blue" 4:28
13. "We Used to Wait" 5:01
14. "Sprawl I (Flatland)" 2:54
15. "Sprawl II” 5:25
16. "The Suburbs" 1:27
vertical.
Os ícones terão a dimensão de

100 x 100 px e irão sofrer uma
VÍDEO FONT: Courier New
SIZE: 16 pt
FONT: Courier New
FOTOGRAFIA FONT: Courier New
SIZE: 16 pt
alteração na sua forma, aquando
Muitos são os vídeos que merecem a minha dmiração, Estas são algumas das fotografias que continuam a
da passagem do rato.
porém, estes surgem como os meus preferidos. Pela SIZE: 14 pt fascinar-me, de cada vez que as vislumbro
técnica, estilo, conceito ou genialidade FONT: Courier New
SIZE: 14 pt
Orelha Negra - Since U’ve Been Gone

Nebula Studios
Pela genialidade dos planos, cortes,

animações 3D e efeitos produzidos,
este é um dos meus temas preferidos
Existirá ainda um pequeno ícone no
lado direito da área de navegação
de Orelha Negra e uma dos meus
vídeos de eleição
FONT: Courier New

SIZE: 14 pt
M.I.A - Born Free

que permitirá ao utilizador subir
até à área principal da aba e
Romain Gavras
Um dos realizadores mais
 
contorversos da actualidade, tem uma
escolher as diferentes áreas da aba

equipa cariamática a trabalhar com
ele. Cada plano surge como um novo
olhar. Os efeitos são
espectaculares.
“Opiniões”.
INTERNET FONT: Courier New

SIZE: 16 pt ACONTECE FONT: Courier New
SIZE: 16 pt
Algumas são as páginas que revelam creatividade e um Eis algumas escolhas pessoais de eventos e
bom sentido de progrmação. Entre muitas, eis a minha acontecimentos a não perder
escolha. FONT: Courier New
FONT: Courier New SIZE: 14 pt
SIZE: 14 pt
Vamos al Tiroteo, Versiones de un Tiempo Pasado FONT: Courier New
SIZE: 14 pt
Espectáculo construido a partir do disco Canciones Populares, editado em 1931
e que reúne um conjunto de canções populares seleccionadas por Federico Garcia
9
Lorca. Vamos al Tiroteo, Versiones de un Tiempo Pasado estreou em 2008 na XV
Bienal de Flamenco de Sevilha onde arrebatou o prémio de melhor coreografia.
FONT: Courier New FONT: Courier New
mariecatribs.com/ flavours.com/ escs.ipl.pt/ SIZE: 14 pt
Internet: www.rafaelacarrasco.com SIZE: 12 pt
Gulbenkian
Preço dos bilhetes: 20€ (público em geral) e 5€ (jovens até 30 anos)
Maiores 12 anos
Duração: 1h05
Esta página tem só por si um forte Com um forte conceito, O site da Escola Superior de Comunicação
conceito, facto esse que se compreende por
todo o aspecto geral
facto que pesa mais do que as cores Social também merece um destaque FONT: Courier New
SIZE: 12 pt
Educar. Educação para todos. O ensino na I República
A evolução do pensamento pedagógico e as inovações introduzidas pela República,

a educação cívica e patriótica, os manuais escolares, o ensino primário, o
secundário, o ensino técnico e profissional, o ensino científico e
experimental, as universidades, as consequências do acesso da mulher ao ensino,
e a festa da Árvore constituem os diferentes temas a abordar na exposição.
O ambiente de uma sala de aulas de há 100 anos será reconstituído, onde se
falará da obra republicana no ensino desde as últimas décadas da monarquia.
Palácio de Valadares
ana.pt/ returnsmans.com/ bravos.com/ Calçado do Sacramento, Largo do Carmo, nº 32
Preço dos bilhetes: Entrada Gratuita
O site dos aeroportos nacionais de Podemos considerar que seja um dos Um site repleto de animações em flash e
Portugal melhores sites em termos de design muitas mais diversões
STORYBOARDS E DESCRIÇÃO DOS CONTACTOS
WIREFRAMES Na página dos “Contactos”, o utili-

zador poderá entrar em contacto
comigo através das três plata-
formas: e-mail, facebook e twitter.
Para aceder a cada uma destas
HOMEPAGE
plataformas, basta clicar no ícone
CONtACTOS correspondente.
BIOGRAFIA
ESCS
ACTIVIDADES
OPINIÕES
10
SPECS FUNCIONAIS DESCRIÇÃO DOS SPECS
FUNCIONAIS
HOMEPAGE
HOMEPAGE
HOJE
APTECE-ME
Em primeiro lugar, referir que cada
vez que uma aba é clicada, a área
BIOGRAFIA
BIOGRAFIA
de navegação irá abrir ou fechar-se
ESCS
com recurso a JavaScritp.
ESCS
ACTIVIDADES
Flash
ACTIVIDADES
Flash Na primeira aba, a homepage irá
OPINIÕES
OPINIÕES
ter recurso a Flash, assim como na
“Biografia”, que irá conter um
player flash.
Em relação à aba “ESCS”, os

quatro temas principais, ao passar-
HOMEPAGE
HOMEPAGE
mos o rato por cima (mouse hover)
BIOGRAFIA
BIOGRAFIA
a sua cor irá alterar-se (CSS).
AULAS CSS AULAS jQuery

Quando clicamos num dos temas,
ESCS
ESCS
este abre-se com conteúdo e volta
PROJECTOS
ACTIVIDADES
a fechar-se com um novo click
ACTIVIDADES
teóricos com os saberes práticos. Logo desde o primeiro ano,
(jQuery - abre e fecha div’s).

interactivos
NÚCLEOS PROJECTOS
OPINIÕES
OPINIÕES
Nas “Actividades” os pequenos
DESTAQUES NÚCLEOS quadrados que ilustram cada um
dos “headers” alteram a sua cor
DESTAQUES (CSS - mouse hover) e ao clicar
transportam o utilizador para um
HOMEPAGE
HOMEPAGE
ACTiVIDADeS slide show (flash).

BIOGRAFIA
BIOGRAFIA
Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a maior parte sofreu
maior parte sofreu alterações de alguma forma, pela injecção de humor, ou de alterações de alguma forma, pela injecção de humor, ou de palavras aleatórias que nem sequer
palavras aleatórias que nem sequer parecem suficientemente credíveis. Se vai parecem suficientemente credíveis. Se vai usar uma passagem do Lorem Ipsum, deve ter a certeza que
usar uma passagem do Lorem Ipsum, deve ter a certeza que não contém nada de não contém nada de embaraçoso escondido no meio do texto. Todos os geradores de Lorem Ipsum na
embaraçoso escondido no meio do texto. Todos os geradores de Lorem Ipsum na Internet acabam por repetir porções de texto pré-definido, como necessário, fazendo com que este seja
Internet acabam por repetir porções de texto pré-definido, como necessário,
ESCS
ESCS
fazendo com que este seja o primeiro verdadeiro gerador na Internet. Usa um uma dúzia de modelos de frases, para gerar Lorem Ipsum que pareçam razoáveis. Desta forma, o
dicionário de 200 palavras em Latim, combinado com uma dúzia de modelos de Lorem Ipsum gerado é sempre livre de repetição, ou de injecção humorística, etc.
frases, para gerar Lorem Ipsum que pareçam razoáveis.
AMINATA Flash
ACTIVIDADES
AMINATA
ACTIVIDADES
CSS MOCAMFE Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a maior parte
MOCAMFE DESIGN
11
OPINIÕES
OPINIÕES
necessário, fazendo com que este seja o primeiro verdadeiro gerador na Internet.
NEVE DESIGN
DESIGN
Image 1 of 10
SPECS FUNCIONAIS DESCRIÇÃO DOSOPINIÕES
DESCRIÇÃODAS SPECS
FUNCIONAIS
HOMEPAGE
Em relação ao status do Twitter,

MÚSICA este será incluído na página través
BIOGRAFIA
de JavaScript, assim como o

A música é uma constante no nosso dia-a-dia, aliás,
“Bom dia! Hoje avizinha-se penso que ninguém passa um dia sem ouvir música. É,
portanto, uma constante na nossa vida. Na minha,
muitas foram importantes durante alguns momentos.
um grande dia de trabalho” Partilho com vocês as que considero melhores
“scroll” na página para cada con-

ESCS
1 hour ago via Twiter
teúdo, ao carregarmos em cada um

ACTIVIDADES
dos ícones.
2. "Ready to Start" 4:15
Flash
3. "Modern Man" 4:39
OPINIÕES
4. "Rococo" 3:56
5. "Empty Room" 2:51
No conteúdo de Vídeo, apenas irá

6. "City with Children"3:11
7. "Half Light I" 4:13
8. "Half Light II” 4:25
9. "Suburban War" 4:45
10. "Month of May" 3:50
11. "Wasted Hours" 3:20
ser incluido um player vídeo do

12. "Deep Blue" 4:28
13. "We Used to Wait" 5:01
JavaScript
14. "Sprawl I (Flatland)" 2:54
15. "Sprawl II” 5:25
youtube.
Na “Internet”, estarão disponíveis

imagens que, ao serem clicadas,
VÍDEO FOTOGRAFIA nos irão remeter para o site
Muitos são os vídeos que merecem a minha dmiração,
porém, estes surgem como os meus preferidos. Pela
técnica, estilo, conceito ou genialidade
Estas são algumas das fotografias que continuam a
fascinar-me, de cada vez que as vislumbro
referido.
Orelha Negra - Since U’ve Been Gone
Nebula Studios
Pela genialidade dos planos, cortes,

No conteúdo de Música, estará em-
animações 3D e efeitos produzidos,
este é um dos meus temas preferidos
de Orelha Negra e uma dos meus
vídeos de eleição
bebido na página um leitor de
música com recurso a Flash, que
Player Youtube
M.I.A - Born Free
JavaScript será costumizado de acordo com o
layout da página.
Romain Gavras
Um dos realizadores mais

contorversos da actualidade, tem uma
equipa cariamática a trabalhar com
ele. Cada plano surge como um novo
olhar. Os efeitos são
 
espectaculares.
Em “Fotografia”, irá existir um

pequeno slide show com algumas
fotografias seleccionadas e com
INTERNET ACONTECE botões clicáveis para avançar ou
Algumas são as páginas que revelam creatividade e um
bom sentido de progrmação. Entre muitas, eis a minha
escolha.
Eis algumas escolhas pessoais de eventos e
acontecimentos a não perder
retroceder as fotografias
Vamos al Tiroteo, Versiones de un Tiempo Pasado
(JavaScript).
Espectáculo construido a partir do disco Canciones Populares, editado em 1931
e que reúne um conjunto de canções populares seleccionadas por Federico Garcia
Lorca. Vamos al Tiroteo, Versiones de un Tiempo Pasado estreou em 2008 na XV
Bienal de Flamenco de Sevilha onde arrebatou o prémio de melhor coreografia.
mariecatribs.com/ flavours.com/ escs.ipl.pt/
No último dos conteúdos, apenas

Internet: www.rafaelacarrasco.com
Gulbenkian
HTML
Preço dos bilhetes: 20€ (público em geral) e 5€ (jovens até 30 anos)
Maiores 12 anos
Duração: 1h05
existirá HTML simples.
12
Esta página tem só por si um forte Com um forte conceito, O site da Escola Superior de Comunicação
conceito, facto esse que se compreende por facto que pesa mais do que as cores Social também merece um destaque
todo o aspecto geral
HTML Educar. Educação para todos. O ensino na I República
A evolução do pensamento pedagógico e as inovações introduzidas pela República,

a educação cívica e patriótica, os manuais escolares, o ensino primário, o
secundário, o ensino técnico e profissional, o ensino científico e
experimental, as universidades, as consequências do acesso da mulher ao ensino,
e a festa da Árvore constituem os diferentes temas a abordar na exposição.
O ambiente de uma sala de aulas de há 100 anos será reconstituído, onde se
falará da obra republicana no ensino desde as últimas décadas da monarquia.
Palácio de Valadares
ana.pt/ returnsmans.com/ bravos.com/ Calçado do Sacramento, Largo do Carmo, nº 32
DESIGN
Preço dos bilhetes: Entrada Gratuita
O site dos aeroportos nacionais de Podemos considerar que seja um dos Um site repleto de animações em flash e
Portugal melhores sites em termos de design muitas mais diversões
VERSÃO MOBILE DESCRIÇÃO DA VERSÃO
MOBILE
HOJE
APTECE-ME
Para a versão mobile, todas as me-
HOMEPAGE
BIOGRAFIA didas indicadas foram pensadas

para iPhone.
320 px ESCS
Assim, quando o utilizador de

iPhone visualiza a página com o
356 px Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a
maior parte sofreu alterações de alguma forma, pela injecção de humor, ou de
palavras aleatórias que nem sequer parecem suficientemente credíveis. Se vai
visor na vertical poderá ver as abas
e os conteúdos da forma como está
usar uma passagem do Lorem Ipsum, deve ter a certeza que não contém nada de
embaraçoso escondido no meio do texto. Todos os geradores de Lorem Ipsum na
fazendo com que este seja o primeiro verdadeiro gerador na Internet. Usa um
apresentado ao lado.
dicionário de 200 palavras em Latim, combinado com uma dúzia de modelos de
9px HOMEPAGE
40px
30 px AMINATA
BIOGRAFIA
MOCAMFE Por outro lado, se o utilizador rodar
NEVE o écran, desta maneira a página irá
DESIGN
ACTIVIDADES
ser visualizada horizontalemente,

OPINIÕES ACTIVIDADES
como ilustram as das imagens em
CONTACTOS OPINIÕES
baixo.
320 px
320 px 30 px
HOMEPAGE
HOMEPAGE
40px
9px
BIOGRAFIA
BIOGRAFIA
Existem muitas variações das passagens do Lorem Ipsum disponíveis, mas a
HOJE maior parte sofreu alterações de alguma forma, pela injecção de humor, ou de
palavras aleatórias que nem sequer parecem suficientemente credíveis. Se vai
APTECE-ME usar uma passagem do Lorem Ipsum, deve ter a certeza que não contém nada de
ACTIVIDADES
embaraçoso escondido no meio do texto. Todos os geradores de Lorem Ipsum na

ESCS
fazendo com que este seja o primeiro verdadeiro gerador na Internet. Usa um
dicionário de 200 palavras em Latim, combinado com uma dúzia de modelos de
AMINATA
ACTIVIDADES
OPINIÕES
MOCAMFE
320 px
NEVE
CONTACTOS
OPINIÕES
DESIGN
13
356 px
ANEXOS
14
ESTUDO LAYOUT
HOMEPAGE
HOJE
APTECE-ME
BIOGRAFIA
ESCS
ACTIVIDADES
OPINIÕES
15
ESTUDO LAYOUT
HOMEPAGE
HOJE
APTECE-ME
BIOGRAFIA
ESCS
ACTIVIDADES
OPINIÕES
16
ESTUDO LAYOUT
HOMEPAGE
HOJE
APTECE-ME
BIOGRAFIA
ESCS
ACTIVIDADES
OPINIÕES
17
PORMENOR BOTÕES
MOUSE HOVER BUTTON
SCROLL TO TOP
18
VERSÃO iPhone
VERTICAL
12:34 PM
HORIZONTAL
P TMN
Luís Nobre Botas
http://luisnobrebotas.com Google
P TMN 12:34 PM
HOMEPAGE
HOJE
APTECE-ME
HOJE
BIOGRAFIA
APTECE-ME
ACTIVIDADES
OPINIÕES
CONTACTOS
HOMEPAGE
BIOGRAFIA
ACTIVIDADES
OPINIÕES 3
CONTACTOS
19
VERSÃO BROWSER
HOMEPAGE
HOJE
APTECE-ME
BIOGRAFIA
ESCS
ACTIVIDADES
OPINIÕES
20
ROIREPUS ALOCSE
LAICOS OÃÇACINUMOC ED
1102 | BEW OIRÓTAROBAL

Luisbotas 5540

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Luisbotas 5540

Enviado por

Direitos autorais:

Formatos disponíveis

ESCOLA SUPERIOR

Esta página será também uma mais-valia, na

Na aba “ESCS”, estão reunidas todas as informações

No primeiro tema, descrevo resumidamente o que é o

aulasprojectos No último tema, irei destacar alguns pontos impor-

No tema “Actividades” irá surgir em primeiro lugar

fotografia internet acontece facebook e twitter.

WIREFRAMES No centro da homepage irei

WIREFRAMES As dimensões da página serão de

Nas três imagens em baixo, está

ESCOLA SUPERIOR DE COMUNICAÇÃO SOCIAL | LABORATÓRIO WEB | 2011

ESCOLA SUPERIOR DE COMUNICAÇÃO SOCIAL | LABORATÓRIO WEB | 2011

WIREFRAMES Neste primeiro separador irá ser

WIREFRAMES Os “headers” desta aba, bem como

AULAS AULAS AULAS

No curso de Audiovisual e Multimédia aprendo a resolver

NÚCLEOS NÚCLEOS PROJECTOS

DESTAQUES DESTAQUES NÚCLEOS

WIREFRAMES Existem novamente quatro

“headers” das actividades estarão

escritos em Courier New, 115 pt, e

O “slide show” surgirá com as

apresentará uma descrição da

fotografia, escrita em Courier New, 12

AMINATA AMINATA AMINATA

NEVE NEVE MOCAMFE

WIREFRAMES Em primeiro lugar, surgirá referên-

FONT: Courier New MÚSICA FONT: Courier New

Através de pequenos ícones

clicáveis estarão representadas as

um grande dia de trabalho” Partilho com vocês as que considero melhores

1 hour ago via Twiter

baixo. Este será o único conteúdo

que irá necessitar de um “scroll”

Os ícones terão a dimensão de

Orelha Negra - Since U’ve Been Gone

Pela genialidade dos planos, cortes,

FONT: Courier New

M.I.A - Born Free

Um dos realizadores mais

escolher as diferentes áreas da aba

INTERNET FONT: Courier New

A evolução do pensamento pedagógico e as inovações introduzidas pela República,

Preço dos bilhetes: Entrada Gratuita

WIREFRAMES Na página dos “Contactos”, o utili-

plataformas, basta clicar no ícone

Em relação à aba “ESCS”, os

AULAS CSS AULAS jQuery

a fechar-se com um novo click

(jQuery - abre e fecha div’s).

ACTiVIDADeS slide show (flash).

Em relação ao status do Twitter,

de JavaScript, assim como o

um grande dia de trabalho” Partilho com vocês as que considero melhores

“scroll” na página para cada con-

1 hour ago via Twiter

teúdo, ao carregarmos em cada um

No conteúdo de Vídeo, apenas irá

ser incluido um player vídeo do

Na “Internet”, estarão disponíveis

Pela genialidade dos planos, cortes,

Um dos realizadores mais

Em “Fotografia”, irá existir um