UFCD 21 Criação de sites webs D U R A Ç Ã O : 5 0 H O R A S

Tamanho: px
Começar a partir da página:

Download "UFCD 21 Criação de sites webs D U R A Ç Ã O : 5 0 H O R A S"

Transcrição

1 UFCD 21 Criação de sites webs 1 D U R A Ç Ã O : 5 0 H O R A S

2 Objectivos: 2 C R I A R D O C U M E N T O S E M H I P E R T E X T O D E S E N V O L V E R E A L O J A R U M S I T E N A I N T E R N E T

3 Conteúdos 3 I N T R O D U Ç Ã O À H Y P E R T E X T M A R K U P L A N G U A G E E L A B O R A Ç Ã O D E D O C U M E N T O S D E T E X T O E O U T R O S T I P O S D E F I C H E I R O S E M H T M L P A R A A W E B Servidores Elaboração de site Web Envio dos ficheiros para o servidor por ftp

4 Criação de um WebSite 4 Criarum websitede qualidade requer muito planeamento detalhado e cuidadoso.

5 O que faz de um site um verdadeiro site COERÊNCIA 5 O segredo para criar um website de sucesso está na simplicidade da percepção humana.

6 Determinar o tema de fundo 6 M U I T O A N T E S D E S E E S C O L H E R A S C O R E S, O S T I P O S D E L E T R A O U O G R A F I S M O D E F U N D O D O S I T E, É M U I T O I M P O R T A N T E E S C O L H E R O Q U A N T O A N T E S O T E M A D O S E U S I T E. O T E M A É A I D E I A Q U E U N E T O D O O C O N T E Ú D O D O S I T E.

7 Estabelecer limites ao conteúdo 7 É preciso definir os limites a não ultrapassar e os tópicos a não cobrir. Se quer tornar o seu site num local que as pessoas queiram visitar repetidamente terá de criar um site agradável.

8 Criar um site agradável 8 P A R A T O R N A R O S E U W E B S I T E N E M L O C A L A G R A D Á V E L E V I S I T Á V E L, E S T E D E V E R Á S E R A C T U A L I Z A D O P E L O M E N O S U M A V E Z P O R M Ê S. D A R L A R G A S À C R I A T I V I D A D E

9 Fontes online para o pensamento criativo W W W. B R A I N W A V E S. C O M 9 W W W. W E B S I T E T I P S. C O M / D E S I G N / C R E A T I V I T Y. S H T M L W W W. D R A W R I G H T. C O M W W W. F U N D E R S T A N D I N G. C O M / R I G H T _ L E F T _ B R A I N. C F M

10 Regras básicas para criar websites eficazes 10 Q U A L É A F I N A L I D A D E D O S E U S I T E? D I V U L G A R U M A C A U S A P R O C U R A R E M P R E G O V E N D E R G R A X A D E S A P A T O S Repare no verbo usado

11 Qual é o objectivo a atingir? 11 A F I N A L I D A D E D E U M S I T E C O R R E S P O N D E À M E T A Q U E O S I T E P R E T E N D E A L C A N Ç A R S I T E D E P I N G U I N S ( P Á G. 1 8 )

12 A quem se destina o site? 12 Que tipo de pessoas pretende que visitem o seu site? Que grupos geográficos ou culturais quer cativar? Se estiverem disponíveis para consulta alguns dados sobre o público-alvo de sites semelhantes convém analisá-los

13 O design do seu site 13 C A T I V A R O S E U P Ú B L I C O - A L V O Q U A N T O M A I S S O U B E R A C E R C A D E L E M E L H O R! E V I T A R A D E S O R D E M D E M A S I A D A S C O I S A S N O M E S M O L O C A L - Q U E R S E J A M B O A S O U M Á S - P O D E M A T R A P A L H A R M A I S D O Q U E A J U D A R.

14 14 As regras de ouro para planear o seu site Regra nº1 Regra nº2 Regra nº3 Regra nº4 A Web destina-se a estabelecer contacto com outras pessoas Mantenha as suas páginas Web leves e limpinhas Saiba quem são os seus visitantes e o que querem O website é seu, transmite a sua visão, façao a seu gosto

15 Examinar programas de criação de páginas Web 15 APARENTEMENTE QUALQUER PROGRAMA SERVE PARA CRIAR PÁGINAS WEB. PODE-SE UTILIZAR PROCESSADORES DE TEXTO (M. WORD) E PROGRAMAS ESPECÍFICOS DE CRIAÇÃO DE PÁGINAS WEB (ADOBE DREAMWEAVER, O AMAYA, HOTDOG). CADA PROGRAMA TEM OS SEUS PRÓPRIOS TRUQUES E NEM TODOS PRODUZEM CÓDIGO HTML LIMPO E DE QUALIDADE.

16 Existem dois tipos básicos de programas para criar páginas Web: 16 E D I T O R D E T E X T O P R O G R A M A W Y S I W I G ( W H A T Y O U S E E I S W H A T Y O U G E T ) E S T E T I P O D E P R O G R A M A S P E R M I T E - L H E D E S E N V O L V E R V I S U A L M E N T E A P Á G I N A W E B, E M V E Z D E T R A B A L H A R D I R E C T A M E N T E C O M O C Ó D I G O A T É O B T E R R E S U L T A D O S.

