TIC - CONSTRUO DE PGINAS WEB

Tcnicas de Implementao e Criao de Pginas WEB:

O que Internet ? A Internet consiste num conjunto de servidores (computadores) ligados entre si aos quais qualquer pessoa se pode ligar por modo a aceder informao e transferir dados de todo tipo existentes em qualquer um deles. Por vezes costuma-se dizer que uma rede de redes escala mundial. O que preciso para aceder internet ? Para aceder Internet precisa de ter um (COMPUTADOR) , um fornecedor internet (ISP) e um programa para aceder Internet que se chama browser ou navegador. Que "browsers" existem ? O mais divulgado o Internet Explorer e o mais usado a seguir o FireFox, safari, netscape. Alm de dever ter uma verso no muito antiga ter que ter ainda instalado um conjunto de ficheiros se pretender visualizar alguns contedos disponveis na Internet. Browser Programa de computador tambm conhecido como Navegador, tem como principal utilidade permitir a visualizao e interaco dos documentos ou pginas HTML (site). Site ou pgina Um site (ou website) um conjunto de pginas de informao disponveis na Internet. Pode conter todo o tipo de informaes em texto, imagem, animao e som e pode ser consultado a partir de qualquer local do mundo. URL Abreviatura de Universal Resource Locator o endereo de um recurso ou pgina da Internet. Pode ser um endereo de um site ou de um recurso como um arquivo ou uma impressora em uma rede corporativa, geralmente utiliza os protocolos HTTP , FTP, TCP, UDP entre outros. Protocolo Uma definio de normas para possibilitar a comunicao entre computadores diferentes e redes diferentes. Hiperlink Ou simplesmente Link uma referencia dentro de um documento ou pgina da Internet a outro documento. o elo de ligao entre as pginas da Internet. Podem aparecer associado a palavras ou imagens.
Nvel Secundrio professor. Jos Batista 10/11

Servidor Um servidor um computador que fornece servios a uma rede de computadores. Esses servios podem ser de diversa natureza, por exemplo, servidor de ficheiros, servidor de correio electrnico ou servidor WEB (disponibilizar as pginas HTML). Os computadores que acedem aos servios de um servidor so chamados clientes.

Home Page Pgina inicial de um site, tem o objectivo de apresentar e indicar as outras pginas que compem o mesmo. Webdesigner uma extenso de designer, profissional responsvel pela criao das pginas da Internet por meio de diversas reas de conhecimento alm do design, como programao por exemplo. Web Master Profissional responsvel pelo funcionamento, manuteno e segurana do Web Server. Colocao do site online, Programao, etc

Layout Layout um esboo mostrando a distribuio fsica, tamanhos de elementos como textos, grficos ou figuras num determinado espao. Pode ser apenas formas rabiscadas numa folha para depois realizar o projecto ou pode ser o projecto em fase de desenvolvimento. O que um domnio ? Um domnio corresponde a um nome e a um endereo na internet. Por exemplo, sapo.pt corresponde a um domnio na internet. Associado a um domnio temos um responsvel pelo domnio e um conjunto de contedo variado. Para se ter um domnio preciso registar o mesmo (a fim de no haver 2 domnios com o mesmo nome) e preciso ter o domnio alojado num servidor para permitir que as pessoas possam aceder informao que nele se encontra. O registo de um domnio pode custar at 15 euros por ano. Subdomnio Um subdomnio um endereo localizado dentro do seu endereo principal(Domnio). Exemplo de subdomnio vdeos.sapo.pt. Endereo Ip Na Internet, cada servidor possui um endereo nico (endereo IP), uma srie de nmeros separados por pontos; por exemplo o endereo do servidor Web do Sapo 213.13.146.140 que corresponde a sapo.pt

O que um endereo de email ? Um endereo de mail ou de correio electrnico um endereo atravs do qual possvel receber e enviar mensagens electrnicas podendo incluir ou no ficheiros diversos. Os endereos de mail tm um formato do tipo umnome@gmail.com . A parte antes da @ identifica o utilizador e a parte depois da @ identifica o domnio onde a conta de mail est alojada. O fornecedor de acesso internet normalmente oferece um endereo de Email. Existem muita forma de obter uns endereos gratuitos. Os mais divulgados so o Hotmail.com e gmail.com.
Nvel Secundrio 2 professor. Jos Batista 10/11

O que preciso para ter um Site na Internet: 1- Desenvolver a pgina - Ao desenvolver o layout da pgina preciso ter em conta: ia geral da funo do site; e navegao; relevantes; 2- Ter um alojamento (pode alugar um servidor online, criar o prprio servidor, ou arranjar um grtis) 3- Registar um domnio (.com,.net,.org,.pt,.tv,etc) ou arranjar um sub-domnio grtis

