2 HTML Inserindo objetos

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

Download "2 HTML Inserindo objetos"

Transcrição

1 2 HTML Inserindo objetos Vinicius A. de Souza São José dos Campos,

2 Sumário Desenvolvimento Web Imagem...3 Links...5 Links para locais da mesma página...6 Áudio e vídeo...8 Som de fundo...8 Player de áudio/vídeo...8 Atributos da tag <EMBED>...9 Letreiro...9 Principais atributos da tag <MARQUEE>...9 Atividade A Marquee com fotos...13 Atividade B - Menu flutuante...14 Atividade C Desenvolvimemento de site...14 São José dos Campos,

3 Imagem A tag utilizada para inserirmos uma imagem em uma página web é <IMG>, onde necessitaremos também do atributo SRC para fornecer o endereço (diretório) da imagem. Sua sintaxe geral é: <IMG SRC= endereço da imagem.extensão ></IMG> No exemplo abaixo, colocamos uma imagem chamada choque.gif na página web. Certifique-se de que esta imagem existe e está localizada no mesmo diretório que a página. <HEAD> <TITLE> Desenvolvimento Web</TITLE> <H2>Colocando imagem</h2> <IMG SRC= choque.gif ></IMG> Os atributos que poderão ser utilizados junto à tag <IMG> são: a) Alinhamento <IMG SRC="imagem" ALIGN="alinhamento"></IMG> Este atributo especifica o tipo de alinhamento entre a imagem e o texto da página. As opções de alinhamento são: LEFT, RIGHT, TOP, TEXTOP, MIDDLE, ABSMIDDLE, BASELINE, BOTTOM, ABSBOTTOM e CENTER. b) Borda <IMG SRC="imagem" BORDER="valor"></IMG> Este atributo determina a espessura da borda da imagem. No caso de uma imagem sem bordas, este atributo não precisa ser colocado. São José dos Campos,

4 c) Altura e largura <IMG SRC="imagem" WIDTH="largura" HEIGHT="altura"></IMG> Estes atributos especificam a largura e a altura da imagem. Podem ser dados os valores em pixels ou serem proporcionais ao tamanho que a figura ocupará na página. Uma figura com dimensões proporcionais às vezes pode aparecer repuxada na página. Exemplos: <IMG SRC="choque.gif" WIDTH="333" HEIGHT="200"></IMG> <IMG SRC="choque.gif" WIDTH="100%" HEIGHT="20%"></IMG> d) Texto explicativo <IMG SRC="imagem" ALT="texto descritivo"></img> O atributo ALT exibe uma descrição quando o cursor move-se sobre a imagem. Existem usuários que utilizam navegadores incapazes de exibir imagens ou ajustam o navegador para não carregar imediatamente às imagens, devido á demora no carregamento das páginas. O texto alternativo possibilita que saibam do que se trata a imagem mesmo antes que sejam carregadas. e) Espaços vertical e horizontal <IMG SRC="imagem" VSPACE="valor" HSPACE="valor"></IMG> Especifica o espaço vertical (VSPACE) e o espaço horizontal (HSPACE) que pode aparecer entre a imagem e o texto mais próximo ou até mesmo para outra imagem na linha corrente. O valor é dado em pixels. Exemplos: <IMG SRC="choque.gif" HSPACE="0" VSPACE="0"> </IMG> <IMG SRC="choque.gif" HSPACE="30" VSPACE="30"> </IMG> Abaixo, é mostrado um exemplo de utilização da imagem. Copie o código abaixo para sua página e aproveite para modificar os atributos da tag IMG, testando novas possibilidades. Não se esqueça de configurar corretamente o endereço da imagem que será inserida. São José dos Campos,