17 Editores HTML 17 Programa Arachnophilia CoffeeCup HTML Editor HotDog Professional HTML Assistant Pro Endereço Web

18 Programas WYSIWYG 18 Estes programas simplificam as fases iniciais de criação de websites para os utilizadores menos experientes. Programa Innova Studio Web Studio HotDog Page Wiz Whizzywig Endereço Web

19 O que é HTML? 19 A S PÁGINAS WEB SÃO CONSTITUÍDAS ESSENCIALMENTE POR INSTRUÇÕES ESCRITAS NA LINGUAGEM HYPERTEXT M ARKUP LANGUAGE ( HTML). O HTML É UMA LINGUAGEM DE PROGRAMAÇÃO SIMPLES, DESTINADA SOBRETUDO A UM BROWSER DA WEB, TAL COMO O M ICROSOFT INTERNET EXPLORER, QUE ASPECTO UMA PÁGINA WEB DEVERÁ TER NO ECRÃ.

20 A linguagem HTML é composta por elementos. 20 Um parágrafo ou uma imagem, por exemplo é um elemento Os elementos por sua vez são constituídos por tags,, atributos e por vezes conteúdo.

21 Tags 21 UMA TAG (OU MARCA) NÃO É MAIS DO QUE UM ESQUEMA DESCRITIVO QUE INDICA A UM BROWSER DA WEB A NATUREZA DO ELEMENTO EM QUESTÃO. <P> </P>. <IMG>

22 Tag de início 22 o início de cada elemento é identificado pelo nome desseelementoentresinaisdemenoremaior(<e>); a isto chama-se uma Tag de início. O início de um parágrafo, por exemplo, é identificado por<p>;seforumaimagemé <IMG>.

23 Tag de fim 23 o fim de um elemento é assinalado pela Tag de fim, à semelhança da tag de início, com excepção de a tag de fim conter uma barra antes do nome do elemento. Deste modo a tag de fim para um parágrafo é </P>. Alguns elementos como, por ex. IMG, não têmtagsdefim.

24 Atributos 24 Um atributo é uma modificação do elemento-base. <IMG width= 100 height= 30 >

25 Conteúdo 25 Consiste em tudo o que medeia entre a tag de início e a tagde fim <P>Este é o conteúdo deste parágrafo. </P>

26 Determinar a estrutura da sua página Web 26 Existem dois tipos básicos de estrutura de páginas Web: Normal Tem uma estrutura autónoma Frames Permitem colocar mais de uma página Web no ecrã ao mesmo tempo.

27 Página Web normal 27

28 Página Web com frames 28

29 Elementos normais Uma página Web normal dispõe de uma estrutura básica com 3 elementos: HTML HEAD BODY 29 O elementos HTML contém os elementos HEAD e BODY

30 <HTML> Exemplo: 30 <HEAD> </HEAD> <BODY> </BODY> </HTML> Pode-se criar uma página Web sem usar as tags HTML, HEAD e BODY, mas não é recomendável. Todo o código referente ao que é visível na página Web diz respeito ao elemento BODY. O elemento HEAD, contém informação como, por exemplo, o título da página, que fica entre as tags <TITLE> e </TITLE>

31 <HEAD> <TITLE> Este é o título da página. </TITLE> </HEAD> O título não aparece na página Web em si é apresentado na barra de título, na parte superior do browser da Web do visitante. 31

32 Parágrafos 32 Os elementos do parágrafo são usados habitualmente para colocar texto numa página Web. O texto é incluído entre as tags <P> e </P> como no exemplo seguinte: <P>É aqui que é colocado o conteúdo textual. </P> Esta tag não é necessário utilizá-la, no entanto a maioria dos programas de criação de páginas Web adiciona-as automaticamente.

33 Laboratório 1 1. Vamos começar a nossa primeira página HTML. Para isso vamos utilizar o Bloco de Notas do Windows como editor de textos para escrever as páginas em HTML O Bloco de notas está em: Iniciar todos os programas Acessórios Bloco de Notas

34 Laboratório 1 (cont.) Vamos de seguida configurar o bloco de notas para inserir uma quebra automática de linha Menu Formatar Quebra automática de linha

35 Laboratório 1 (cont.) Agora escreva o seguinte: <HTML> <HEAD> <TITLE>Faça um site HTML</TITLE> </HEAD> (linha em branco) <BODY> Olá amigo seja bem vindo </BODY> </HTML>

36 Laboratório 1 (cont.) Vamos guardar o documento: Menu Arquivo Salvar Como Guarde na pen numa pasta designada Laboratórios e dê o nome Lab1.htm Feche o Bloco de Notas 5. Para visualizar o resultado no seu navegador abra o Windows Explorer e dê um duplo clique com o botão esquerdo do rato sobre o ficheiro que guardou.

37 Atributos da tag BODY 37 Como viu no exemplo anterior o conteúdo inserido entre as tags <BODY> e </BODY> é exibido na janela principal do navegador. A tag <BODY> pode conter atributos que permitem alterar a aparência geral da página, tais como: cor de fundo, imagem de fundo, cor padrão para o texto que será exibido na página, etc.

