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

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

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

Transcrição

1 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 desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida). Como funciona uma página? O espaço para sua página na Internet fica em um computador, onde estão todos os arquivos de HTML/XHTML, som, imagem, etc., ou seja, tudo aquilo que vai compor o site. Este computador onde ficam os arquivos da sua home page (página principal/site) é chamado de Servidor, pois a qualquer hora do dia ou da noite ele vai estar ligado para que todos possam acessar seu site. Quando uma pessoa entra na sua home page, ela está acessando este servidor. A linguagem HTML ou XHTML é uma linguagem simples, por isso ela é o padrão da Internet. Nas páginas você coloca sons, imagens, cores. Além disso, as páginas da Web podem ser ligadas entre si, formando o que se chama de Link. Com isso, você pode, por exemplo, criar uma página sobre um assunto que lhe agrade a partir de outra página contendo sua foto e um link entre elas. Quando uma pessoa clica neste link, ela vai diretamente para aquela página que você definiu. 2. Conhecendo o HTML\XHTML Vamos agora conhecer o HTML\XHTML para que você possa começar a construir seu site. Para visualizar as páginas é necessário um navegador. Os mais conhecidos e utilizados são o Microsoft Internet Explorer e o Mozilla Firefox. Estes navegadores fazem basicamente a mesma coisa - mostrar as páginas -, mas devido a algumas diferenças de programação, alguns recursos são visíveis em um e no outro não. Navegadores não atualizados (versão antiga) não conseguem mostrar uma página XHTML corretamente. Durante a construção do seu site, procure testá-lo nos dois navegadores para verificar se a visualização do site está correta Introdução Todo documento HTML/XHTML é composto de Tags. Este é o nome dado aos comandos HTML. Você deve começar sua página com a tag <html>, na primeira linha do código, e terminar com </html> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. Posteriormente veremos mais detalhes sobre a tag <html>.

2 2.2. A Estrutura das Tags <xxx>: Este é o inicio da tag;* </xxx>: Este é o fechamento da tag para que ela possa funcionar.** * xxx é apenas uma representação de uma tag, não é uma tag HTML. ** Algumas tags não necessitam do fechamento. Neste caso você será avisado. Entre o início da tag e o seu fechamento ficam os textos, parâmetros e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada de forma correta ou nem mesmo irá aparecer A Estrutura de um Documento HTML/XHTML Após iniciar o documento com a tag <HTML> você deve incluir o cabeçalho, o que é feito pelas tags <head>... </head> (serão detalhadas posteriormente). E também um título usando o par <title>... </title>. Geralmente, o título não é mostrado na página, porém os navegadores o utilizam como título para a janela de visualização. Coloque um título bem claro e explicativo para seus documentos. O "corpo do documento deve ser demarcado pelo par <body>... </body>. Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML, ou seja, todos os códigos para sua página. Um documento simples seria digitado da seguinte maneira: Digite o conteúdo do quadro abaixo no Bloco de Notas Salve com o nome EXERC1.html Abra no navegador e verifique sua primeira página HTML <html> <head> <title> Meu documento HTML </title> </head> <body> Aqui serão coloca os comandos em HTML para construção da página. </body> </html> Obs.: os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma: <html><head><title> Meu documento HTML </title></head><body>aqui você coloca os comandos em HTML.</body></html> A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.

3 3. Conhecendo as Tags do HTML\XHTML Agora que você já aprendeu como é um arquivo HTML básico, pode começar a ver as tags que irão ajudá-lo a construir suas páginas. Elas ficam após o comando <body> e neste local você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto: 3.1. Tags de título <h>...</h> ("Headings") Com esta tag você pode apenas definir o tamanho das letras, mas não a fonte. Veja agora como ficam as tags "headings" para cabeçalhos que vão do tamanho 1 até 6. Digite no bloco de notas, salve como EXERC2.HTML e abra no navegador <html> <head> <title> Meu segundo documento HTML </title> </head> <body> <h1> Este é o primeiro nível </h1> <h2> Este é o segundo nível </h2> <h3> Este é o terceiro nível </h3> <h4> Este é o quarto nível </h4> <h5> Este é o quinto nível </h5> <h6> Este é o sexto nível </h6> </body> </html> Veja abaixo o efeito que deverá aparecer em seu navegador: Este é o primeiro nível Este é o segundo nível Este é o terceiro nível Este é o quarto nível Este é o quinto nível Este é o sexto nível