5 <HEAD> <TITLE> Desenvolvimento Web</TITLE> <IMG SRC= relogio.jpg ALIGN= left BORDER=3 HSPACE=10></IMG> <P> A HTML (HyperText Markup Language) é uma linguagem de marcação baseada em texto utilizada para escrevermos páginas que serão lidas por navegadores web. Simplificando, é uma linguagem para escrever páginas web. Para escrevermos páginas, é necessário apenas um editor de texto. </P> <BR></BR> <BR></BR> <IMG SRC= relogio.jpg ALT= Teste WIDTH="300" HEIGHT="200"></IMG> <P> A HTML (HyperText Markup Language) é uma linguagem de marcação baseada em texto utilizada para escrevermos páginas que serão lidas por navegadores web. Simplificando, é uma linguagem para escrever páginas web. Para escrevermos páginas, é necessário apenas um editor de texto. </P> Atividade 1: Teste outros valores para os atributos da tag <IMG>. Links Um dos principais diferenciais da internet m relação às outras mídias é o conceito de hipertexto, ou seja, é possível criarmos um documento que se vincula a outros documentos por meio de ligações especiais chamadas links (ou hiperlinks). Portanto, é possível criarmos links para páginas do nosso próprio site, páginas externas ao nosso site ou até mesmo arquivos (que ficarão, neste caso, disponíveis para download), além de um link para envio de . Iremos criar um link utilizando a tag <A>, juntamente com o atributo HREF. <A HREF= endereço da página >Texto exibido</a> São José dos Campos,

6 Abaixo, vamos criar três exemplos de links um externo, outro interno e um link para um arquivo. O primeiro link nos direciona para o buscador Google. O segundo link abre uma página de nosso próprio site, por isso, assegure-se de que exista uma página chamada contato.html no mesmo diretório de sua página de teste abaixo. O terceiro link criado com o atributo href= mailto..., na verdade, abre o cliente de padrão do computador do usuário e adiciona ao destinatário da mensagem o endereço citado. <HEAD> <TITLE> Desenvolvimento Web</TITLE> <A HREF= >Google</A><BR></BR> <A HREF= contato.html >Contato</A><BR></BR> <A HREF= Aula2.pdf >Download da Aula 2</A><BR></BR> <A Conosco</A> Observações: Ao criar um link para um site externo, coloque sempre o endereço completo, inclusive o protocolo, como por exemplo, Ao criar um link para uma página de seu próprio site, verifique em qual diretório a página referenciada se encontra. Por exemplo, suponha que o arquivo Aula2.pdf do exemplo acima esteja numa pasta chamada arquivos. Portanto, o link ficaria desta maneira: <A HREF= arquivos/contato.html >Contato</A>. Atividade 2: Crie um link para um determinado site a partir de uma imagem (pode ser o logotipo deste site). Links para locais da mesma página Existem situações onde os links podem levar a locais diferentes dentro da mesma página onde estão inseridos. Neste caso, o link é conhecido como BOOKMARKS. Além de se especificar a referência ao arquivo destino dentro do marcador âncora, é preciso determinar os locais da página que servirão de destino para o link. Isto é feito da seguinte maneira: Cada local destino de um link dentro da página recebe um marcador âncora, onde é atribuído um nome a este marcador; O link que irá levar até este marcador precisa referenciá-lo dentro do atributo HREF. Exemplo: Criando um destino dentro da página index.html: São José dos Campos,

7 <A ID="inferior"></A> Agora criaremos um link para este destino: <A HREF="index.html#inferior">Clique para ver o fim</a> Construa o exemplo abaixo para testar (assegure-se de nomear esta página com o nome index.html): <HEAD> <TITLE> Desenvolvimento Web</TITLE> <A HREF= index.html#inferior >Fim do texto</a> <P> A HTML (HyperText Markup Language) é uma linguagem de marcação baseada em texto utilizada para escrevermos páginas que serão lidas por navegadores web. Simplificando, é uma linguagem para escrever páginas web. Para escrevermos páginas, é necessário apenas um editor de texto. </P> <BR></BR><BR></BR><BR></BR><BR></BR><BR></BR><BR></BR><BR></BR><BR ></BR><BR></BR><BR></BR><BR></BR><BR></BR><BR></BR><BR></BR><BR></ BR><BR></BR><BR></BR><BR></BR><BR></BR><BR></BR><BR></BR><BR></BR> <BR></BR><BR></BR><BR></BR><BR></BR><BR></BR> <P> A HTML (HyperText Markup Language) é uma linguagem de marcação baseada em texto utilizada para escrevermos páginas que serão lidas por navegadores web. Simplificando, é uma linguagem para escrever páginas web. Para escrevermos páginas, é necessário apenas um editor de texto. </P> <A ID= inferior ></A> <A href= # >Inicio do texto</a> São José dos Campos,

