Este documento fornece uma introdução abrangente aos conceitos e ferramentas fundamentais para o desenvolvimento de sites e aplicações multimídia, incluindo definições de servidores, web designers, web developers, layouts, domínios, endereços IP e de email. Também discute fatores importantes para implementação de sites e linguagens de programação do lado do cliente e servidor.
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Alguns conceitos web
1. Técnico de Multimédia – Nivel IV Tipologia Educação e Formação de Jovens: EFJ - TIPO 7
Projecto de uma aplicação multimédia interactiva FFOORRMMAADDOORR:: JJOOSSÉÉ BBAATTIISSTTAA
Alguns Conceitos
Servidor
Um servidor é um computador que fornece serviços a uma rede de computadores.
Esses serviços podem ser de diversa natureza, por exemplo, servidor de ficheiros,
servidor de correio electrônico ou servidor WEB (disponibilizar as páginas HTML).
Os computadores que acedem aos serviços de um servidor são chamados clientes.
Web designer
É uma extensão de designer, profissional responsável pela criação das páginas da
Internet por meio de diversas áreas de conhecimento além do design, como
programação por exemplo.
Web Master
Profissional responsável pelo funcionamento, manutenção e segurança do Web
Server. Colocação do site online, Programação, etc
Web Developer
responsável pela programação avançada das páginas da Internet com fortes
conhecimentos de programação e desenvolvimento de base de dados
Layout
Layout é um esboço mostrando a distribuição física, tamanhos de elementos como
textos, gráficos ou figuras num determinado espaço. Pode ser apenas formas
rabiscadas numa folha para depois realizar o projecto ou pode ser o projecto em
fase de desenvolvimento.
O que é um domínio ?
Um domínio corresponde a um nome e a um endereço na internet. Por exemplo,
sapo.pt corresponde a um domínio na internet. Associado a um domínio temos um
responsável pelo domínio e um conjunto de conteúdo variado. Para se ter um
domínio é preciso registar o mesmo (a fim de não haver 2 domínios com o mesmo
nome) e é preciso ter o domínio alojado num servidor para permitir que as pessoas
possam aceder à informação que nele se encontra.
O registo de um domínio pode custar até 15 euros por ano.
Subdomínio
Um subdomínio é um endereço localizado dentro do seu endereço
principal(Domínio).
Exemplo de subdomínio vídeos.sapo.pt.
2. Técnico de Multimédia – Nivel IV Tipologia Educação e Formação de Jovens: EFJ - TIPO 7
Projecto de uma aplicação multimédia interactiva FFOORRMMAADDOORR:: JJOOSSÉÉ BBAATTIISSTTAA
Endereço Ip
Na Internet, cada servidor possui um endereço único (endereço IP), uma série de
números separados por pontos; por exemplo o endereço do servidor Web do Sapo
é 213.13.146.140 que corresponde a sapo.pt
O que é um endereço de email ?
Um endereço de mail ou de correio electrónico é um endereço através do qual é
possível receber e enviar mensagens electrónicas podendo incluir ou não ficheiros
diversos.
Os endereços de mail têm um formato do tipo umnome@gmail.com . A parte antes
da @ identifica o utilizador e a parte depois da @ identifica o domínio onde a conta
de mail está alojada.
O fornecedor de acesso à internet normalmente oferece um endereço de Email.
Existem muita forma de obter uns endereços gratuitos. Os mais divulgados são o
Hotmail.com e gmail.com.
O que é preciso para ter um Site na Internet:
1- Desenvolver a página
- Ao desenvolver o layout da página é preciso ter em conta:
navegação;
2- Ter um alojamento (pode alugar um servidor online, criar o próprio
servidor, ou arranjar um grátis)
3- Registar um domínio (.com,.net,.org,.pt,.tv,etc) ou arranjar um sub-
domínio grátis
3. Técnico de Multimédia – Nivel IV Tipologia Educação e Formação de Jovens: EFJ - TIPO 7
Projecto de uma aplicação multimédia interactiva FFOORRMMAADDOORR:: JJOOSSÉÉ BBAATTIISSTTAA
Factores a ter em conta na implementação do site , os mais importantes
são:
lhidas para a construção do site: HTML = mais rápido; Flash =
mais lento o ideal é conjugar as duas tecnologias
A informação deve estar organizada tendo em atenção a sua importância .
Utilizar um vocabulário simples e disponibilizar apenas a informação necessária
evitando redundâncias .
As cores a utilizar e os efeitos gráficos devem ser escolhidos com muito cuidado.
de imagem e optimização de imagem utilizada, se as imagens forem mal
optimizadas, tornarão o site mais lento
ade de conteúdos por página, quanto mais conteúdo (texto, imagem,
vídeos, musicas, animações ou misto) mais lento o site e mais difícil retenção pelo
utilizador
geradas na altura, o site será mais lento, enquanto que se as páginas estiverem já
geradas o site será mais rápido.
tenha uma largura de banda significativa para que não hajam congestionamentos
(ISP), também pode influenciar, pois há ISPs com mais banda para alguns
servidores e menos para outros.
Usabilidade do site que está relacionada aos estudos de:
- Ergonomia do site(regras de adaptação do utilizador á página web)
- Amigabilidade (características desejáveis no interface entre o utilizador e a
página web)
Ser de fácil aprendizagem, permitir uma utilização eficiente e apresentar poucos
erros, são os aspectos fundamentais para a percepção da boa usabilidade por parte
do utilizador.
Mas a usabilidade pode ainda estar relacionada com a facilidade de ser memorizada
e ao nível de satisfação do utilizador
4. Técnico de Multimédia – Nivel IV Tipologia Educação e Formação de Jovens: EFJ - TIPO 7
Projecto de uma aplicação multimédia interactiva FFOORRMMAADDOORR:: JJOOSSÉÉ BBAATTIISSTTAA
LINGUAGENS DE PROGRAMAÇÃO
Que correm no cliente (Browser):
- HTML É a linguagem de formatação tradicional usada para criar páginas WEB com
programação de hypertexto (documento com palavras ou imagens que levam para
outras páginas com um clique).
- DHTML Dynamic HTML, ou DHTML, é a união das tecnologias HTML , Javascript e
CSS para permitir que uma página Web seja modificada dinamicamente na própria
máquina cliente, sem necessidade de novos acessos ao servidor web.
- JAVASCRIPT é uma linguagem de programação criada pela Netscape para
atender, principalmente, as seguintes necessidades: * validação de formulários no
lado cliente (programa navegador);* interação com a página. Esta linguagem é
utilizada, por exemplo, para dar movimento a imagens ou criar botões que
respondem a clicks do rato.
- CSS Cascading Style Sheets ou CSS são estilos para páginas web e envolvem um
conceito inovador: possibilitam a mudança da aparência simultânea de todas as
páginas relacionadas com o mesmo estilo.
- Jscript, xml, ajax, etc…
Que correm no servidor:
- PHP (um acrónimo recursivo para "PHP: Hypertext Preprocessor") é uma
linguagem de programação de computadores interpretada, livre e muito utilizada
para gerar conteúdo dinâmico na Web. Por exemplo para ligar a base de dados e e
manipular a sua informação, formulários, etc.
- ASP.NET Active Server Pages: são páginas criadas dinamicamente pelo servidor
Web. Quando um browser solicita uma página do tipo ASP, o servidor constrói uma
página HTML e envia-a ao browser. A diferença entre uma página ASP e um
documento HTML clássico, é que o segundo corresponde a um documento estático,
que já se encontra no servidor no formato que será exibido no navegador.
- JAVA
- CGI
- PERL
- COLDFUSION
- etc
5. Técnico de Multimédia – Nivel IV Tipologia Educação e Formação de Jovens: EFJ - TIPO 7
Projecto de uma aplicação multimédia interactiva FFOORRMMAADDOORR:: JJOOSSÉÉ BBAATTIISSTTAA
EDITORES DE PÁGINAS WEB:
- Frontpage O Microsoft Frontpage é considerado um dos melhores programas na
criação e edição de Web Sites.
- Dreamweaver Programa O Macromedia Dreamweaver é um editor profissional
que cria e gere páginas Web. Com este programa é fácil criar e editar páginas
compatíveis com diversos navegadores e plataformas usando ferramentas
avançadas de desenho e layout.
- HTML-KIT
- Notepad (bloco de notas)
EDITORES DE IMAGENS:
- Adobe Photoshop O Adobe Photoshop é o editor de imagens mais utilizado pelos
webdesigners profissionais. Com ele é possível manipular as imagens de todas as
maneiras possíveis trabalhando com as mais utilizadas extensões de arquivos
gráficos.
- Coreldraw O Coreldraw é um programa gráfico que gera desenhos vectoriais.
Ele cria imagens usando formas de objectos armazenados internamente como
equações matemáticas (vector), bem diferente das aplicações que utilizam bitmap,
uma imagem composta pôr uma série de pontos.
- Paint Shop pró, etc
EDITORES E ANIMADORES GRÁFICOS E VÍDEO:
- FLASH O Macromedia Flash é um software de criação de animações
dimensionáveis e interactivas para a Web. É possível criar logótipos com animação
e com controles direccionáveis para navegação em Web Sites. Com a utilização do
flash a interactividade com o utilizador torna-se um grande atractivo .
- Ulead GIF Animator O Ulead GIF Animator é um software de produção de
imagens animadas. É a ferramenta que permite manipular imagens do tipo GIF
Animado.
- PHOTOSTORY o Microsoft photostory dá para criar vídeos a partir de imagens
- MOVIE MAKER o Windows movie maker da para criar e editar vídeos
6. Técnico de Multimédia – Nivel IV Tipologia Educação e Formação de Jovens: EFJ - TIPO 7
Projecto de uma aplicação multimédia interactiva FFOORRMMAADDOORR:: JJOOSSÉÉ BBAATTIISSTTAA
- ADOBE PREMIERE , ETC
FERRAMENTAS E UTILITÁRIOS:
- WS_FTP O programa WS Ftp faz a conexão com o servidor FTP. Programa cliente
utilizado para transferir o site para o servidor.
- PUTTY O software PUTTY fornece as potencialidades da transferência segura na
Shell (SSH®) e telnet.