4 3.2. Tag <p> Em HTML são necessários comandos para definir parágrafos. Não basta simplesmente pressionar "ENTER" para que a linha vá para baixo, como nos editores de texto. É necessário colocar uma tag ( <p> ) para fazer um novo parágrafo. Digite no bloco de notas, salve como EXERC3.HTML e abra no navegador Texto do primeiro parágrafo <p> Texto do segundo parágrafo </p> O resultado será: Texto do primeiro parágrafo Texto do segundo parágrafo Obs.: para criar um parágrafo em branco (criar espaço entre um bloco e texto e outro) deve-se usar: <p> </p>. Também utilizado para representar um espaço em branco que não pode ser quebrado em duas linhas. Exemplo: 5 cm ficaria 5 cm Tag <br /> (tag órfã/única: a tag de abertura também é de fechamento, note / ) Quando desejamos simplesmente mudar de linha, ao invés de criar um novo parágrafo, usamos a tag <br />. Digite no bloco de notas, salve como EXERC4.HTML e abra no navegador Texto do parágrafo 1 <br /> linha 1 <p> Texto do parágrafo 2 </p> <br /> linha 2 O resultado será: Texto do parágrafo 1 linha 1 Texto do parágrafo 2 linha Tag <img src= imagem que vai aparecer /> Esta tag permite a inclusão de imagens na página. Os formatos ideais para home pages são GIF e JPG. Em "imagem que vai aparecer" colocamos o nome da imagem.gif ou.jpg ou o URL completo do local onde ela está gravada. Atributo: Alt Texto alternativo. A função é apresentar um texto no lugar da imagem, enquanto esta ainda não apareceu\carregou. Localize um arquivo.gif em seu computador e copie-o para a pasta onde está salvando os arquivos HTML de exercícios. Digite no bloco de notas, salve como EXERC5.HTML e abra no navegador <img src=nomearquivo.gif alt="texto Alternativo" />

5 Dicas e Formato de Arquivos de imagem Tamanho em Kb: Evite colocar imagens maiores do que 40Kb em sua página pois, quanto mais arquivos tiver e quanto maiores eles forem, mais lento será o carregamento da página e muitos visitantes poderão desistir de esperar. Uma grande quantidade de imagens na mesma página também não agrada a maioria dos visitantes. Programas: Um bom programa de edição de imagens dará ao seu site uma boa apresentação gráfica. Entre os programas mais usados estão o Corel Draw e Adobe Photoshop. O Formato GIF: O formato dominante na Internet é GIF, por ser relativamente pequeno quando comparado com o BMP. Além disso, GIF pode ser transparente, não transparente ou animado. Um GIF transparente é aquele onde uma cor pode ser escolhida para ser transformada em transparente quando vista por um navegador e mostrar o que há embaixo. Os programas que são mais usados para criar gifs e permitem que se crie transparências são o Photoshop e o Fireworks. Os GIFS animados são aqueles que têm movimento. Nada mais são que uma seqüência de GIF s previamente preparados. O criador do GIF animado, usando um programa como o GIF Animator, escolhe as imagens que formarão a seqüência que dará a idéia de movimento. O Formato JPG (jpeg): Grandes fotos geralmente são salvas neste formato pois, nestes casos, se consegue reduzir bastante o tamanho em bytes da imagem, sem prejudicar sua qualidade. É aconselhável, antes de mandar um arquivo GIF grande para Web, testar como ficaria se salvo como JPG. O Formato BMP: Apesar de muito utilizados no Windows, são muito pesados para a Web. Se quiser colocar alguma imagem que estiver neste formato, salve-a antes como GIF ou JPG usando um editor de imagens como o Paint (do Windows), o Paint Shop Pro, Photoshop ou FireWorks.

6 3.5. Criando links Links são os pontos clicáveis do documento HTML que levam a qualquer outro documento (ou qualquer outro ponto) na própria página ou em outra página. Os links podem ser internos (para documentos no mesmo servidor) ou externos para qualquer lugar na Web Tag <a href="nome-do-lugar-a-ser-levado"> descrição </a> Onde: "Nome-do-lugar-a-ser-levado" Coloca-se o nome do arquivo html para o qual se deseja criar o link, por exemplo, dados.htm ou um URL como "Descrição" É o texto que vai aparecer sublinhado na home page, indicando que se trata de um link que pode ser clicado. Exemplo1, se a descrição fosse "Clique aqui para visitar o UOL", a tag deveria conter o seguinte código: Digite no bloco de notas, salve como EXERC6.HTML e abra no navegador <a href="http://www.uol.com.br">clique aqui para visitar o UOL </a> O resultado será: Desafio! Digite no bloco de notas, salve como EXERC7.HTML e abra no navegador Crie uma página contendo um link para uma das páginas HTML que foram criadas nos exercícios anteriores (ou crie uma página com qualquer conteúdo). Obs.: a descrição deverá ser Clique aqui para ver a página Dica: para criar um link para uma outra página dentro da mesma home page, não é necessário colocar toda a URL ou caminho. Basta o nome do arquivo HTML (os dois arquivos html devem estar na mesma pasta).