8 Áudio e vídeo O usuário somente poderá ouvir som em uma página se seu browser possuir recursos necessários à execução do respectivo formato de arquivo. Os arquivos MIDI e WAV geralmente são suportados pelos browsers. Já os arquivos em formato MP3 e o Real Áudio requerem instalação, de plug-in, caso o browser não possua. Uma página que contenha arquivos de som precisa ficar hospedada em um servidor devidamente configurado para aceitar tais arquivos. Caso contrário, quando o usuário clicar em links de acesso aos arquivos sonoros será exibida uma página contendo uma série de caracteres estranhos. O mesmo ocorre para os videos. Som de fundo Para colocar um som de fundo em sua página, use a tag <BGSOUND> dentro da tag <HEAD> ou da tag, como mostra o exemplo abaixo. <html> <head> </head> </html> <title> Som de fundo </title> <BGSOUND SRC="musica.wma" LOOP=" 1"> <body> <p>escute a música de fundo!!! </p> </body> Observação: O atributo LOOP=-1 indica que o som ficará executando indefinidamente. Player de áudio/vídeo Para inserir um player de música ou vídeo em sua página html, use a tag <EMBED> juntamente com o atributo SRC, que receberá o endereço do arquivo. <EMBED SRC="arquivo de som/video" WIDTH="valor" HEIGHT="valor" AUTOSTART="true/false" LOOP="opção"> Veja o exemplo abaixo: São José dos Campos,

9 <HEAD> <TITLE>Desenvolvimento web</title> <P>Escute a musica</p> <EMBED SRC="musica.mp3" WIDTH="400" HEIGTH="450" AUTOSTART="true" LOOP="true"> <P>Veja o video</p> <EMBED SRC="video.ogv" WIDTH="400" HEIGTH="450" AUTOSTART="true" LOOP="true"> Atributos da tag <EMBED> SRC : Serve para especificar o endereço do vídeo. WIDTH e HEIGHT : Servem para especificar respectivamente a Largura e Altura do quadro onde o vídeo vai aparecer. AUTOSTART : Serve para escolher se o vídeo vai começar a reproduzir quando a página for carregada (AUTOSTART= TRUE ) ou quando o usuário clicar no botão Executar (AUTOSTART= FALSE ). LOOP: Serve para especificar se o vídeo vai fica repetindo ou não. TRUE faz com que o vídeo reproduza infinitamente, FALSE faz com que o vídeo só seja reproduzido uma vez e depois se o usuário quiser rever o vídeo ele vai ter que pressionar o botão Executar. Letreiro Existe uma tag chamada <MARQUEE>, que permite que um trecho passe continuamente de um lado para o outro da tela. Esta tag é bastante interessante, pois podemos usá-la tanto com texto quanto como fotos. <MARQUEE>Texto a servir de letreiro</marquee> Principais atributos da tag <MARQUEE> a) BEHAVIOR <MARQUEE BEHAVIOR="comportamento do texto">texto</marquee> São José dos Campos,