38 Bgcolor Atributos da tag BODY (cont) 38 Define uma cor de fundo para a página. Se esse atributo for omitido, o navegador exibe a página de fundo padrão, normalmente branco ou cinza. Podemos definir as cores de 3 maneiras diferentes: Nome da cor em inglês (black, yellow, red, blue, etc.) Em hexadecimal (#FFFFFF, # etc.) RGB

39 Atributos da tag BODY (cont) 39 <BODY BGCOLOR= nome da cor > Exemplos: 1. <BODY BGCOLOR= yellow > 2. <BODY BGCLOR= FFFF00 > Este exemplo apresenta uma página com fundo amarelo.

40 Atributos da tag BODY (cont) 40 Tabela das cores básicas Aqua Black Blue Fuchsia (#00FFFF) (#000000) (#0000FF) (#FF00FF) Green Gray Lime Maroon (#008000) (#808080) (#00FF00) (#800000) Navy Olive Purple Red (#000080) (#808000) (#800080) (#FF0000) Silver Teal White Yellow (#C0C0C0) (#008080) (#FFFFFF) (#FFFF00)

41 Atributos da tag BODY (cont) 41 Text Define uma cor para o texto exibido em toda a página. <BODY TEXT= blue > ou <BODY TEXT= #0000FF >

42 Laboratório 2 Inserir atributos na tag <BODY> 4. Vamos abrir o documento lab1.htm do bloco de notas e altere a linha 5: <HTML> <HEAD> <TITLE>Faça um site HTML</TITLE> </HEAD> (linha em branco) <BODY BGCOLOR= #FFCC00 TEXT= > Olá amigo seja bem vindo </BODY> </HTML> 42 Guarde o trabalho e visualize-o com o Internet Explorer.

43 Laboratório 2 43 Os browsers da Web adicionam automaticamente algum espaço entre parágrafos. Se pretendermos adicionar espaço suplementar, podemos fazê-lo através do elemento de quebra de linha (BR): <P>Este é o 1º parágrafo.</p> <BR> <P>Este parágrafo. Tem um espaço acima.</p> Grave o ficheiro com o nome lab2.html

44 Títulos 44 O HTML usa o tamanho H1 (título maior) até ao H5 (tamanho de letra menor) Abra o laboratório 2 e acrescente o seguinte:. <H1>O site dos pinguins</h1> <P>Não sei se esta tema interessa a alguém, de qualquer forma vou falar sobre eles</p> <H2> Características dos Pinguins </H2>O <P>O que se pode dizer sobre eles? São uns animais pretos com uma gravata branca, vivem nas terras frias e gostam de peixe</p>

45 Tipos de letra 45 Os dois elelemntos mais usados para alterar o tipo de letra são o B (negrito) e I (itálico). <P> Escrita normal. <B> Escrita a negrito</b> <I> Escrita em itálico</i></p> Também se pode utilizar o elemento FONT para definir o tipo de texto (Arial, Times New Roman, etc.) bem como o tamanho e a cor desse tipo de letra.

46 Exemplo 46

47 Linhas 47 É P O S S Í V E L D E F I N I R A L A R G U R A D A S R É G U A S C O M O U M A P E R C E N T A G E M D A L A R G U R A D O E C R Ã O U C O M O U M V A L O R E X A C T O E M P I X É I S. O V A L O R P R E D E F I N I D O É %, P O R T A N T O S E N Ã O E S P E C I F I C A R M O S N E N H U M É E S S E Q U E S E R Á U S A D O. P A R A E S P E C I F I C A R M O S U M A L A R G U R A D E 5 0 %, T E R E M O S D E U S A R O S E G U I N T E C Ó D I G O : < H R W I D T H = 5 0 % > S E Q U I S E R M O S I N D I C A R P I X É I S F A R E M O S, < H R W I D T H = > P A R A D E F I N I R A A L T U R A F A R E M O S : < H R S I Z E = 6 >

48 Por predefinição a linha é sombreada. Para tornar uma linha sólida usase: <HR noshade> Exemplo: <HR> <HR WIDTH= 100% > <HR WIDTH= 50% > <HR WIDTH= 200 > <HR WIDTH= 400 > <SIZE= 10 > <HR SIZE= 6 NOSHADE> 48

49 Colorir C O L O C A Ç Ã O N O E L E M E N T O B O D Y 49 TEXT - cor do texto BGCOLOR - cor do fundo LINK cor dol ink não visitado VLINK cor do link visitado ALINK Cor do link em que alguém clica (o link activo) Exemplo: <BODY text= black BGCOLOR= White link= blue vlink= red alink= purple >

50 50 Criar Links Quando se fala em WWW, tudo se baseia em links ou hiperligações (que ligam os diferentes ficheiros) Cria-se um link com o elemento de âncora (A) Exemplo: <href= A parte assinalada com conteúdo indica o local preenchido com palavras ou imagens em que os utilizadores podem aceder ao ficheiro associado.

51 NOTA: 51 Os atributos bgcolor e text da tag Os atributos bgcolor e text da tag body foram desaprovados nas recomendações mais recentes do W3C para a linguagem HTML. A forma mais recomendada baseia-se na utilização de folhas de estilo CSS. Mais adiante vamos aprender os conceitos básicos da CSS.

52 Tag <META> 52 A TAG <HEAH> ALÉM DO TÍTULO PODE CONTER OUTRAS INFORMAÇÕES, TAIS COMO PASSAR INFORMAÇÕES PARA OS SITES DE BUSCA, A CTUALIZAR A UTOMATICAMENTE A PÁGINA NUM INTERVALO DE TEMPO DEFINIDO, ETC. ESSAS INFORMAÇÕES SÃO COLOCADAS NA TAG META.

53 Os campos >META> possuem 3 atributos principais: Name: indica um nome para a informação. http-equiv: faz uma correspondência com campos de cabeçalho do protocolo http. A informação contida nesse campo pode ser lida pelos navegadores e provocar algumas acções. Content: define o conteúdo. 53

54 Exemplo prático: <HEAD> <META http-equiv= content-type content= text/html; charset=iso > <META name= Keywords content= HTML, internet, web, livro > <TITLE> Faça um Site HTML</TITLE> <HEAD> A função Content-Type, indica o conjunto de caracteres usado pela A função Content-Type, indica o conjunto de caracteres usado pela página que está sendo exibida, fazendo com que o navegador exiba os caracteres especiais que estejam presentes no texto. Para garantir uma exibição correcta da língua portuguesa usamos o charset ISSO Neste caso, a tag <META> terá a sintaxe colocada em cima. 54

55 Laboratório 4 55 <H1>Texto do cabeçalho de nível 1 </H1>

56 Exemplo prático: Uma outra aplicação para o http-equiv é o Refresh que tem por objectivo fazer com56que o navegador execute uma determinada página após algum tempo preestabelecido. <META http-equiv= Refresh content= 5; URL=http.facaumsite.com.br > A homepage da série faça um site será exibida automaticamente após 5 segundos. O atributo name pode conter várias palavra-chave, sendo a mais comum KeyWords cuja função é ajudar os sites de busca. <META name= Keywords content= HTML, internet, web, livro > Em que as palavras de busca são: HTML, Internet, web e livro. Laboratório

57 Imagens Para colocar imagens na WWW, é preciso usar ficheiros de gráficos num de 3 formatos comuns: GIF, JPEG ou PNG. 57 E de onde vêm as Imagens? Podemos criá-las de raiz ou pode fazer download de ficheiros prontos a usar a partir de alguns websites indicados na tabela seguinte.

58 Fontes de ClipArt 58 Nome do Website Animation Arthouse Barry s ClipArt Server ClipArt Connection CoolArchive Free Clip Art Graphics Maps Endereço Web g art.htm

59 Imagens 59 Além do texto, há outro item muito comum nas páginas Web: a imagem, representada pelo elemento IMG. Para isso é necessário o atributo de origem (src) que especifica o nome e, se o ficheiro estiver numa localização diferente do directório onde se encontra o ficheiro HTML associado, a localização do ficheiro de gráficos. Assim, deve-se codificar a página do seguinte modo: <IMG src= seated16.jpg >

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

> Herbet Ferreira Rodrigues > contato@herbetferreira.com Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação

Leia mais

4 - HTML Básico: 4.2 - Criando documentos HTML:

4 - HTML Básico: 4.2 - Criando documentos HTML: 4 - HTML Básico: 4.1 - O que é HTML? Os documentos na Web são organizados com o uso de comandos que são interpretados pelos browsers. Estes comandos compõem a linguagem HTML (HyperText Markup Language).

Leia mais

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML

Leia mais

QUEM FEZ O TRABALHO?

QUEM FEZ O TRABALHO? Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome

Leia mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Conceitos de HTML Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Definição de HTML Linguagem de marcadores (tags).

Leia mais

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão 1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena

Leia mais

Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc

Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Dicas Importantes: - Sempre crie um diretório em seu computador e salve todos os arquivos que vai usar (imagens e paginas),

Leia mais

HTML. Conceitos básicos de formatação de páginas WEB

HTML. Conceitos básicos de formatação de páginas WEB HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto

Leia mais

André Kawamoto NE31A

André Kawamoto NE31A André Kawamoto NE31A Internet Internet: uma coleção de redes Todos os computadores conectados à Internet fazem parte de uma rede (rede local, rede doméstica) Rede de Redes Internet x WWW Internet e World

Leia mais

Tutorial de HTML. O que é HTML? Aprendendo

Tutorial de HTML. O que é HTML? Aprendendo Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma

Leia mais

Introdução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;

Leia mais

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz INTRODUCAO DESENVOLVIMENTO E DESIGN DE INTRODUÇÃO INTRODUÇÃO A linguagem HTML (Hipertext Markup Language Linguagem de Marcação de Hipertexto) é usada para divulgar páginas na World Wide Web, o serviço

Leia mais

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de

Leia mais

CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1

CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 ESCOLA ESTADUAL PROF. JOSÉ BARROSO TOSTES PROFESSOR: ESP. ANDREW RODRIGUES CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 1 APOSTILA DE INTRODUÇÃO À LINGUAGEM

Leia mais

Microsoft Office FrontPage 2003

Microsoft Office FrontPage 2003 Instituto Politécnico de Tomar Escola Superior de Gestão Área Interdepartamental de Tecnologias de Informação e Comunicação Microsoft Office FrontPage 2003 1 Microsoft Office FrontPage 2003 O Microsoft

Leia mais

Introdução ao HTML Hypertext Markup Language

Introdução ao HTML Hypertext Markup Language Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do

Leia mais

INTRODUÇÃO À PROGRAMAÇÃO

INTRODUÇÃO À PROGRAMAÇÃO Departamento de Informática INTRODUÇÃO À PROGRAMAÇÃO Apontamentos de (HyperText Markup Language) Prof. Carlos Pampulim Caldeira Évora, Março de 2003 ÍNDICE 1. O QUE É O?...1 1.1 INTRODUÇÃO...1 1.2 QUE

Leia mais

Algoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15

Algoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos

Leia mais

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual

Leia mais

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem

Leia mais

MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação

MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos

Leia mais

3.1.7. Definição do fundo da página

3.1.7. Definição do fundo da página 3.1.7. Definição do fundo da página 1 Definição do fundo da página A definição do fundo de uma página pode ser feita através da atribuição de uma cor ou de uma imagem Quando é feita através da utilização

Leia mais

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1

Leia mais

Web Design. Prof. Felippe

Web Design. Prof. Felippe Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre

Leia mais

Como criar uma página WEB

Como criar uma página WEB Como criar uma página WEB Utilização de comandos HTML Luís Manuel Borges Gouveia versão 1.1 Dezembro, 1996 Requisitos necessários para criar ou editar uma página Web um navegador (browser): Netscape ou

Leia mais

Introdução ao HTML 5 e Implementação de Documentos

Introdução ao HTML 5 e Implementação de Documentos Linguagem de Programação para Web Introdução ao HTML 5 e Implementação de Documentos Prof. Mauro Lopes 1-31 20 Objetivo Iremos aqui apresentar a estrutura básica de um documento HTML e iremos também apresentar

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

Leia mais

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção

Leia mais

Programação web Prof. Wladimir

Programação web Prof. Wladimir Programação web Prof. Wladimir HTML @wre2008 1 Sumário Histórico; Resumo XHTML; Tags; Edição de documentos HTML; Publicação de um documento; Estrutura básica de um documento HTML; Edição de documentos

Leia mais

Aula 4: Cores e Multimídia

Aula 4: Cores e Multimídia Aula 4: Cores e Multimídia Nesta quarta aula vamos entender os conceitos de cores na WEB. Veremos como definir a cor da página e dos textos. Aprenderemos a incluir recursos multimídia de som e vídeo em

Leia mais

CURSO CONSTRUÇÃO DE WEBSITES

CURSO CONSTRUÇÃO DE WEBSITES CURSO CONSTRUÇÃO DE WEBSITES Aline Michelle Ellen Oliveira Maria do Carmo Alves da Silva Patrícia Virgínia de Souza Magalhães Sueli Gonçalves da Silva APOSTILA DE INTRODUÇÃO À LINGUAGEM HTML HTML significa

Leia mais

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;

Leia mais

HTML. Sessão 1 HTML. Cliente: browser (IE, por exemplo) Servidor: IIS (Internet Information Server), Apache, WebSphere,...

HTML. Sessão 1 HTML. Cliente: browser (IE, por exemplo) Servidor: IIS (Internet Information Server), Apache, WebSphere,... Sessão 1 A INTERNET Baseada no modelo Cliente-Servidor Cliente: programa que pede informação Servidor: programa que envia a informação No caso da WWW: Cliente: browser (IE, por exemplo) Servidor: IIS (Internet

Leia mais

Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html

Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Tabela de dados Tabelas para alinhar texto Tabelas para conter

Leia mais

HyperText Markup Language HTML

HyperText Markup Language HTML HyperText Markup Language HTML Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução Linguagem de Marcação de Hipertexto. Uma

Leia mais

Web Design Aula 02: HTML

Web Design Aula 02: HTML Web Design Aula 02: HTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Introdução Conceitos HTML Primeira Página Identação Incluindo o título Salvando a página Vizualizando

Leia mais

Curso PHP Básico. Jairo Charnoski do Nascimento

Curso PHP Básico. Jairo Charnoski do Nascimento Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores

Leia mais

1 INTRODUÇÃO. Web é o diminutivo para World Wide Web.

1 INTRODUÇÃO. Web é o diminutivo para World Wide Web. 1 1 INTRODUÇÃO Antes de começarmos a trabalhar HTML, é necessário que se conheça alguns termos básicos que envolvem esta linguagem. Internet é um conjunto de pequenas redes de computadores, formando assim

Leia mais

Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira

Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA mario@deinf.ufma.br Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam

Leia mais

Profa. Reane Franco Goulart

Profa. Reane Franco Goulart Profa. Reane Franco Goulart A linguagem HTML (Hypertext Markup Language) tem o objetivo de formatar textos através de marcações especiais denominadas tags, para que possam ser exibidos de forma conveniente

Leia mais

Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br

Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br Desenvolvimento Web Saymon Yury C. Silva Analista de Sistemas http://www.saymonyury.com.br Vantagens Informação em qualquer hora e lugar; Rápidos resultados; Portabilidade absoluta; Manutenção facilitada

Leia mais

1.Introdução ao HTML página 04. 2.O que é o HTML página 05. 3.O que são tags HTML página 05. 4.Iniciando com HTML página 10

1.Introdução ao HTML página 04. 2.O que é o HTML página 05. 3.O que são tags HTML página 05. 4.Iniciando com HTML página 10 Apostila de Índice HTML 1.Introdução ao HTML página 04 2.O que é o HTML página 05 3.O que são tags HTML página 05 4.Iniciando com HTML página 10 5.Mais tags HTML página 12 6.Atributos página 14 7.Links

Leia mais

MINISTÉRIO DA EDUCAÇÃO

MINISTÉRIO DA EDUCAÇÃO MINISTÉRIO DA EDUCAÇÃO SECRETARIA DE EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DE SANTA CATARINA CAMPUS SÃO JOSÉ TECNICO EM TELECOMUNICAÇÕES REDES DE COMPUTADORES

Leia mais

Módulo: Criação de Páginas WEB

Módulo: Criação de Páginas WEB Módulo: Criação de Páginas WEB 50 Horas - Sessão 05/13 TEXTO ANIMADO O comando MARQUEE orienta o browser a definir o efeito de texto/imagem a passar no ecrã. Deve ser utilizado quando queremos dar destaque

Leia mais

Introdução a Tecnologia Web Desenvolvimento e Manutenção de Site

Introdução a Tecnologia Web Desenvolvimento e Manutenção de Site Tecnologia Educacional na Formação Profissionalizante de Jovens Introdução a Tecnologia Web Jovens do Saber Digital Inclusão Sócio-Digital Fortaleza - Ceará, Brasil Sumário 1. O que é a Internet? 2. O

Leia mais

Aplicação para Web I. Começando a compreender o HTML

Aplicação para Web I. Começando a compreender o HTML Aplicação para Web I Começando a compreender o HTML A Linguagem da WEB O HTML ou HyperText Markup Language linguagem universal compreendida pelos navegadores web (browsers) para a comunicação utilizando

Leia mais

Passa a passo para construir uma página pessoal - Parte 1

Passa a passo para construir uma página pessoal - Parte 1 Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):

Leia mais

Introdução. História. Como funciona

Introdução. História. Como funciona Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado

Leia mais

Roteiro 2: Conceitos de Tags HTML

Roteiro 2: Conceitos de Tags HTML Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias

Leia mais

Aula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme

Aula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Aula 1 Desenvolvimento Web Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Plano de Aula Ementa Avaliação Ementa Noções sobre Internet. HTML

Leia mais

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos.

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. 1 Índice 1 - INTRODUÇÃO 3 2 - TAGS 3 3 - EDITORES 3 4 - SALVANDO UMA PAGINA HTML 3 5 - INICIANDO UMA PÁGINA 3 6 - CONSTRUINDO

Leia mais

Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br

Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br Pg 1 Introdução... Pg 2 Exemplo completo... Pg 3 Passo 2... Pg 4 Hyperlinks e Texto dentro de uma caixa... Pg 5 Tag para cores e Tabelas... Pg 6 Formatar o Texto... Pg 7 Download... Pg 8 Frame... Pg 9

Leia mais

Introdução; Sintaxe; Utilizando estilos; Estilo In-line; Estilo Incorporado; Estilo Vinculado; Prioridade; Cores; Valores Relativos x Absolutos.

Introdução; Sintaxe; Utilizando estilos; Estilo In-line; Estilo Incorporado; Estilo Vinculado; Prioridade; Cores; Valores Relativos x Absolutos. Ana Paula Ambrósio Zanelato anapaula@unitoledo.br Disciplina: Aplicações para Web Conteúdo Introdução; ; Utilizando estilos; Estilo In-line; Estilo Incorporado; Estilo Vinculado; Prioridade; Cores; Valores

Leia mais

Ferramentas como, por exemplo, linhas de conexão, formas automáticas, sombras pendentes, WordArt, etc.

Ferramentas como, por exemplo, linhas de conexão, formas automáticas, sombras pendentes, WordArt, etc. Ambiente de trabalho Ambiente de trabalho Porquê criar páginas web? A World Wide Web é a melhor forma das pessoas comunicarem umas com as outras. Nos dias de hoje, é importante poder comunicar com outras

Leia mais

José Frazão. Página 2 de 19

José Frazão. Página 2 de 19 Página 2 de 19 Índice Página 1. Introdução 4 2. História e características 5 3. Sintaxe 5 3.1. Texto 7 3.2. Comandos básicos mais utilizados 8 3.3. Fundo (Backgrounds) e cores 10 3.4. Tabela de acentos

Leia mais

PDI 1 - Projeto e Design de Interfaces Web

PDI 1 - Projeto e Design de Interfaces Web Introdução a HTML e XHTML Elementos básicos parte 2 Professor: Victor Hugo L. Lopes Agenda: --Aprofundando nos elementos básicos do HTML; --Criando Hiperlinks em HTML; 2 Estrutura básica de um documento

Leia mais

Programação para a Web - I. José Humberto da Silva Soares

Programação para a Web - I. José Humberto da Silva Soares Programação para a Web - I José Humberto da Silva Soares Fundamentos de Internet Rede Mundial de Computadores; Fornece serviços, arquivos e informações; Os computadores que têm os recursos são chamados

Leia mais

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

Manual de conteúdos da Aula Técnicas de Implantação Departamento de Inovação, Ciência e Tecnologia Licenciatura em Informática Ramo Educacional Ano Lectivo 2006/2007 Manual de conteúdos da Aula Técnicas de Implantação GRUPO 2 N.º Aluno Licenciatura Nome

Leia mais

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe

Leia mais

Desenvolvimento em Ambiente Web. HTML - Introdução

Desenvolvimento em Ambiente Web. HTML - Introdução Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,

Leia mais

02 - Usando o SiteMaster - Informações importantes

02 - Usando o SiteMaster - Informações importantes 01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,

Leia mais

A estrutura de um documento HTML apresenta os seguintes componentes:

A estrutura de um documento HTML apresenta os seguintes componentes: A estrutura de um documento HTML apresenta os seguintes componentes: Titulo do Documento texto, imagem, links,... As etiquetas HTML não são sensíveis

Leia mais

Manual PowerPoint 2000

Manual PowerPoint 2000 Manual PowerPoint 2000 Índice 1. INTRODUÇÃO 1 2. DIRECTRIZES PARA APRESENTAÇÕES DE DIAPOSITIVOS 1 3. ECRÃ INICIAL 2 4. TIPOS DE ESQUEMA 2 5. ÁREA DE TRABALHO 3 5.1. ALTERAR O ESQUEMA AUTOMÁTICO 4 6. MODOS

Leia mais

OPERAÇÃO DE SOFTWARE E APLICATIVOS

OPERAÇÃO DE SOFTWARE E APLICATIVOS OPERAÇÃO DE SOFTWARE E APLICATIVOS 1 SUMÁRIO 1 INTRODUÇÃO A WEB... 4 1.1 O QUE É A WORLD WIDE WEB?... 4 1.2 COMO FUNCIONA A WWW?... 4 1.3 SERVIDORES WEB... 4 1.4 BROWSERS... 4 1.5 PADRÕES DA WEB... 5 1.6

Leia mais

HTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.).

HTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). HTML Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). Para se criar um novo documento HTML pode-se utilizar o Bloco de Notas, bastando para tal gravar o documento com