7 Como fazer um link abrir em uma segunda janela (sem perder o conteúdo da primeira janela). É possível que colocar um link que abra em uma outra janela para que o que o visitante não saia do site. Basta incluir um atributo "target" (alvo), assim: Digite no bloco de notas, salve como EXERC8.HTML e abra no navegador <a href="http://www.uol.com.br" target="_blank">clique aqui para visitar o UOL </a> Como fazer um link para um ponto na mesma página (Âncora). É possível fazer com que clicando em um link você vá diretamente para uma determinada parte da mesma página ou até mesmo de outra página. Este recurso é chamado de Âncora. Usamos âncoras quando desejamos que um link vá direto para um texto que está no meio de uma página sem o visitante ter que rolar a página. Ao saltar para determinados pontos de uma página, facilitamos a navegação. Para o funcionamento de uma âncora deve-se estabelecer dois comandos: 1º)Um comando que identifique o ponto de destino do link, incluindo a seguinte TAG no local onde quer que o link vá: <a name="coloque o nome da ancora aqui"></a> 2º)Um comando que defina o lugar da página para onde se pretende "saltar". Usar a tag de link "comum" ( a href ) para fazer o link saltar para o ponto identificado. <a href="#nome da ancora">texto</a> O símbolo "#" antes do nome da âncora fará com que o navegador entenda que deve ir para uma âncora. Desafio! Digite no bloco de notas, salve como EXERC9.HTML e abra no navegador Usando uma página qualquer (daquelas criadas nos exercícios anteriores) acrescente texto (use as tags <br /> e <p> também) de modo que, ao ser aberta, ocupe mais de uma página (deve aparecer a barra de rolagem) e crie um link interno (link para uma das últimas linhas da página).

8 Como fazer um link com âncora (ponto específico) para uma outra página. 1º)Incluir, na página de destino, a tag da âncora no ponto desejado. <a name="coloque o nome da ancora aqui"></a> 2º)Na página que terá o link, construir a tag da seguinte maneira: <a href="nome-do-lugar-a-ser-levado#nome da ancora">texto</a> Obs.: Em "nome-do-lugar-a-ser-levado" você coloca o URL ou a página html que vai ser mostrada e, depois do destino, o "#nome da ancora". Este nome de âncora deve ser o mesmo nome de âncora definido na página de destino. Podemos incluir quantas âncoras quisermos em uma página, mas cada uma deve ter um nome diferente Como fazer uma imagem ter um link É possível fazer com que uma imagem possa ter um link. Na tag de link, em vez de colocar o texto com a descrição, coloque a tag de imagem. Veja: <a href="nome-do-lugar-a-ser-levado"> <img src="nome do arquivo da imagem que vai aparecer"> </a> Obs.: Em "nome-do-lugar-a-ser-levado" coloca-se o arquivo html que se deseja visitar, por exemplo, dados.htm ou um URL como Em "nome do arquivo de imagem que vai aparecer" deve-se colocar o nome do arquivo da imagem que vai estar na página, por exemplo, "foto.gif". Digite no bloco de notas, salve como EXERC10.HTML e abra no navegador <a href="http://www.google.com.br"> <img src="foto.gif" alt="imagem com link para Google Home Page"></a> Como fazer links para download de arquivos Colocar arquivos para que os visitantes façam download em uma home page é um recurso simples. Não existe um comando que faça o download. O que acontece é que, sempre que aparece um tipo de arquivo que o navegador não reconhece (um arquivo que o navegador não abre), ele automaticamente inicia o download. Outra maneira de fazer o download é clicar com o botão direito do mouse e escolher Salvar.

9 Exemplo: Se o navegador não consegue abrir um arquivo "zip" (arquivo compactado), ele automaticamente inicia o download. Se desejarmos colocar um arquivo para download, tudo que se precisa fazer é direcionar um link para este arquivo como se estivesse colocando um link para uma página. Exemplo: Para o download de um arquivo "exemplo.exe", o código de um link simples ficaria assim: <a href="exemplo.exe">clique aqui para download de exemplo.exe </a> Obs.: Existem alguns tipos de arquivos que os navegadores, em vez de fazerem o download, abrem com programas já instalados no computador. Isso ocorre, por exemplo, com um link para um arquivo de vídeo ".avi" ou ".mpg", o navegador abrirá o programa para exibir esse vídeo. Digite no bloco de notas, salve como EXERC11.HTML, abra no navegador e faça o download (antes, use o bloco de notas para criar um arquivo chamado programa.exe com qualquer conteúdo) <a href="programa.exe">download do arquivo programa.exe</a> Como fazer link para enviar um É possível criar um link para enviar um . Ao clicar neste link o sistema operacional abrirá o software definido como padrão para envio de no computador (o Outlook por exemplo). Obs.: pouco utilizado. Depende do software de envio de estar configurado. <a href="mailto:seu ">deixe um para mim! </a>