10 Especifica o tipo de movimento que será usado para animar o texto do letreiro. As opções de movimento são: SCROLL: Permite ao texto passar continuamente pelo letreiro na direção especificada, entrando por um lado e saindo pelo outro. SLIDE: Permite ao texto passar por um dos cantos do letreiro, parando ao chegar no canto oposto e permanecendo na tela. ALTERNATE: Permite ao texto passar de um lado a outro das extremidades do letreiro, permanecendo na tela o tempo todo. Exemplo: <HEAD> <TITLE>Desenvolvimento web</title> <MARQUEE BEHAVIOR="SCROLL">Desenv. Web</MARQUEE> <MARQUEE BEHAVIOR="SLIDE">Desenv. Web</MARQUEE> <MARQUEE BEHAVIOR="ALTERNATE">Desenv. Web</MARQUEE> b) BGCOLOR <MARQUEE BGCOLOR="#XXXXXX"> texto</marquee> Simplesmente especifica a cor de fundo do letreiro. Obedece às mesmas configurações para cor, ou seja, você pode usar o nome da cor em inglês ou o seu código hexadecimal. c) DIRECTION <MARQUEE DIRECTION="direção > texto</marquee> Especifica a direção na qual o texto irá se mover. As opções são: LEFT: O texto se move do canto direito para o esquerdo. RIGHT: O texto se move do canto esquerdo par o direito. DOWN: O texto se move de cima para baixo. UP: O texto se move de baixo para cima. Exemplo: São José dos Campos,

11 <HEAD> <TITLE>Desenvolvimento web</title> <MARQUEE DIRECTION="LEFT">Desenv. Web</MARQUEE> <MARQUEE DIRECTION="RIGHT">Desenv. Web</MARQUEE> <MARQUEE DIRECTION="DOWN">Desenv. Web</MARQUEE> <MARQUEE DIRECTION="UP">Desenv. Web</MARQUEE> d) HEIGHT e WIDTH <MARQUEE HEIGHT="valor" WIDTH= valor >texto</marquee> Especificam, respectivamente, a altura e a largura do letreiro. O valor pode ser dado em pixels ou em relação à altura da janela em que a página será exibida. Exemplo: <HEAD> <TITLE>Desenvolvimento web</title> <MARQUEE WIDTH= 200 > Letreiro</MARQUEE> <MARQUEE DIRECTION= UP HEIGHT= 200 >Letreiro</MARQUEE> e) HSPACE e VSPACE <MARQUEE HSPACE="valor" VSPACE= valor > texto </MARQUEE> Definem, respectivamente, as margens à direita e à esquerda do letreiro e acima e abaixo do letreiro. Exemplo: São José dos Campos,

12 <HEAD> <TITLE>Desenvolvimento web</title> <MARQUEE HSPACE="50">Letreiro </MARQUEE> <MARQUEE DIRECTION="UP" VSPACE="50">Letreiro</MARQUEE> f) LOOP <MARQUEE LOOP="número de vezes">texto</marquee> Especifica quantas vezes o texto irá cruzar o letreiro. Se este atributo não for mencionado ou se o numero de vezes for igual à INFINITE, o texto irá se mover em repetição constante pelo letreiro. g) SCROLLMOUNT <MARQUEE SCROLLAMOUNT="valor">texto</MARQUEE> Controla a velocidade do texto, definem o número de pixels entre cada redesenho do texto. O valor a ser entrado em pixels representa a quantia de pixels que separa cada redesenho. Desta forma, quanto maior for o valor, mais rápido será o movimento do texto. Exemplo: <HEAD> <TITLE>Desenvolvimento web</title> <MARQUEE LOOP="5" SCROLLAMOUNT="50">Letreiro</MARQUEE> Atividade 3: Teste outros valores para os atributos da tag <MARQUEE>. São José dos Campos,