Leia mais

Roteiro de Estudos e Atividades Avaliativas HTML

Roteiro de Estudos e Atividades Avaliativas HTML Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar

Leia mais

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida).

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida). XHTML 1. Significado do Termo HTML (HyperText Markup Language Linguagem de Marcação de Hipertexto) é a linguagem na qual são feitas as páginas que irão compor um site da Internet. A versão mais recente

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Thunderbird e Terra Nesta terceira edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos do webmail

Leia mais

1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO

Leia mais

Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br)

Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Introdução A HyperText Markup Language e a Web No núcleo de toda página da Web, encontramos a HyperText Markup

Leia mais

Criação de páginas web

Criação de páginas web Criação de páginas web Alojamento web 1 Browsers Para aceder e/ou navegar a um site é necessário um programa (software) específico Este tipo de programa chama-se Browser (Navegador) Existem vários disponíveis

Leia mais

WEB DESIGN LAYOUT DE PÁGINA

WEB DESIGN LAYOUT DE PÁGINA LAYOUT DE PÁGINA Parte 3 José Manuel Russo 2005 17 Introdução A Cor é um factor importante em qualquer Web Site não só reforça a identificação de uma Empresa como o ambiente psicológico pretendido (calma,

Leia mais

Microsoft FrontPage - EXERCÍCIO 1

Microsoft FrontPage - EXERCÍCIO 1 - EXERCÍCIO 1 OBJECTIVO Planear uma página, criar e configurar paginas na web com o auxílio do Microsoft FrontPage e Criação de Hiperlinks. Introdução : Um Web site é um conjunto de páginas de informação

Leia mais

Manual de Administração Intranet BNI

Manual de Administração Intranet BNI Manual de Administração Intranet BNI Fevereiro - 2010 Índice 1. Apresentação... 3 2. Conceitos... 5 3. Funcionamento base da intranet... 7 3.1. Autenticação...8 3.2. Entrada na intranet...8 3.3. O ecrã

Leia mais

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN Sumário 1. Introdução...1 2. Tags...1 3. HTML...1 4. Cabeça, Corpo

Leia mais

Web Design Aula 01. No Caderno Responda as Questões abaixo

Web Design Aula 01. No Caderno Responda as Questões abaixo Aula 01 1 O que é Web Design? 2 Qual a diferença entre Web Design e Web Designer? 3 O que são Sites ou Páginas? Cite 3 tipos de Sites. 4 O que é um Navegador? 5 O que são Servidores e o que são Protocolos?

Leia mais

MÓDULO 1 - xhtml Básico

MÓDULO 1 - xhtml Básico MÓDULO 1 - xhtml Básico 1. Introdução xhtml significa Extensible Hypertext Markup Language (Linguagem de Marcação Hipertextual Extensível) e é a linguagem de descrição de documentos usada na World Wide

Leia mais

Programação e Designer para WEB

Programação e Designer para WEB Programação e Designer para WEB html Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com http://www.bolinhabolinha.com Apresentação Onde Estamos Introdução a hipertexto. A linguagem. Ambientes para programação

Leia mais

Os elementos básicos do Word

Os elementos básicos do Word Os elementos básicos do Word 1 Barra de Menus: Permite aceder aos diferentes menus. Barra de ferramentas-padrão As ferramentas de acesso a Ficheiros: Ficheiro novo, Abertura de um documento existente e

Leia mais

Tecnologia WEB I. Prof. Erwin Alexander Uhlmann. Dos princípios do HTML, estruturação com CSS e automação com Javascript

Tecnologia WEB I. Prof. Erwin Alexander Uhlmann. Dos princípios do HTML, estruturação com CSS e automação com Javascript 1 Tecnologia WEB I Prof. Erwin Alexander Uhlmann Dos princípios do HTML, estruturação com CSS e automação com Javascript UHLMANN, Erwin Alexander. Dos princípios do HTML, estruturação com CSS e automação

Leia mais

Cabeçalho do documento

Cabeçalho do documento Cabeçalho do documento O cabeçalho de uma página HTML fica dentro das Tags e , e dentro dessas Tags podemos usar Tags , , , , e etc. A Tag TITLE Por exemplo

Leia mais

Ensino I nterativo Universidade Anhembi Morumbi. Multimídia I

Ensino I nterativo Universidade Anhembi Morumbi. Multimídia I Ensino I nterativo Universidade Anhembi Morumbi Multimídia I Objetivo Mostrar o que é preciso para o desenvolvimento de um Projeto para Web, apresentando os primeiros conceitos de HTML. Tópicos 1. Etapas

Leia mais

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.

Leia mais

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.

Leia mais

Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/

Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/ Crie uma pasta (0) no ambiente de trabalho com o seu nome. Inicie o Internet Explorer através do: W O R K S H O P Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/

Leia mais

Oficina de Construção de Páginas Web

Oficina de Construção de Páginas Web COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Actividades de exploração Objectivo Explorar as funcionalidades essenciais do Programa, na perspectiva da construção/actualização

Leia mais

Oficina de Construção de Páginas Web

Oficina de Construção de Páginas Web COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Guião Páginas WWW com o editor do Microsoft Office Word 2003 1. Introdução. 2. Abrir uma página Web. 3. Guardar

Leia mais

Apostila Programador Web v3.0 Prof. Alexandre Unterstell alexunter@gmail.com www.alex.inf.br

Apostila Programador Web v3.0 Prof. Alexandre Unterstell alexunter@gmail.com www.alex.inf.br 1 Apostila Programador Web v3.0 Prof. Alexandre Unterstell alexunter@gmail.com www.alex.inf.br Antes de começar desenvolver um site na internet é importante que conheçamos alguns fatores importantes que

Leia mais

APOSTILA DE FRONTPAGE 2000

APOSTILA DE FRONTPAGE 2000 APOSTILA DE FRONTPAGE 2000 Pagina 1 de 14 Introdução A cada dia verificamos que a informação é uma ferramenta de extrema necessidade em qualquer negócio. Sabendo disto, diversas empresas investem em tecnologias

Leia mais

Manual do FrontPage 2002/XP. Com actividades. Baixa da Banheira, 2006 (Adaptado a partir do manual FrontPage 2002 do CCESEB)

Manual do FrontPage 2002/XP. Com actividades. Baixa da Banheira, 2006 (Adaptado a partir do manual FrontPage 2002 do CCESEB) MANUAL DO Com actividades Baixa da Banheira, 2006 (Adaptado a partir do manual FrontPage 2002 do CCESEB) 1 1. O que é FrontPage 2002 Um site i WWW ii envolve dois tipos de tarefas: a sua criação (tarefa

Leia mais

HTML Página 1. Índice

HTML Página 1. Índice PARTE - 1 HTML Página 1 Índice HTML A HISTÓRIA... 2 O COMEÇO E A INTEROPERABILIADE... 3 Primeira Página... 4 Entendendo seu código... 5 Abrindo o código fonte da sua página... 6 Comentários na página...

Leia mais

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

Objectivos. Conteúdos. Criar documentos em hipertexto. Desenvolver e alojar um site na Internet. CÓDIGO UFCD: 0768 Criação de Sites Web (50h) Objectivos Criar documentos em hipertexto. Desenvolver e alojar um site na Internet. Conteúdos Introdução à Hyper Text Markup Language Elaboração de documentos

Leia mais

OS LINKS Os termos que aparecem em destaque na página, geralmente sublinhados e em cores diferentes, são textos que indicam uma ligação hipertexto.

OS LINKS Os termos que aparecem em destaque na página, geralmente sublinhados e em cores diferentes, são textos que indicam uma ligação hipertexto. Apostila de web estático Prof. Eduardo 2 CAPÍTULO PADRÕES DE FUNDO Uma Home page pode conter uma textura como padrão de fundo, um arquivo no formato gif ou jpg, ou utilizar as cores do padrão RGB. A notação

Leia mais

HTML -- Criação de Home Page

HTML -- Criação de Home Page i.exe PPáággi innaa 1 INTERNET Uma rede convencional pode se conectar através de pontes ou gateways com outras redes. Quando a Internet surgiu o propósito inicial não era a conexão entre computadores,

Leia mais

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET Como Começar? Criação Páginas Apresentação Etapas Como começar Para que um site tenha sucesso é necessário um correcto planeamento do mesmo. Todos os aspectos de desenho de um site devem ser pensados de

Leia mais

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo Imagens ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo Imagens Índice

Leia mais

CRIAÇÃO DE SITES (AULA 4)

CRIAÇÃO DE SITES (AULA 4) Prof. Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 4) O que eu preciso para construir um link? Para construir um link você usa o que

Leia mais

Internet. Prof. Ricardo Argenton Ramos. www.univasf.ed.br/~ricardo.aramos

Internet. Prof. Ricardo Argenton Ramos. www.univasf.ed.br/~ricardo.aramos Internet Prof. Ricardo Argenton Ramos www.univasf.ed.br/~ricardo.aramos O que é Internet? A Internet é uma rede capaz de interligar todos os computadores do mundo. O que faz a Internet tão poderosa assim

Leia mais