10 3.6. Reprodução de Som e Vídeo Exemplo: <embed src="nome da música" autostart="true" loop=10></embed> Obs.: Em "nome da musica" coloca-se o nome da música (mid ou wav) ou vídeo (mpg ou wmv). Outros tipos necessitam de para os navegadores plugins. Em "autostart" indicamos se a reprodução será automátgica (true) ou não (false), neste caso, o usuário terá que clicar no botão de "play" para iniciar a reprodução. Em "loop" coloca-se o número de vezes que o som\vídeo vai ser repetido. Quando desejamos que se repita indefinidamente, basta colocar "infinity" no lugar de um número. Digite no bloco de notas, salve como EXERC12.HTML e abra no navegador (antes, obtenha um arquivo de som ou vídeo para incluir no exercício) <p> <embed src="arquivo" autostart="false"></embed> </p> 3.7. Letreiros Esta tag faz com que um texto fique "rolando" pela tela. Exemplo: <marquee direction="left" behavior="scroll" scrollamount=50 width=70%> Texto a ser exibido </marquee> Obs.: Em "direction" podemos indicar para qual direção o conteúdo deve deslizar (left ou right). Obs.: down e up somente no IE. Em "behavior" coloca-se o tipo de efeito, que pode ser "scroll" (contínuo) ou "slide" (uma vez) ou alternate (de um lado para o outro e assim sucessivamente). Em "scrollamount" podemos controlar a velocidade do conteúdo em movimento. Aceita números maiores que zero. Em "width" podemos definir o espaço (percentual) da linha que o letreiro ocupa. Digite no bloco de notas, salve como EXERC13.HTML e abra no navegador <marquee direction="right" behavior="alternate" scrollamount=100 width=30%> Texto texto texto </marquee>

11 Para o exercício abaixo obtenha os arquivos uol.gif e xpg.gif no site da disciplina ICC. Digite no bloco de notas, salve como EXERC14.HTML e abra no navegador <marquee behavior="scroll" scrollamount="10" direction="left"> <a href="http://www.uol.com.br" target="_blank"><img src="uol.gif"></a> <a href="http://www.xpg.com.br" target="_blank"><img src="xpg.gif"></a> </marquee> O que foi feito? 3.8. Linhas Com as linhas é possível criar separações entre textos e imagens. Exemplo: <hr width=70% /> Obs.: Width define a largura, em pixels ou em porcentagem, que a linha ocupa na tela. Digite no bloco de notas, salve como EXERC15.HTML e abra no navegador <hr width=50% /> 3.9. Listas Usamos listas para organizar temas/textos em uma página. Podemos definir três categorias distintas de listas: - Ordenada, - Sem ordenação - Encadeada (lista dentro de lista). Atenção: não é preciso usar as tags <p> ou <br /> para forçar quebras de linha, isto é feito automaticamente. Podemos incluir tags após cada tag de lista Listas Ordenadas - As listas ordenadas são numeradas e usam um bullet (marca de. ) para demarcar cada uma das linhas. - Em listas ordenadas, o navegador se encarrega de colocar os números que referenciam cada item da lista.

12 - Uma lista ordenada deve ser envolvida pelo par <ol>... </ol>. Exemplo: Digite no bloco de notas, salve como EXERC16.HTML e abra no navegador <html> <head> <title>lista Ordenada</title> </head> <body> <ol> <li> Primeiro item de uma lista ordenada </li> <li> Segundo item de uma lista ordenada </li> <li> Terceiro item de uma lista ordenada</li> </ol> </body> </html> Produzirá o seguinte resultado: 1. Primeiro item de uma lista ordenada 2. Segundo item de uma lista ordenada 3. Terceiro item de uma lista ordenada Listas sem Ordenação - Nas listas não ordenadas é utilizado algum símbolo gráfico. - Este tipo de lista será envolvido pelo par <ul>... </ul>. Exemplo: Digite no bloco de notas, salve como EXERC17.HTML e abra no navegador <html> <head> <title>lista Não Ordenada</title> </head> <body> <ul> <li> Primeiro item de uma lista não ordenada</li> <li> Segundo item de uma lista não ordenada </li> <li> Terceiro item de uma lista não ordenada</li> </ul> </body> </html> Produzirá o seguinte resultado:

13 Listas Encadeadas Podemos encadear tantas listas quantas quisermos, basta envolver cada nível de encadeamento com <ol>... </ol> ou <ul>... </ul>. Exemplo: Digite no bloco de notas, salve como EXERC18.HTML e abra no navegador <html> <head> <title>lista Encadeada</title> </head> <body> <ol> <li> Primeiro item de uma lista encadeada</li> <li> Segundo item de uma lista encadeada</li> <ul> <li> Terceiro item de uma lista encadeada</li> <li> Quarto item de uma lista encadeada</li> </ul> <li> Quinto item de uma lista encadeada</li> </ol> </body> </html> Produz o seguinte resultado: Link nas Listas Podemos colocar links nas listas, basta usar a tag de link logo após a tag de lista. Exemplo: Digite no bloco de notas, salve como EXERC19.HTML e abra no navegador <html> <head> <title>lista com Link</title> </head> <body> <ol> <li><a href="http://www.google.com.br">primeiro item de uma lista ordenada com link </a></li> <li> Segundo item de uma lista ordenada sem link</li> <li><a href="http://www.uol.com.br">terceiro item de uma lista ordenada com link </a></li> </ol> </body>