13 Atividade A Marquee com fotos Podemos utilizar a tag <MARQUEE> para fazer, por exemplo, um "SlideShow". O procedimento é o mesmo que com texto. Só que agora vamos fazer o MARQUEE parar quando passar o mouse por cima, e quando tirar de cima ele voltar a andar. Veja que é fácil, basta colocar os atributo onmouseover="this.stop()" onmouseout="this.start()" dentro do marcador <MARQUEE> Exemplo: <MARQUEE onmouseover="this.stop()" onmouseout="this.start()" WIDTH="200"> Antes nós colocávamos um texto dentro das delimitações do marcador, mas agora nós vamos colocar fotos usando marcadores <IMG>. Veja como fica: <HEAD> <TITLE>Desenvolvimento web</title> <MARQUEE onmouseover="this.stop()" onmouseout="this.start()" WIDTH="200" direction="down" > <IMG WIDTH="150" HEIGHT="120" SRC="foto1.jpg"><BR> <IMG WIDTH="150" HEIGHT="120" SRC="foto2.jpg"><BR> <IMG WIDTH="150" HEIGHT="120" SRC="foto3.jpg"><BR> <IMG WIDTH="150" HEIGHT="120" SRC="foto4.jpg"><BR> <IMG WIDTH="150" HEIGHT="120" SRC="foto5.jpg"> </MARQUEE> Neste pequeno slide feito aí em cima foram colocados 5 fotos, e elas estão uma em baixo da outra, por isso a necessidade do marcador <BR>, caso não seja colocado às fotos irão ficar uma do lado da outra. A largura do MARQUEE é de 200 pixels. Repare que foi colocado também o atributo DIRECTION="DOWN" para que as fotos deslizem de cima para baixo na vertical. Em vez de ser de um lado pro outro, na horizontal. Neste exemplo foi usado fotos, mas tudo que colocar dentro dos marcadores <MARQUEE> será "arrastado" por ele. Qualquer marcador, como Tabelas, Vídeos, Listas, etc. São José dos Campos,

14 Atividade B - Menu flutuante Desenvolvimento Web Agora que você aprendeu a utilizar o marquee, crie um menu flutuante, isto é, coloque imagens no marque, sendo que cada imagem é um link para uma página diferente. Modifique o atributo DIRECTION da tag MARQUEE para right, de forma que o menu deslize da esquerda para a direita. Atividade C Desenvolvimemento de site Crie um site sobre um tema de sua preferência utilizando o layout abaixo. Tente utilizar todos os conceitos aprendidos nas aulas. Crie quatro páginas html: 1. index.html (deverá conter informações iniciais do site) 2. tags.html (deverá conter um resumo sobre o html e as tags verificas nesta aula e links) 3. videos.html (deverá inserir videos relacionados ao assunto. Utilize o youtube) 4. apostilas.html (deverá conter links para download das apostilas de aula) Algumas sugestões: Crie um menu estático com links para as páginas Adicione uma imagem na mesma linha do nome do site e adicione um link a esta imagem para o site da escola Crie um letreiro no fim da página com o nome do autor do site Nome do site Home --- HTML --- Vídeos --- Apostilas Adicione aqui conteúdo Crie aqui um letreiro São José dos Campos,

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

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

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: --Adicionando imagens; --Trabalhando com vídeos e sons em HTML; Disponível em http://wp.me/p48yvn-43 2 Inserindo

Leia mais

Introdução ao HTML. Sumário

Introdução ao HTML. Sumário Introdução ao HTML Telemédia Grupo de Comunicações por Computador Sumário em HTML Texto Alternativo Alinhamento Margens Redimensionar 1 em HTML Para inserir uma imagem basta usar a etiqueta da seguinte

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO As imagens são armazenadas em forma de arquivos, principalmente PNG (para desenhos) ou JPG (para fotos) Para incluir imagens usa-se

Leia mais

4.14 - Imagens: src único atributo que não pode ser omitido neste TAG Nota: img

4.14 - Imagens: <img src=...> src <img src=tecnologia.jpg> único atributo que não pode ser omitido neste TAG Nota: img 4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

4.14 - Imagens: SRC único atributo que não pode ser omitido neste tag Nota: img

4.14 - Imagens: <IMG SRC=...> SRC <IMG SRC=tecnologia.jpg> único atributo que não pode ser omitido neste tag Nota: img 4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:

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

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

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

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

> 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

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

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

PROGRAMAÇÃO WEB DO LADO DO CLIENTE PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,

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

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

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

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

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

Sumário INTRODUÇÃO 3 DICAS PARA CRIAR UM BOM SITE 4

