Professor: João Macedo

Documentos relacionados
MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web

Disciplina: Sistemas de Informação. Módulo nº2 Linguagem de Programação I

Instalação e Manutenção de Microcomputadores

Web. Web. Web. Web. Unidade 4. Conceitos básicosb. Publicação. Web: Frontpage Programa de animação gráfica. Programa de edição

Didáxis Didáxis -- Escola Cooperativa de Va Escola Cooperativa de V le S C. os o me Cosme Módulo 3 Criação de Páginas W eb Web.

Dreamweaver CC_15x21.indd 1 06/04/ :04:22

Web. Técnico de Organização de Eventos Módulo III Criação de Páginas Web. Técnico de Organização de Eventos

Programação para Internet I

Tecnologias de Desenvolvimento de Páginas web

Objectivos. Conteúdos. Criar documentos em hipertexto. Desenvolver e alojar um site na Internet.

Escrever scripts de PHP com HTML

Centro de Emprego e Formação Profissional de Faro Curso Profissional de Técnico/a de Multimédia (EFA - NS)

Introdução a Web. Programação para a Internet. Prof. Vilson Heck Junior

Mestrado em Engenharia Física Tecnológica

Programação para Internet I

Pesquisa e análise de informação

INTRODUÇÃO A PROGRAMAÇÃO PARA WEB

INTRODUÇÃO À TECNOLOGIA DA INFORMAÇÃO TIPOS DE ARQUIVOS PROFESSOR CARLOS MUNIZ

A Internet 7 Criação de Páginas Web

CURSO PROFISSIONAL Técnico Auxiliar de Saúde - PLANIFICAÇÃO 2016/2017 DISCIPLINA - TIC

Guia acessibilidade. Pode encontrar as Directivas para a acessibilidade do conteúdo da Web no endereço <

HTML: INTRODUÇÃO TAGS BÁSICAS

Programação para Web

PLANIFICAÇÃO MODULAR Ano Letivo 2016/2017

DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora).

Plano de Aula - DreamWeaver CC - cód Horas/Aula

ESCOLA SECUNDÁRIA MANUEL DA FONSECA, SANTIAGO DO CACÉM GRUPO DISICPLINAR - Informática ANO: 10º TICP ANO LECTIVO: 2008/2009 p.1/6

Tecnologias da Informação e Comunicação 10ºano

Figura 1 - Uma possível forma de acesso à informação compartilhada.

Tecnologias da Informação e Comunicação 10ºano

Tutorial C# - O que é o WPF (Windows Presentation Foundation)

TECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML

André Gonçalo Faria Queda

Criação de Páginas Web MÓDULO 3

Ivan Soares Ferrer. Dados de Contato. Objetivo Profissional. Formação. 35 Anos, Brasileiro, Casado. Trabalhar como desenvolvedor Web

Informática INTERNET

7º ano Ano letivo 2015/2016. Artur Ramísio

Nesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP

Cadeira de Tecnologias de Informação. Ano lectivo 2009/2010. Sites dinâmicos. Com Expression Web TI2009/10 EWD_1. Filipa Pires da Silva (2009)

Redes de Computadores

Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho

Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora).

O CMS JOOMLA! UM GUIA PARA INICIANTES

AVISO Nº 02 - RETIFICAÇÃO. A Companhia de Processamento de Dados do Estado do Rio Grande do Sul PROCERGS, torna público, por este Aviso, o que segue:

Rui Carneiro, Rui Pereira, Tiago Orfão

<HTML> Vinícius Roggério da Rocha

qwertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwertyuio pasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjk

PLANIFICAÇÃO MODULAR

Programação para Internet I. Fernando F. Costa

Instalação, Configuração e Operação em Redes Locais e Internet

INTERNET. Definição. Rede internacional de computadores que permite comunicação e transferência de dados entre outros serviços.

CEF 2 PLANIFICAÇÃO ANUAL. Instalação e Configuração de. Computadores em Redes Locais e à Rede Internet. Ano Letivo 2012/2013

Universidade do Algarve

A Web, o Design, o Software Livre e outras histórias... Eduardo Santos -

Licenciatura em Computação Computação Gráfica X3D - Aula 1 (atualizada em 26fev2016)

UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues

Alexandre S. Spengler Monica C. Lima Antônio José Resende

UNIVERSIDADE LUSÍADA DE LISBOA. Programa da Unidade Curricular SISTEMAS MULTIMÉDIA Ano Lectivo 2010/2011

Web Presentation Patterns - Controllers

web marketing 2.0 Publicidade e Marketing Aula 2

INTRODUÇÃO ÀS APLICAÇÕES PARA WEB

Gestão de Pessoas. Professor: Itair Pereira da Silva

PLANIFICAÇÃO ANUAL DE CONTEÚDOS

Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora).

INTRODUÇÃO A PROGRAMAÇÃO AVANÇADA PARA WEB E AO HTML. Prof. Msc. Hélio Esperidião

Manual de conteúdos da Aula Técnicas de Implantação

Plano de Aula - Dreamweaver CS5 - cód Horas/Aula

Q-FL. Introdução. Dispensador Manual. Dispensador de Botões

Curso online de. Formação em Front-End. Plano de Estudo

Aquisição e Tratamento de Imagem Estática (Mapa de Bits) Tecnologias da Informação e Comunicação

IFSC/Florianópolis - Prof. Herval Daminelli

I&DT na área das Tecnologias da Informação e Comunicação

TELEMÉDIA. Licenciatura em Comunicação Social 4º ano 2006/2007

15/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I DISCIPLINA

Aplicações Informáticas A