14 </html> Obs.: podemos incluir links externos (para outros sites) conforme o exemplo anterior ou links internos (para pontos fixos dentro da própria página ou abrindo outra página, criando âncoras, conforme já foi visto). Desafio: Altere o código de uma página criada em qualquer exercício anterior para incluir uma lista com link para um determinado ponto (âncora) da mesma página Listas Ordenadas em Algarismos Romanos e com Cabeçalho Exemplo 1: Digite no bloco de notas, salve como EXERC20.HTML, abra no navegador e analise o resultado <html> <head> <title> Lista ordenada em romanos</title> </head> <body> <ol type="i"> <lh> Cabeçalho da lista ordenada em romanos </lh> <li> Primeiro item da lista </li> <li> Segundo item da lista </li> <li> Terceiro item da lista </li> </ol> </body> </html> Variações: <ol type= I > <ol type= a > <ol type= A >. Exemplo 2: Altere o código do exercício anterior utilizando a tag <ol type= I > e salve como EXERC21.HTML, abra no navegador e analise o resultado Altere o código do exercício anterior utilizando a tag <ol type= a > e salve como EXERC22.HTML, abra no navegador e analise o resultado Altere o código do exercício anterior utilizando a tag <ol type= A > e salve como EXERC23.HTML, abra no navegador e analise o resultado

Este é o primeiro nível Este é o segundo nível Este é o terceiro nível Este é o quarto nível Este é o quinto nível Este é o sexto nível

Este é o primeiro nível Este é o segundo nível Este é o terceiro nível Este é o quarto nível Este é o quinto nível Este é o sexto nível 1. Conhecendo as Tags HTML Agora que já vimos como é um arquivo HTML básico, podemos começar a ver as tags que irão construir as páginas. Elas ficam após o comando e neste local já se pode começar a escrever

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

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

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

2 HTML Inserindo objetos

2 HTML Inserindo objetos 2 HTML Inserindo objetos Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Imagem...3 Links...5 Links para locais da mesma página...6 Áudio e vídeo...8

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

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

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

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

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

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

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

Ela funciona de um jeito parecido com as mídia de RSS próprio: o sistema acessa o feed do twitter e exibe, na tela, os últimos tweets.

Ela funciona de um jeito parecido com as mídia de RSS próprio: o sistema acessa o feed do twitter e exibe, na tela, os últimos tweets. Mídia do Twitter Esta mídia serve para mostrar os últimos tweets de uma conta específica. É útil para estabelecimentos que usam com frequência o twitter e que desejam que seus clientes acompanhem isso

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

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

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

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

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

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

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

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

72ABC - 2 Bimestre. Check-list para Prova Bimestral. 01 - Criar uma versão do site do primeiro bimestre em HTML.

72ABC - 2 Bimestre. Check-list para Prova Bimestral. 01 - Criar uma versão do site do primeiro bimestre em HTML. 72ABC - 2 Bimestre Check-list para Prova Bimestral 01 - Criar uma versão do site do primeiro bimestre em HTML. 02 Serão desenvolvidas as mesmas páginas já feitas, mas em versão HTML. A seguir, um exemplo

Leia mais

Redimensionamento de Imagens no Catálogo de Produtos

Redimensionamento de Imagens no Catálogo de Produtos REDIMENSIONAMENTO DE IMAGENS NO PORTAL DE OPERAÇÕES DO CARTÃO BNDES Redimensionamento de Imagens no Catálogo de Produtos Atualizado em 15/05/14 Pág.: 1/14 Introdução Este manual destina-se a orientar os

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

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

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

Leia mais

PHP Material de aula prof. Toninho (8º Ano)

PHP Material de aula prof. Toninho (8º Ano) Na aula anterior entendemos como se faz o acesso aos nossos arquivos PHP; Como construir um script em php. Nesta aula (3) vamos entender: Como roda o PHP Inserindo comentários Visualizando páginas a partir

Leia mais

Tela Principal. 2) Criação do CD para ser entregue ao cliente.

Tela Principal. 2) Criação do CD para ser entregue ao cliente. Tela Principal 1 1 Tela Principal 1) Coloque o e-mail que deseja receber o pedido enviado pelo cliente. Recomendamos emails da gmail ou hotmail, pois alguns provedores como yahoo ou terra, bloqueiam o

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

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

Downloads no EU VOU PASSAR 2.0

Downloads no EU VOU PASSAR 2.0 Downloads no EU VOU PASSAR 2.0 Conteúdo Instalando o Orbit Downloader... 1 Configurando o Orbit Downloader para o EU VOU PASAR 2.0... 8 Realizando os Downloads no Eu Vou Passar 2.0... 12 Fazendo o Download

Leia mais

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5.

Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Esse manual é um conjunto de perguntas e respostas para usuários(as) do Joomla! 1.5. Ele considera que você já tem o Joomla! instalado no seu computador. Caso você queira utilizá lo em um servidor na web,

Leia mais

Manual do Usuário Janeiro de 2016

Manual do Usuário Janeiro de 2016 Manual do Usuário Janeiro de 2016 SOBRE CMX CMX é uma interface que dá acesso aos estudantes a milhares de atividades, exercícios e recursos todos posicionados com os padrões e conceitos curriculares.

Leia mais

Continuação. 32. Inserir uma imagem da GALERIA CLIP-ART