Sumário INTRODUÇÃO 3 DICAS PARA CRIAR UM BOM SITE 4 Sumário Todos os direitos reservados e protegidos pela Lei 5.988 de 14/12/73. Nenhuma parte deste livro, sem prévia autorização por escrito de Celta Informática, poderá ser reproduzida total ou parcialmente,

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

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

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

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

Apostila CSS - Introdução à folha de estilos

Apostila CSS - Introdução à folha de estilos Apostila CSS - Introdução à folha de estilos Este documento é propriedade intelectual do Núcleo de Educação a distância da NRsystem e distribuído sob os seguintes termos: 1. As apostilas publicadas pelo

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

Programação HTML Construção de Páginas para WEB 47

Programação HTML Construção de Páginas para WEB 47 Programação HTML Construção de Páginas para WEB 47 INICIANDO EXEMPLO3.HTML Crie um novo arquivo html chamado exemplo3.html dentro da pasta exemplos. Após os exercícios e trabalhos anteriores, nossa pasta

Leia mais

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e

Leia mais

Usando o NVU Parte 2: Inserindo imagens

Usando o NVU Parte 2: Inserindo imagens Usando o NVU Parte 2: Inserindo imagens Simão Pedro P. Marinho Para uso exclusivo por alunos da PUC Minas Inserindo uma imagem que está no seu computador Inserindo uma imagem que já está na Internet Inserindo

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

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um

Leia mais

CURSO BÁSICO DE HTML Alessandro S Silveira. Lista de tags e atributos

CURSO BÁSICO DE HTML Alessandro S Silveira. Lista de tags e atributos CURSO BÁSICO DE HTML Alessandro S Silveira Lista de tags e atributos Os tags apresentados aqui formam uma compilação das definições oficiais da linguagem mais as extensões introduzidas por empresas como

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

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

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar links em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer

Leia mais

XXIV SEMANA MATEMÁTICA

XXIV SEMANA MATEMÁTICA XXIV SEMANA ACADÊMICA DA MATEMÁTICA Minicurso: Produção de Páginas Web para Professores de Matemática Projeto de Extensão: Uma Articulação entre a Matemática e a Informática como Instrumento para a Cidadania

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

Sumário. 1 Tutorial: Blogs no Clickideia

Sumário. 1 Tutorial: Blogs no Clickideia 1 Tutorial: Blogs no Clickideia Sumário Introdução... 2 Objetivos... 2 Instruções para utilização do Tutorial... 2 Acesso ao Portal e a Home Blog... 3 Página Inicial da área do Blog... 4 Apresentação da

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

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

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte MANUAL JOOMLA 2.5 PORTAL INTERNET Ministério do Esporte SUMÁRIO 1.0 - Módulo Administração... 1 2.0 Banner randômico... 2 2.1 Adicionar novo slide... 2 2.2 Excluir slide... 6 3.0 Artigos... 7 3.1 Adicionar

Leia mais

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo

Leia mais

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Manual do usuário Desenvolvendo páginas em Drupal Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Conteúdo Primeiro Passo... 3 1.1 Login... 3 1.2 Recuperando a Senha...

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

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

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

Links e Frames José Antônio da Cunha

Links e Frames José Antônio da Cunha Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos

Leia mais

DESENVOLVIMENTO WEB I - 7122

DESENVOLVIMENTO WEB I - 7122 6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que

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

ALUNES MANUAL DO USUÁRIO. Guia rápido Alunes

ALUNES MANUAL DO USUÁRIO. Guia rápido Alunes ALUNES MANUAL DO USUÁRIO Guia rápido Alunes 1 Manual de Instruções Versão 2.0 Alunes Informática 2 Sumário Introdução... 5 Pré-requisitos... 5 Principal/Home... 6 Como editar texto do home... 7 Desvendando

Leia mais

4. Características Gerais das Tabelas do HTML

4. Características Gerais das Tabelas do HTML 4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag

Leia mais