CURSO PROFISSIONAL DE TÉCNICO DE MULTIMÉDIA

AS TIC no Agrupamento de Escolas de Albufeira

IFSC/Florianópolis - prof. Herval Daminelli

Tabela de Publicidade On-line 2009

Curso Online de E-commerce. Plano de Estudo

Programação para Internet

WWW - World Wide Web

2.4 Principais estilos de interacção

Design: estrutura e estética

MULTIMÍDIA E CARTOGRAFIA

Construção de sites Aula 1

REFERENCIAL DE RVCC PROFISSIONAL

Curso: Especializado Web Design

Componente Específica Informática (4200) 2014/2015

03/12/2014. Prof. Fabiano Taguchi. (66) FERRAMENTAS PARA AUTORIA

VISÃO GERAL. Faça a gestão da segurança de rede até 250 postos através de uma consola baseada na cloud.

TOP 10 Melhores Editores de texto para programadores

Interatividade. Limitado Reativa Coativa. Alargado Coativa Proativa

Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues

Browser é um programa desenvolvido para permitir a navegação pela web, capaz de processar diversas linguagens, como HTML, ASP, PHP.

Transcrição:

Programação Páginas Web O HTML (HyperText Markup Language) é a linguagem mais utilizada para criar páginas Web com hipertexto. Utilizando a linguagem HTML podemos criar páginas em que certos itens (palavras e/ou imagens) contêm uma ligação (link) a outra zona da mesma página ou a outros documentos.

Programação Páginas Web Para além do HTML, existem outras linguagens, tais como: DHTML (Dynamic HTML) linguagem de HTML dinâmico, que inclui recursos interactivos para criar páginas Web. Utilizam-se cada vez mais scripts de programação, tais como o JavaScript. VRML (Virtual Reality Modeling Language) linguagem para a modelação de realidade virtual, que permite, através de elementos geométricos, apresentar ambientes tridimensionais ou virtuais.

Programação Páginas Web XML (EXtensible Markup Language) linguagem de marcação de dados que prevê um formato para descrever dados estruturados e facilita declarações mais precisas do conteúdo. Enquanto o HTML permite descrever a aparência dos dados, o XML permite definir o significado dos dados.

Programação Páginas Web Entretanto com o surgimento de novas necessidades de interacção com o utilizador, a que as simples e estáticas páginas HTML não conseguiam responder, surgiram linguagens que permitem a troca de informação entre o cliente e o servidor onde a informação original está alojada, como por exemplo, o ASP (Active Server Pages) e o PHP (Hypertext PreProcessor).

Editores Páginas Web Estas ferramentas permitem a criação de web sites com um aspecto profissional sem ser necessário dominar nenhuma linguagem de programação. Exemplos: Microsoft SharePoint Designer; Adobe Dreamweaver; Kompozer.

Editores de imagens e efeitos especiais São programas que tem como objectivo facilitar a alteração e criação de imagens digitais. Exemplos: GIMP; CorelDRAW; Photoshop.

Editores e programas de animação gráfica Flash Software que oferece recursos surpreendentes para criar web sites apelativos, abrangentes e interactivos. Esta ferramenta permite criar logótipos com animação e com controlos direccionáveis para navegação em web sites; Ulead GIF animator - É um programa de produção de imagens animadas (GIF s animados) desenvolvido pela ULEAD Systems; Ulead Cool 3D É um software também desenvolvido pela ULEAD Systems que permite gerar animações tridimensionais, permitindo incluir nas páginas web, de uma forma muito simples, títulos, logótipos e gráficos animados.

Ferramentas e utilitários Depois de concluído o web site, é necessário colocá-lo na Internet para que possa ser acedido por muitos utilizadores. Esta operação consiste na colocação de todos os ficheiros que o constituem num servidor. O FTP (File Transfer Protocol) é o protocolo utilizado para a transferência de ficheiros na Internet. Existem diversos programas que permitem implementar este protocolo, como o FileZilla e o CuteFTP.

Ferramentas e utilitários Para transferir um site para o servidor, é preciso a identificação de utilizador e a palavra-passe. O Explorador do Windows permite a execução de FTP directamente, sem necessidade de recorrer a outro software específico.

Criação de páginas web Princípios gerais a ter em conta quando se cria uma página para a Web: 1. A página de entrada: É frequente ser de apresentação institucional. 2. Fontes: Devem escolher-se fontes como o Arial e o Verdana para visualizações no ecrã e o Times New Roman para impressões. Relativamente ao tamanho, os mais adequados são: 2 (10 pontos) para texto, 3 (12 pontos) para subtítulos e 4 (14 pontos) para títulos. 3. Cores: Deve existir contraste entre o texto e o fundo. Não se deve usar um número excessivo de cores.

Criação de páginas web 4. Imagens: Apresentá-las com o mínimo tamanho (em bytes) possível. Optimizar a imagem, de preferência nos formatos JPG, GIF e PNG. Não se deve abusar de GIF s animados. 5. Vídeo e Áudio: Deve incluir-se sempre o tamanho dos ficheiros e indicar o plug-in necessário para ver / ouvir / manipular o ficheiro.

Criação de páginas web 6. Molduras: Usar no caso de haver conteúdos fixos e de controlo de navegação. 7. Tabelas: As tabelas com bordo 0 (zero) são excelentes para fixar larguras e/ou comprimentos, pelo que devem ser utilizadas para misturar imagens e texto.

Planeamento de um sítio web Antes de iniciar a criação de um site para a Web, é necessário planeá-lo. Qual o objectivo da página? A quem se dirige? Que informação deve conter? Que recursos gráficos são necessários? Que estilo de página é mais adequado?