Continuação. 32. Inserir uma imagem da GALERIA CLIP-ART Continuação 32. Inserir uma imagem da GALERIA CLIP-ART a) Vá para o primeiro slide da apresentação salva no item 31. b) Na guia PÁGINA INICIAL, clique no botão LAYOUT e selecione (clique) na opção TÍTULO

Leia mais

Simão Pedro P. Marinho

Simão Pedro P. Marinho Simão Pedro P. Marinho Para uso exclusivo por alunos da PUC Minas Numa web page podemos encontrar, basicamente, 3 (três) tipos de links, além do que permite abrir o software de e-mail para enviar uma mensagem.

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

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA

FERRAMENTAS DE COLABORAÇÃO CORPORATIVA FERRAMENTAS DE COLABORAÇÃO CORPORATIVA Compartilhamento de Arquivos no Google Drive Sumário (Clique sobre a opção desejada para ir direto à página correspondente) Utilização do Google Grupos Introdução...

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

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

O Windows 7 é um sistema operacional desenvolvido pela Microsoft.

O Windows 7 é um sistema operacional desenvolvido pela Microsoft. Introdução ao Microsoft Windows 7 O Windows 7 é um sistema operacional desenvolvido pela Microsoft. Visualmente o Windows 7 possui uma interface muito intuitiva, facilitando a experiência individual do

Leia mais

Aula Au 3 la 9 Windows-Internet

Aula Au 3 la 9 Windows-Internet Aula 39 Aula 1 Resolução de Vídeo São as dimensões de uma imagem ou tela na horizontal e vertical, medida em pixels. O termo pixel tem origem do inglês, sendo composto pelas palavras picture (imagem) e

Leia mais

Características do PHP. Começando a programar

Características do PHP. Começando a programar PHP Introdução Olá pessoal. Desculpe o atraso na publicação da aula. Pude perceber pelas respostas (poucas) ao fórum que a realização da atividade do módulo I foi relativamente tranquila. Assistam ao vídeo

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

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

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

TUTORIAL PARA ATUALIZAÇÃO DO PORTAL DO TJRN

TUTORIAL PARA ATUALIZAÇÃO DO PORTAL DO TJRN Poder Judiciário do Estado do Rio Grande do Norte TUTORIAL PARA ATUALIZAÇÃO DO PORTAL DO TJRN Agosto/2012 Versão 1.0 1. ACESSANDO O PORTAL Acesse o site do TJ no endereço www.tjrn.jus.br Observação: utilize

Leia mais

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software

MANUAL DO ANIMAIL 1.0.0.1142 Terti Software O Animail é um software para criar campanhas de envio de email (email Marketing). Você pode criar diversas campanhas para públicos diferenciados. Tela Principal do sistema Para melhor apresentar o sistema,

Leia mais

Guia de Início Rápido

Guia de Início Rápido Guia de Início Rápido O Microsoft Word 2013 parece diferente das versões anteriores, por isso criamos este guia para ajudar você a minimizar a curva de aprendizado. Barra de Ferramentas de Acesso Rápido

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

O Windows também é um programa de computador, mas ele faz parte de um grupo de programas especiais: os Sistemas Operacionais.

O Windows também é um programa de computador, mas ele faz parte de um grupo de programas especiais: os Sistemas Operacionais. MICROSOFT WINDOWS O Windows também é um programa de computador, mas ele faz parte de um grupo de programas especiais: os Sistemas Operacionais. Apresentaremos a seguir o Windows 7 (uma das versões do Windows)

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

Ave: Manual do usuário

Ave: Manual do usuário As iniciais no canto superior esquerdo indicam a atual lista de espécies em uso. Clique neste campo para abrir uma grade com todas Ave: Manual do usuário Introdução A Janela Inicial O botão Listas Sobre

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 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre

Leia mais

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Índice Como acessar o Moodle Editando seu PERFIL Editando o curso / disciplina no Moodle Incluindo Recursos

Leia mais

Série ArcGIS Online I. Aprenda em 20. Módulo 4. Configure pop-ups. www.academiagis.com.br

Série ArcGIS Online I. Aprenda em 20. Módulo 4. Configure pop-ups. www.academiagis.com.br Série ArcGIS Online I Aprenda em 20 Módulo 4 Configure pop-ups Junho/2015 academiagis@img.com.br www.academiagis.com.br 1 Configure pop-ups No módulo 3, você trabalhou com várias propriedades diferentes

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

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

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

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

Autoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza 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 Apresentar

Leia mais

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo) APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 - Área de trabalho e personalizando o sistema... 3 A área de trabalho... 3 Partes da área de trabalho.... 4 O Menu Iniciar:...

Leia mais

Informática básica: Sistema operacional Microsoft Windows XP

Informática básica: Sistema operacional Microsoft Windows XP Informática básica: Sistema operacional Microsoft Windows XP...1 Informática básica: Sistema operacional Microsoft Windows XP...1 Iniciando o Windows XP...2 Desligar o computador...3 Área de trabalho...3

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

LGTi Tecnologia. Manual - Outlook Web App. Soluções Inteligentes. Siner Engenharia