6.2 - Formulários: form
...
form action method POST GET exceto outros formulários form

6.2 - Formulários: form <form action=url_de_script method=método>...</form> form action method POST GET exceto outros formulários form 6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que

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

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

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

HyperText Markup Language - Linguagem de Marcação de Hipertexto

HyperText Markup Language - Linguagem de Marcação de Hipertexto Escrito por: Marcos Rogério Fernandes Contato: tecnico_marcosrogerio@hotmail.com Trabalho finalizado no mês: 08/2008 HyperText Markup Language - Linguagem de Marcação de Hipertexto Com esta apostila você

Leia mais

Layouts de páginas com HTML e CSS

Layouts de páginas com HTML e CSS Layouts de páginas com HTML e CSS Layouts de Páginas com CSS.... 2 Layout com tamanho Líquido... 2 Layout com tamanho Fixo... 3 Desenvolvendo um layout com tamanho fixo.... 5 Layouts de Páginas com CSS.

Leia mais

HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10

HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10 HTML Sessão 10 HTML HTML permite que caracteres especiais sejam representados por sequências de escape, indicadas por três partes: um & inicial, um número ou cadeia de caracteres correspondente ao caractere

Leia mais

Bem vindo ao ajuda do software QUICKFISH para criação de sites.

Bem vindo ao ajuda do software QUICKFISH para criação de sites. Bem vindo ao ajuda do software QUICKFISH para criação de sites. SUMÁRIO 1 Exemplo de site criado no software QUICKFISH...02 2 Salvando Seu Site...03 3 Publicando Seu Site...03 4 Visão inicial do Software

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

Banner Flutuante. Dreamweaver

Banner Flutuante. Dreamweaver Banner Flutuante Dreamweaver Começamos com um arquivo em branco no Dreamweaver MX. Para que o banner apareça sobre a página, precisamos inserir uma camada a mais no arquivo HTML. Selecione o menu Inserir

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 Listas A HTML permite definir três categorias distintas de listas: Ordenadas Sem ordenação Lista de definição 2/28 Listas

Leia mais

XXIV SEMANA MATEMÁTICA

XXIV SEMANA MATEMÁTICA XXIV SEMANA ACADÊMICA DA MATEMÁTICA Minicurso: Criação e Desenvolvimento de Cursos Online via Moodle Projeto de Extensão: Uma Articulação entre a Matemática e a Informática como Instrumento para a Cidadania

Leia mais

3 HTML Tabelas, frames e formulário

3 HTML Tabelas, frames e formulário 3 HTML Tabelas, frames e formulário Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Tabelas...3 Principais atributos das tabelas...4 Principais atributos

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

Criação de Applets com o JBuilder Professor Sérgio Furgeri

Criação de Applets com o JBuilder Professor Sérgio Furgeri OBJETIVOS DA AULA: Apresentar o processo de criação em uma interface gráfica para a Internet; Fornecer subsídios para que o aluno possa compreender onde aplicar Applets; Demonstrar a criação de uma Applet

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

Síntese da aula anterior

Síntese da aula anterior Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações 1 O que vamos fazer hoje? Vamos utilizar o que aprendemos da aula anterior juntamente com Utilização de imagens

Leia mais

Claudio Damasceno. Avançar

Claudio Damasceno. Avançar Claudio Damasceno Conteúdo Alinhamento Âncoras, Links Tabelas Formatação Próximo Capítulo HTML prof.claudiodamasceno@hotmail.com 2 Recapitulando - Estrutura básica título DA PÁGINA

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

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

Posicionamento e Layout com CSS

Posicionamento e Layout com CSS Posicionamento e Layout com CSS Esquemas de posicionamento: absolute e relative Construção de layouts com divs e regras CSS Existem quatro tipos de posicionamento em CSS: estático, relativo, absoluto

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

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

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

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

Ferramentas para Multimídia e Internet - 1486