Factores a ter em conta na implementao do site , os mais importantes so: gias escolhidas para a construo do site: HTML = mais rpido; Flash = mais lento o ideal conjugar as duas tecnologias A informao deve estar organizada tendo em ateno a sua importncia . Utilizar um vocabulrio simples e disponibilizar apenas a informao necessria evitando redundncias . As cores a utilizar e os efeitos grficos devem ser escolhidos com muito cuidado. de imagem e optimizao de imagem utilizada, se as imagens forem mal optimizadas, tornaro o site mais lento , vdeos, musicas, animaes ou misto) mais lento o site e mais difcil reteno pelo utilizador altura, o site ser mais lento, enquanto que se as pginas estiverem j geradas o site ser mais rpido. largura de banda significativa para que no hajam congestionamentos po de servio de acesso: muitas vezes o servio de acesso internet utilizado (ISP), tambm 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 adaptao do utilizador pgina web) - Amigabilidade (caractersticas desejveis no interface entre o utilizador e a pgina web) Ser de fcil aprendizagem, permitir uma utilizao eficiente e apresentar poucos erros, so os aspectos fundamentais para a percepo da boa usabilidade por parte do utilizador. Mas a usabilidade pode ainda estar relacionada com a facilidade de ser memorizada e ao nvel de satisfao do utilizador

Nvel Secundrio

professor. Jos Batista 10/11

LINGUAGENS DE PROGRAMAO Que correm no cliente (Browser): - HTML a linguagem de formatao tradicional usada para criar pginas WEB com programao de hypertexto (documento com palavras ou imagens que levam para outras pginas com um clique). - DHTML Dynamic HTML, ou DHTML, a unio das tecnologias HTML , Javascript e CSS para permitir que uma pgina Web seja modificada dinamicamente na prpria mquina cliente, sem necessidade de novos acessos ao servidor web. - JAVASCRIPT uma linguagem de programao criada pela Netscape para atender, principalmente, as seguintes necessidades: * validao de formulrios no lado cliente (programa navegador);* interao com a pgina. Esta linguagem utilizada, por exemplo, para dar movimento a imagens ou criar botes que respondem a clicks do rato. - CSS Cascading Style Sheets ou CSS so estilos para pginas web e envolvem um conceito inovador: possibilitam a mudana da aparncia simultnea de todas as pginas relacionadas com o mesmo estilo. - Jscript, xml, ajax, etc

Que correm no servidor: - PHP (um acrnimo recursivo para "PHP: Hypertext Preprocessor") uma linguagem de programao de computadores interpretada, livre e muito utilizada para gerar contedo dinmico na Web. Por exemplo para ligar a base de dados e e manipular a sua informao, formulrios, etc. - ASP.NET Active Server Pages: so pginas criadas dinamicamente pelo servidor Web. Quando um browser solicita uma pgina do tipo ASP, o servidor constri uma pgina HTML e envia-a ao browser. A diferena entre uma pgina ASP e um documento HTML clssico, que o segundo corresponde a um documento esttico, que j se encontra no servidor no formato que ser exibido no navegador. JAVA CGI PERL COLDFUSION etc

Nvel Secundrio

professor. Jos Batista 10/11

EDITORES DE PGINAS WEB: - Frontpage O Microsoft Frontpage considerado um dos melhores programas na criao e edio de Web Sites. - Dreamweaver Programa O Macromedia Dreamweaver um editor profissional que cria e gere pginas Web. Com este programa fcil criar e editar pginas compatveis com diversos navegadores e plataformas usando ferramentas avanadas 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 possvel manipular as imagens de todas as maneiras possveis trabalhando com as mais utilizadas extenses de arquivos grficos. - Coreldraw O Coreldraw um programa grfico que gera desenhos vectoriais. Ele cria imagens usando formas de objectos armazenados internamente como equaes matemticas (vector), bem diferente das aplicaes que utilizam bitmap, uma imagem composta pr uma srie de pontos. - Paint Shop pr, etc

EDITORES E ANIMADORES GRFICOS E VDEO: - FLASH O Macromedia Flash um software de criao de animaes dimensionveis e interactivas para a Web. possvel criar logtipos com animao e com controles direccionveis para navegao em Web Sites. Com a utilizao do flash a interactividade com o utilizador torna-se um grande atractivo . - Ulead GIF Animator O Ulead GIF Animator um software de produo de imagens animadas. a ferramenta que permite manipular imagens do tipo GIF Animado. - PHOTOSTORY o Microsoft photostory d para criar vdeos a partir de imagens - MOVIE MAKER o Windows movie maker da para criar e editar vdeos - ADOBE PREMIERE , ETC

FERRAMENTAS E UTILITRIOS: - WS_FTP O programa WS Ftp faz a conexo com o servidor FTP. Programa cliente utilizado para transferir o site para o servidor. - PUTTY O software PUTTY fornece as potencialidades da transferncia segura na Shell (SSH) e telnet.

Nvel Secundrio

professor. Jos Batista 10/11