LGTi Tecnologia. Manual - Outlook Web App. Soluções Inteligentes. Siner Engenharia LGTi Tecnologia Soluções Inteligentes Manual - Outlook Web App Siner Engenharia Sumário Acessando o Outlook Web App (Webmail)... 3 Email no Outlook Web App... 5 Criar uma nova mensagem... 6 Trabalhando

Leia mais

Etapa 1: Limpar o computador e executar o Windows Update

Etapa 1: Limpar o computador e executar o Windows Update Usuários do Windows 7: Tente usar o utilitário de diagnóstico gratuito da HP para ajudá-lo a encontrar o melhor driver! IMPORTANTE: Você deve seguir estas soluções na ordem que são apresentadas para resolver

Leia mais

Manual de utilização da Ferramenta para disparo de E-mkt

Manual de utilização da Ferramenta para disparo de E-mkt Manual de utilização da Ferramenta para disparo de E-mkt 1 Índice Menu e-mail marketing...03 Conteúdo da mensagem...04 Listas de contatos...15 Ações de e-mail marketing...19 Perguntas frequentes...26 2

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

Manual da Administração do site Abrasel 2.0

Manual da Administração do site Abrasel 2.0 Manual da Administração do site Abrasel 2.0 Caro usuário, Você está recebendo o manual que lhe dará acesso ao administrador do site 2.0 onde será possível fazer as seguintes alterações: Inserir notícias

Leia mais

MicrovixPOS Configurações Iniciais do IE e Testes de Desempenho da Internet

MicrovixPOS Configurações Iniciais do IE e Testes de Desempenho da Internet MicrovixPOS Configurações Iniciais do IE e Testes de Desempenho da Internet Público Alvo Rodrigo Cristiano dos Santos Suporte Técnico, Consultoria e Desenvolvimento. Histórico Data Autor Descrição 13/06/2012

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

Manual do Usuário Nextel Cloud. Manual do Usuário. Versão 1.0.1. Copyright Nextel 2014. http://nextelcloud.nextel.com.br

Manual do Usuário Nextel Cloud. Manual do Usuário. Versão 1.0.1. Copyright Nextel 2014. http://nextelcloud.nextel.com.br Manual do Usuário Nextel Cloud Manual do Usuário Versão 1.0.1 Copyright Nextel 2014 http://nextelcloud.nextel.com.br 1 Manual do Usuário Nextel Cloud 1 Índice 1 Índice... 2 2 Nextel Cloud... 3 3 Instalação

Leia mais

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de:

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de: AULA: BrOffice Impress terceira parte Objetivo Ao final dessa aula, você deverá ser capaz de: Conhecer a integração dos softwares do BrOffice; Aprender a trabalhar no slide mestre; Utilizar interação entre

Leia mais

Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail. Zimbra Versão 8.0.2

Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail. Zimbra Versão 8.0.2 Manual de Utilização COPAMAIL Criando e configurando a assinatura de e-mail Zimbra Versão 8.0.2 Sumário Convertendo a assinatura de e-mail a partir do Microsoft Outlook... 1 Para usuários do Microsoft

Leia mais

Curso Online A Escola no Combate ao Trabalho Infantil Plataforma de Educação à Distância

Curso Online A Escola no Combate ao Trabalho Infantil Plataforma de Educação à Distância Página1 Apresentação Curso Online A Escola no Combate ao Trabalho Infantil Plataforma de Educação à Distância Olá Participante do Curso A Escola no Combate ao Trabalho Infantil (ECTI), Este tutorial pretende

Leia mais

Manual de Atualização MATERIAL DE APOIO - KB IMÓVEIS

Manual de Atualização MATERIAL DE APOIO - KB IMÓVEIS 1 2 Manual de Atualização MATERIAL DE APOIO - KB IMÓVEIS Login é a área de autenticação do sistema. Por questões de segurança, é necessário que o usuário se identifique, impedindo a entrada de pessoas

Leia mais

Lync Acessando o Lync Web App

Lync Acessando o Lync Web App Lync Acessando o Lync Web App Saiba como ingressar em uma reunião, quais são os recursos disponíveis, as configurações e conheça o layout do Lync Web App. Sumário Lync Web App... 1 Ingressar em uma Reunião

Leia mais

Apresentação. Estamos à disposição para quaisquer dúvidas e sugestões! Atenciosamente, Equipe do Portal UNESC

Apresentação. Estamos à disposição para quaisquer dúvidas e sugestões! Atenciosamente, Equipe do Portal UNESC Sumário Apresentação... 1 1. Orientações Iniciais... 2 2. Materiais de Apoio... 4 3. Fóruns... 7 4. Entregas de Trabalho... 13 5. Escolhas... 16 6. Salas de Bate-papo... 18 7. Como criar/alterar a senha

Leia mais

MANUAL DO INSTAR-MAIL 1.0. Pagina de login e senha do Instar-Mail