Ferramentas para Multimídia e Internet - 1486 1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato

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

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho REITORA Ulrika Arns VICE-REITOR Almir Barros da Silva Santos Neto DIRETOR DO NTIC Leonardo Bidese de Pinho COORDENAÇÃO DE APOIO AO USUÁRIO Pierre Correa Martin 1 UNIVERSIDADE FEDERAL DO PAMPA NTIC NÚCLEO

Leia mais

1. Como criar uma conta

1. Como criar uma conta Tutorial MediaWiki 1. Como criar uma conta Para criar uma conta clique no botão, disponível canto superior direito, "Entrar". Será então mostrada a página de entrada na conta onde terá de introduzir os

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Hiperligações A propriedade mais importante dos documentos html é a possibilidade de fazer hiperligações Para isso usa-se a tag

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

Links e Imagens. Ana Cuper ana@instructor.com.br

Links e Imagens. Ana Cuper ana@instructor.com.br Links e Imagens Ana Cuper ana@instructor.com.br Links Existem duas maneiras de referenciar um documento: relativo ou absoluto. Caminho absoluto- começa de um ponto fixo :

Leia mais

Programação para Internet

Programação para Internet Programação para Internet Aula 09 Os direitos desta obra foram cedidos à Universidade Nove de Julho Este material é parte integrante da disciplina oferecida pela UNINOVE. O acesso às atividades, conteúdos

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

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

jquery Apostila Básica

jquery Apostila Básica jquery Apostila Básica INTRODUÇÃO 3 CAPÍTULO 1 POR ONDE INICIAR 3 CAPÍTULO 2 MEU PRIMEIRO SCRIPT! 4 EXERCÍCIOS...5 CAPÍTULO 3 ADICIONANDO CSS 6 EXERCÍCIOS...7 CAPÍTULO 4 MODIFICANDO APENAS PARTE DO DOCUMENTO

Leia mais

M Manual ZAIG P. 1 of 35. Project: ZAIG ID: 028 Description: Manual descritivo de utilização das principais janelas do publicador

M Manual ZAIG P. 1 of 35. Project: ZAIG ID: 028 Description: Manual descritivo de utilização das principais janelas do publicador M Manual ZAIG P. 1 of 35 Project: ZAIG ID: 028 Description: Manual descritivo de utilização das principais janelas do publicador Date: Version: Author: terça-feira, 13 de abril de 2010 2 Richard Ikeda

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

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

Mozart de Melo Alves Júnior

Mozart de Melo Alves Júnior Mozart de Melo Alves Júnior WORD 2000 INTRODUÇÃO: O Word é um processador de texto com recursos de acentuação, formatação de parágrafo, estilo de letras diferentes, criação de tabelas, corretor ortográfico,

Leia mais

Manual PAINT.NET de imagens

Manual PAINT.NET de imagens Manual PAINT.NET de imagens 1. Instalação 1.1 - Para instalar o programa paint.net, o primeiro passo é baixá-lo do endereço a seguir e salvá-lo em seu computador. http://ww2.prefeitura.sp.gov.br/paint_net/paint.net.3.36.exe

Leia mais

Introdução SYSWEB Inclusão, alteração e exclusão de dados nas páginas das unidades informadoras da UFSJ SYSWEB

Introdução SYSWEB Inclusão, alteração e exclusão de dados nas páginas das unidades informadoras da UFSJ SYSWEB Introdução Essa apostila servirá tanto como base para os participantes do Curso de Capacitação SYSWEB Inclusão, alteração e exclusão de dados nas páginas das unidades informadoras da UFSJ, como também

Leia mais

Desenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes

Desenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes Desenvolvimento Web Introdução a XHTML Prof. Bruno Gomes 2014 Introdução HTML e XHTML Estrutura básica do documento DTDs Validação do documento Exercícios HTML e XHTML HTML (Hipertext Markup Language)

Leia mais

1. ACESSO AO SISTEMA. LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com.

1. ACESSO AO SISTEMA. LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com. Manual de uso 1. ACESSO AO SISTEMA LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com.br Após acessar o link acima, favor digitar seu LOGIN

Leia mais