MANUAL DO INSTAR-MAIL 1.0. Pagina de login e senha do Instar-Mail 1º Passo: Acesse o seguinte endereço http://www.smtp.com.br/sg/cliente/logar.php MANUAL DO INSTAR-MAIL 1.0 2º Passo: Será apresentada uma tela solicitando o seu login e senha: Sendo assim: Digite o seu

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

O computador organiza os programas, documentos, músicas, fotos, imagens em Pastas com nomes, tudo separado.

O computador organiza os programas, documentos, músicas, fotos, imagens em Pastas com nomes, tudo separado. 1 Área de trabalho O Windows XP é um software da Microsoft (programa principal que faz o Computador funcionar), classificado como Sistema Operacional. Abra o Bloco de Notas para digitar e participar da

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

Aula Au 3 la 3 Windows-Internet

Aula Au 3 la 3 Windows-Internet Aula 33 Aula O QUE É INFORMÁTICA? O meio mais comum da utilização da informática são os computadores que tratam informações de maneira automática. Informática Informação Automática TIPOS DE SOFTWARES Parte

Leia mais

Portal do Projeto Tempo de Ser

Portal do Projeto Tempo de Ser Sumário Portal do Projeto Tempo de Ser O que é um Wiki?...2 Documentos...2 Localizando documentos...3 Links...3 Criando um Documento...4 Criando um link...4 Editando um Documento...5 Sintaxe Básica...5

Leia mais

INSTALAÇÃO DO CHEF FOODS NET

INSTALAÇÃO DO CHEF FOODS NET INSTALAÇÃO DO CHEF FOODS NET Obs.: Caso já possua um programa compactador de arquivo pular a etapa 1. 1 - Compactador de Arquivo Para instalar o Chef Foods Net você precisa de um programa descompactador

Leia mais

1 Crie uma pasta (dentro do seu diretório) com o seu nome. 2. Se tiver dúvida pergunte o seu professor

1 Crie uma pasta (dentro do seu diretório) com o seu nome. 2. Se tiver dúvida pergunte o seu professor i.exe FrontPage Criação de Home Page s PPaaggi innaa 1 Sobre FrontPage Parte 1 Front Page é uma ferramenta para criação e gerenciamento de web s.o aluno não necessita de nenhum conhecimento de programação

Leia mais

Simão Pedro P. Marinho, Ramon Orlando de Souza Flauzino NARRATIVAS DIGITAIS

Simão Pedro P. Marinho, Ramon Orlando de Souza Flauzino NARRATIVAS DIGITAIS Simão Pedro P. Marinho, Ramon Orlando de Souza Flauzino NARRATIVAS DIGITAIS CRIANDO VÍDEOS a partir do Microsoft PowerPoint para narrativas digitais 3 Recomenda-se a leitura do documento 14 dicas para

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

Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor

Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor Ambiente Virtual de Aprendizagem C.S.G. M anual do Professor Sumário Pré-requisitos para o Moodle... Entrar no Ambiente... Usuário ou senha esquecidos?... Meus cursos... Calendário... Atividades recentes...

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

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

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

Microsoft Internet Explorer. Browser/navegador/paginador

Microsoft Internet Explorer. Browser/navegador/paginador Microsoft Internet Explorer Browser/navegador/paginador Browser (Navegador) É um programa que habilita seus usuários a interagir com documentos HTML hospedados em um servidor web. São programas para navegar.

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

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

Usar o Office 365 no iphone ou ipad

Usar o Office 365 no iphone ou ipad Usar o Office 365 no iphone ou ipad Guia de Início Rápido Verificar o email Configure o seu iphone ou ipad para enviar e receber emails de sua conta do Office 365. Verificar o seu calendário onde quer

Leia mais

Manual Sistema MLBC. Manual do Sistema do Módulo Administrativo

Manual Sistema MLBC. Manual do Sistema do Módulo Administrativo Manual Sistema MLBC Manual do Sistema do Módulo Administrativo Este documento tem por objetivo descrever as principais funcionalidades do sistema administrador desenvolvido pela MLBC Comunicação Digital.

Leia mais

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia.zip novembro 1996 Tutorial - Autoria em World Wide Web

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia.zip novembro 1996 Tutorial - Autoria em World Wide Web RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia.zip novembro 1996 Tutorial - Autoria em World Wide Web Parte V - Hypertext

Leia mais

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias

Portal da Prefeitura de São Paulo SECOM. MANUAL DO WARAM v. 1.5 Secretarias SECOM MANUAL DO WARAM v. 1.5 Secretarias WARAM 1.5 Ferramenta de atualização do Portal da Prefeitura de São Paulo. Use preferencialmente o navegador Internet Explorer superior ou igual a 7.0. No campo

Leia mais

IMPEDIR QUE TODOS BLOGS E SITES PUXEM FOTOS, IMAGENS E GIFS

IMPEDIR QUE TODOS BLOGS E SITES PUXEM FOTOS, IMAGENS E GIFS IMPEDIR QUE TODOS BLOGS E SITES PUXEM FOTOS, IMAGENS E GIFS ***************************************************************** Você tem um site de imagens, fotos e gifs e percebe que alguns Blogs e Sites

Leia mais