H T M L V E R S. 8 HTML
|
|
|
- Jonathan da Costa Castelhano
- 8 Há anos
- Visualizações:
Transcrição
1 Índice a) HTML b) Criando sua primeira página c) Visualizando sua página d) Formatar o texto e) Exemplos de cores f) Parágrafos g) Imagens h) Hyperlink i) j) Download k) Link Legal l) Tabelas m) Formulário n) Frames o) JavaScript p) Evitando erros q) Enviando suas páginas r) Tornando sua página conhecida s) Considerações finais H T M L V E R S. 8 HTML A Linguagem HTML (Hypertext Markup Language Linguagem de Marcação de Hipertexto) é usada para criar as páginas divulgadas na World Wide Web, o serviço, mas popular na Internet. É com ela que são feitos os hyperlinks que permitem navegar pela Web. Para isso, utiliza marcações, chamadas tags, no ponto da página em que é feito um hyperlink com outra página. Para criar uma página HTML, usaremos o Bloco de notas, um editor de texto simples que acompanha o Windows e um navegador (Browser) Netscape Communicator e Microsoft Internet Explorer. Isto é tudo que você precisa. Por que Netscape Communicator e Microsoft Internet Explorer? Porque há uma diferença na exibição das páginas entre os navegadores. Neste caso é bom testar suas páginas em ambos navegadores. Antes de começar a criar suas páginas crie uma pasta para armazenar todas páginas e figuras Abra o Windows Explorer (Iniciar/ Programas/ Windows Explorer); Com o Windows Explorer aberto clique em Arquivo/ Novo/ Pasta; Dê um nome sugestivo a esta pasta e coloque todas imagens gif e jpg que gostaria que sua página tivesse nesta pasta. Você pode criar suas páginas em um disquete; Não esquecendo de colocar todas imagens gif e jpg.
2 Criando sua primeira página HTML 1º Abra o Bloco de notas. Clique em Editar e marque o item Mudança Automática de linha. 2º Digite a seguinte tag: Toda página HTML deve iniciar com essa tag. 3º Digite: O cabeçalho de sua página deve ser delimitado pelas tags e 4º Digite: <TITLE> Onde deve ficar o título da página Feche com a tag</title> Exemplo: <TITLE>Minha primeira página HTML</TITLE> 5º Feche agora o cabeçalho de sua página digitando 6º Digite: Para abrir o corpo da página. Você pode deixar uma cor para o corpo da página. Digitando Ex.: <BODY BGCOLOR= CCFFFF > Daqui pra frente você pode inserir um título e o texto que será exibido na página. Exemplo: <H1>Essa é minha primeira página HTML</H1> O tamanho vai de <H1> tamanho maior até <H6> tamanho menor. 7º Para inserir texto digite: <P> texto aqui... Não esquecendo de fechar com a tag </P> Exemplo: <P>Páginas HTML podem ser criadas em qualquer editor de texto. Ex: Bloco de notas. Você deve salvar sua página HTML com extensão.htm ou.html. Para evitar que seu editor de texto coloque.txt como extensão do nome digite aspas envolvendo o nome do arquivo "nome.html"</p> 8º Vamos fechar o corpo da página digitando: 9º Fechando a página digitando a tag
3 Exemplo completo <TITLE>Minha primeira página HTML</TITLE> <H1>Essa é minha primeira página HTML</H1> <P>Páginas HTML podem ser criadas em qualquer editor de texto. Ex: Bloco de notas. Você deve salvar sua página HTML com extensão.htm ou.html. Para evitar que seu editor de texto coloque.txt como extensão do nome digite aspas envolvendo o nome do arquivo "nome.html"</p> 10º Salve sua página HTML clicando em Arquivo/Salvar. Dê um nome para a página que acabou de criar escolha à pasta (Salvar em:) Salve com extensão.htm ou.html. Exemplo: nome.htm ou nome.html Para evitar que seu editor de texto coloque.txt como extensão do nome digite aspas envolvendo o nome do arquivo "nome.html". Visualizando sua página Abra seu navegador padrão Internet Explorer (IE) ou Netscape Communicator. Clique em Arquivo/ Abrir/ Procurar/ Examinar escolha a pasta que criou para armazenar suas página clique na página que criou e clique em Abrir. No Netscape versão 4.0 mais comum (Inglês). Clique em File/ Open Page/ Choose File/ Examinar escolha a pasta e a página e clique em Abrir. Exemplo da explicação entre os passo 1º ao 10º na pasta Exemplos. Exemplos/Texto.htm Formatar o Texto Uma página HTML é reconhecida pelas seguintes tags <TITLE></TITLE> Texto, imagem, formulários deve ficar entre as tags e
4 Veja agora algumas tags para formatar o seu texto. <H1>Permite inserir título Ex. <H1>texto aqui</h1> <H2>texto aqui</h2> <H3>texto aqui</h3> <H4>texto aqui</h4> <H5>texto aqui</h5> <H6>texto aqui</h6> <P>Inseri texto comum e dá espaço de uma linha Ex: <P ALIGN= CENTER >texto aqui</p> Texto alinhado ao centro. Formatos para alinhamento ALIGN (RIGHT, CENTER e LEFT). <FONT>Permite inserir nome da fonte, tamanho e cor. Ex.: <FONT FACE= ARIAL COLOR= BLUE SIZE=2> FACE nome da fonte. Outros nomes COURIER NEW, VERDANA, IMPACT, etc. COLOR cor da fonte Exemplos de cores BLACK BLUE BEIGE GOLD GRAY GREEN NAVY ORANGE PINK RED TEAL YELLOW WRITE SILVER CYAN Preto Azul Bege Ouro Cinza Verde Azul marinho Laranja Rosa Vermelho Verde azulado Amarelo Branco Prata Azul claro SIZE tamanho, que vai de tamanho menor 1 até tamanho maior 7 <B> Texto em negrito Ex.: <B>texto aqui</b> <I> Texto em Itálico Ex.: <I>texto aqui</i> <U> Texto sublinhado Ex.: <U>texto aqui</u> <SUP> Texto sobrescrito Ex.: <SUP> texto aqui </SUP> <SUB> Texto subscrito Ex.: <SUB> texto aqui </SUB> <TT>Texto mono- espaço Ex.: <TT>texto aqui</tt>
5 Parágrafos Utilizando determinadas tags você pode recuar texto, marcar itens, numerar itens, justificar, centralizar parágrafos, etc. <BLOCKQUOTE> Deixa parágrafo um pouco recuado Ex.: <BLOCKQUOTE>texto aqui</blockquote> <PRE>Deixa o texto igualzinho ao que você escreveu. Ex.:<PRE> te x t o a qu i</pre> <OL>Lista ordenada Ex.: <OL> <LI>JavaScript <LI>VBScript <LI>ActiveX</<OL> Resultado 1. JavaScript 2. VBScript 3. ActiveX <UL>Lista não ordenada Ex.: <UL> <LI>ICQ <LI>AutoCad <LI>SQL </UL> Resultado ICQ AutoCad SQL UL ainda pode ter outros formatos exemplo <UL TYPE=CIRCLE> <UL TYPE=SQUARE> <UL TYPE=DISC> <CENTER>Centraliza determinado texto Ex.:<CENTER>Apostilas para download grátis</center> Imagens A melhor opção em formato de imagens é sendo dúvida nenhuma o formato GIF, que é mais compacto até mesmo que o formato JPG e pode ser animado GIF. Saiba como na apostila Animção GIF no endereço Nunca mas nunca mesmo envie imagens no formato BMP. Eu costumo usar dois programas para criar minhas imagens GIF. Um deles é o Paint e outro Microsoft Photo Editor que permite transparência.
6 Para inserir uma imagem no corpo da página usamos <IMG SRC= imagem.gif > Este é o modo mais simples. Sem determinar altura e largura da imagem. IMG define que é uma tag para imagem. SRC define o caminho neste caso a pasta ou mesmo se a imagem estiver na mesma pasta somente o nome da imagem e sua extensão que pode ser GIF ou JPG. Se quiser colocar outro formato tudo bem. Trabalhando com imagem e texto é bom definir como será apresentado a imagem eu relação ao texto. Veja o exemplo abaixo: <FONT FACE="ARIAL" SIZE=2> Muitos querem saber quem é o dono da Internet ou quem administra os milhares de computadores e linhas que a fazem funcionar.<img SRC="Imagens/micro.gif" ALT="Imagem de um Computador" ALIGN="right"> Vamos voltar um pouco no tempo. Nos anos 60, quando a Guerra Fria pairava no ar, grandes computadores espalhados pelos Estados Unidos armazenavam informações militares estratégicas... </FONT> ALT um texto exibido quando se passa o mouse sobre a imagem. Também pode ser útil para indicar do que se trata a imagem quando a página está carregando. ALIGN= alinhamento. Neste caso alimento a direita da tela Outros alinhamento possíveis CENTER, LEFT. Você pode especificar altura e largura da imagem caso ocorra uma necessidade de diminuir o tamanho da imagem. Ex.: <IMG SRC="Imagens/micro.gif" ALT="Imagem de um Computador" ALIGN="right" WIDTH= 100 HEIGHT= 100 > Você notou que SRC é o local( pasta Imagens) onde se encontra a imagem micro.gif. Caso queira apontar para uma figura de uma página. Ex.: <IMG SRC= > Isso reduz a quantidade de imagens em sua pasta no servidor. Atenção: O visitante de uma página acaba desistindo de carregar uma página que está demorando aparecer. Coloque no máximo 20 KB de imagem por página. Com a maioria dos modem à KBps sua página aparece em segundos. Agora se você quer colocar 10 imagens de 20 KB cada por página a responsabilidade é toda sua, mas não fique bravo se ninguém esperar pelo conteúdo enquanto carrega as figuras. Sendo que o navegador mostra primeiro o texto.
7 Exemplo de como inserir imagens <TITLE>Trabalhando com Imagens</TITLE> <H1>A Internet</H1> <FONT FACE="ARIAL" SIZE=2> Muitos querem saber quem é o dono da Internet ou quem administra os milhares de computadores e linhas que a fazem funcionar.<img SRC="Imagens/micro.gif" ALT="Imagem de um Computador" ALIGN="right"> Vamos voltar um pouco no tempo. Nos anos 60, quando a Guerra Fria pairava no ar, grandes computadores Espalhados pelos Estados Unidos armazenavam informações militares estratégicas... </FONT> Exemplo na pasta Exemplos. Imagens.html Hyperlink Para inserir um hyperlink que aponte para outra página digitamos <A HREF= outropagina.html >Outro Página</A> A de âncora HREF local referente Outro Página texto visível as vezes sublinhado. Passando o mouse sobre o texto o ponteiro de mouse se torna uma mão com um dedo apontando para clicar. </A> Ex.: <A HREF= apostilas.html >Apostilas</A> O exemplo acima é referente a uma página da mesma pasta. Ex.: <A HREF= >Apostilas</A> O exemplo acima é referente a uma página que está em outra endereço Internet. Faça com que o visitante ao clicar em um link abra uma outra janela do navegador Ex.: <A HREF= apostilas.html TARGET= _NEW >Apostilas</A> TARGET= _NEW abre o endereço em uma nova janela TARGET= _TOP abre o endereço na mesma janela _NEW é muito útil se você criou um link para página de um amigo ou um membro do Club do Banner. Dessa forma sua página não é totalmente abandonada. Se você quiser incluir uma imagem que quando clicada abre uma página faça assim Ex.:<A HREF= apostilas.html ><IMG SRC= apostilas.gif BORDER=0></A> A HREF âncora e local IMG SRC imagem e local Convém deixar BORDER=0 se não a imagem fica com borda de link padrão.
8 E- mail Para alguém envie um e- mail para sua conta de e- mail basta digitar a seguinte tag <A HREF= MAILTO:seu @provedor.com.br >Dúvidas, Críticas e sugestões envie um e- mail</a> A HREF âncora e local MAILTO e- mail para sua conta de e- mail neste caso fictício seu provedor.com.br local onde você mantém seus e- mails Dúvidas, Críticas e sugestões... texto a ser clicado com o mouse Você pode incluir um texto no espaço para assunto Subject Ex.: <A HREF= MAILTO:apostilas@option-line.com?SUBJECT=JavaScript >JavaScript</A> Download É fácil fazer com que um visitante baixe um arquivo em sua página. GIF, JPG, HTML, TXT entre outros são formatos que abrem no próprio navegador. EXE, ZIP, ARJ, entre outros são arquivos que podem ser baixados para o computador do visitante. Provavelmente você clicou em em html8.zip para baixar esta apostilas Basta escrever <A HREF= html8.zip >HTML8</A> A HREF âncora e local html8.zip arquivo e extensão HTML8 texto ao ser clicando para baixar arquivo. Link legal Vamos supor que você esteja criando uma página com um índice e quer que os visitantes ache rapidamente o tópico que procura em apenas um clique. Então crie Links que achem determinado texto na página Ex.: <A HREF="#link">Apostila JavaScript</A> <BR> <A HREF="#link2">Apostila VBSCript</A> <BR> Para testar insira neste espaço alguns <BR> ( quebra de linha) e <HR> um traço que cobre uma linha <A NAME="link">Apostila JavaScript</A> <BR> <A NAME="link2">Apostila VBScript</A> Ao clicar em <A HREF= #link >Apostilas JavaScript</a> O visitante será levado até o texto sobre JavaScript que você insere após a linha <A NAME= link >Apostila JavaScript</A> Tabelas Com uma tabela você pode fazer algo simples como uma tabela de preço de produtos, dividir o texto lado- a- lado com as figuras. O limite é sua imaginação.
9 Para inicial uma tabela digite o seguinte <TABLE BORDER CELLSPACING=2 CELLPADDING=2 COLS=3 WIDTH="100%" BGCOLOR="#FFFF99" > TABLE de tabela em inglês BORDER de borda se você colocar BORDER=0 sua tabela não terá bordas. CELLSPACING espaço entre as células CELLPADDING espaço entre o texto e as bordas da célula mesmo que BORDER=0 COLLS quantidade de colunas neste caso 3 para Apostila, Descrição e Preço WIDTH largura BGCOLOR cor de fundo TR (Table Row) são as linhas <TD>Apostila</TD> TD ( Table Data) são as colunas <TD>Descrição</TD> <TD>Preço</TD> <TD>JavaScript 1.2</TD> <TD>Linguagem para Web</TD> <TD>R$ 30,00 reais</td> <TD>VBScript</TD> <TD>Linguagem para Web</TD> <TD>R$ 30,00 reais</td> <TD>Word 2000</TD> <TD>Processdor Word ver. 2000</TD> <TD>R$ 45,00 reais</td> <TD>Linux</TD> <TD>Aprenda sobre Linux</TD> <TD>R$ 25,00 reais</td> </TABLE>
10 Exemplo completo <TABLE BORDER CELLSPACING=2 CELLPADDING=2 COLS=3 WIDTH="100%" BGCOLOR="#FFFF99" > <TD>Apostila</TD> <TD>Descrição</TD> <TD>Preço</TD> <TD>JavaScript 1.2</TD> <TD>Linguagem para Web</TD> <TD>R$ 30,00 reais</td> <TD>VBSCript</TD> <TD>Linguagem para Web</TD> <TD>R$ 30,00 reais</td> <TD>Word 2000</TD> <TD>Processdor Word ver. 2000</TD> <TD>R$ 45,00 reais</td> <TD>Linux</TD> <TD>Aprenda sobre Linux</TD> <TD>R$ 25,00 reais</td> </TABLE> Resultado da tabela Apostilas Descrição Preço JavaScript Linguagem para Web R$ 30,00 reais VBScript Linguagem para Web R$ 30,00 reais Word 2000 Processador Word ver R$ 45,00 reais Linux Aprenda sobre Linux R$ 25,00 reais Você pode especificar ainda cor de células e cor de todo funda da tabela Ex.: <TABLE BORDER CELLSPACING=2 CELLPADDING=2 COLS=3 WIDTH="100%" BGCOLOR="#336699" > <TR BGCOLOR= #CCFFFF > <TD BGCOLOR= NAVY > Uma tabela não serve somente para inserir texto, você pode inserir hyperlink, figuras, botões que veremos a seguir em Formulário
11 Formulário Qualquer um que mantém uma Home Page na Internet gostaria de saber se o que o visitante achou da página. Isso pode ser feito por e- mail mas um formulário pode ir além. Um formulário pode servir de pesquisa com botões de rádio, caixas de texto com valor pré- formatado. Mas vamos começar pelo básico. Um botão. Mas um botão não é um formulário? Mas faz parte! Digite o seguinte Todo formulário começar com a tag <FORM>\ <FORM METHOD=get ACTION="minhapagina.htm" target=_new> METHOD forma de envio de dados que poderia ser POST de postar ACTION neste caso qual página será aberta TARGET abre o documento em uma nova página <INPUT TYPE=submit VALUE="Minha Página"> TYPE será um botão SUBMIT após TYPE você pode escrever TEXT que é uma caixa de texto neste caso aui não faz nada. VALUE Minha Página </FORM> Exemplo completo: <TITLE>Botões de formulário</title> <H1>Botões</H1> </CENTER> <FORM METHOD=get ACTION="Tabela.html" target=_new> <INPUT TYPE=submit VALUE=" Tabela "> </FORM> </CENTER> Se você quer coletar dados dos visitantes em sua página use um formulário. Os dados preenchidos serão enviados diretamente para sua conta de e- mail. O problema da maioria dos formulários está na hora de submeter os dados. Nem usando JavaScript as coisas saem como esperado, prepare- se para receber dados com este formato Oi+como+vai+tudo+bem?+Meu+nome+é. Se você não quer que isso aconteça deixa este trabalho para o formulário do próprio servidor. Eu uso o formulário da OPTION-LINE que envia os dados corretamente para minha conta de e- mail apostilas@option line.com É necessário se cadastre e receber uma senha, seu e- mail e seu espaço para construir sua Home Page. Se preferir você pode usar os GuestBooks( livro de visitantes). Digite GuestBooks no espaço reservado para palavra a ser pesquisa em um sistema de busca. Mas você pode testar um sistema de envio de formulários para sua conta de correio usando JavaScript. Abra a pasta Exemplos/ JavaScript. Crie e modifique a primeira página onde o visitante preenche os dados. Pasta Exemplos/JavaScript/ .txt Crie e modifique a Segunda página onde é informado ao visitante que sua página foi enviada com sucesso Pasta Exemplos/JavaScript/ 02.txt
12 Frames Uns adoram outros detestam. Abrir uma página que tenha um índice de um lado e seu conteúdo do outro é maravilhoso. Porém se os quadro não forem bem planejados toda a estrutura da página pode ser comprometida. Uma página com frames está na verdade abrindo duas ou mais páginas em uma só janela do navegador. Para criar uma página eficiente usando os frames faça dessa forma 1º criar duas ou três páginas que o frame usará 2º geralmente no quadro maior é onde as páginas abrem 3º para ter uma página usando 02 frames você precisa de três páginas. Veja o exemplo abaixo de Frame 1º Frame <TITLE></TITLE> <A HREF="Efeitos.html" TARGET="gratis">Efeitos</A><BR> <A HREF="Tabela.html" TARGET="gratis">Tabela</A><BR> <A HREF="Texto.html" TARGET="gratis">Texto</A><BR> <A HREF="Imagens.html" TARGET="gratis">Imagens</A> 2º Frame <TITLE></TITLE> <BR> <P ALIGN="CENTER">Aguardando</P> A página Frame já pronta <TITLE>Trabalhando com Frames</TITLE> <FRAMESET COLS="20%,80%"> <FRAME SRC="Frame1.html" NAME="apostilas"> <FRAME SRC="Frame2.html" NAME="gratis"> </FRAMESET>
13 Entenda como foi criado o frame acima <TITLE>Trabalhando com Frames</TITLE> <FRAMESET COLS="20%,80%"> Divide a página em duas colunas ( COLS). Poderia ser em duas linhas(rows) Uma das colunas ocupará 20% e a outro 80%. <FRAME SRC="Frame1.html" NAME="apostilas"> A primeira página com 20% abre a página Frame1.html, atributo ( Name) apostilas. <FRAME SRC="Frame2.html" NAME="gratis"> O segundo quadro com 80% abre a página Frame2.html, atributo(name) gratis </FRAMESET> Fechando os quadros Os Hyperlinks da primeira página abrem no segundo quadro de NAME= gratis <A HREF="Efeitos.html" TARGET="gratis">Efeitos</A><BR> <A HREF="Tabela.html" TARGET="gratis">Tabela</A><BR> <A HREF="Texto.html" TARGET="gratis">Texto</A><BR> <A HREF="Imagens.html" TARGET="gratis">Imagens</A> Dentro de uma tag <FRAME> você pode utilizar algumas formatações. <FRAME SRC= Fram1.html NAME= apostilas NORESIZE> NORESIZE não permite modificar o quadro SCROLLING barra de rolagem. YES ( sim), NO ( não), AUTO( automático) Ex.:SCROLLING= NO MARGINWIDTH cria uma margem horizontal Ex.: MARGINWIDTH= 50 MARGINHEIGTH cria uma margem vertical Ex.: MARGINHEIGTH= 50 JavaScript Desenvolvido pela Netscape Communications Corporation JavaScript foi a primeira linguagem de script para páginas Web. Popular, sofisticada, escrita da mesma forma que as tags HTML, usando o Bloco de notas ou qualquer outro editor de texto. Não confundir Java com JavaScript. Apesar de nomes parecidos e algumas semelhanças Java é uma linguagem para criar verdadeiros programas compilados,( Ex. WordPerfect) enquanto JavaScript não contém compilador e é inserido diretamente em um documento HTML. Todo documento HTML deve começar com as Tags <TITLE>Minha página</title> Você pode inserir os scripts entre as tags e Digite após a Tag <SCRIPT LANGUAGEM= JavaScript > Todo script começa com a instrução <SCRIPT> O Browser reconhece este script como sendo JavaScript através da tag LANGUAGEM= JavaScript
14 Digite document.write(document.lastmodified); Veja a linha abaixo document.write Esta linha escreve no documento document.lasmodified Última data em que o documento foi modificado Feche o script com a tag </SCRIPT> Exemplo completo <TITLE></TITLE> <H3>Mostra a última data que o documento foi modificado</h3> <SCRIPT LANGUAGE="JavaScript"> document.write(document.lastmodified); </SCRIPT> No script acima o Browser mostra a última data, horário em que o documento HTML foi modificado Na internet você encontra alguns script úteis e outros nem tanto. Recebo vários e- mails me pedindo um script que contenha um prompt e senha de acesso as página. Se você quer fechar determinada área de seu site a alguns visitantes e não sabe como fazer isso crie uma página de nome Senha.html Esta página abrirá um prompt para digitar uma senha e pressionar Ok ou Cancel Caso a senha esteja correta o usuário será levado até a página para visitantes com senhas Caso contrário o visitante vai para uma outra página default( área livre a todos). Digite na página Senha.html o seguinte script após a Tag <SCRIPT LANGUAGEM= JavaScript > apostilas = window.prompt( Digite sua senha de acesso e clique em OK ); switch (apostilas) { case gratuito : window.location= Aceito.html ; break; default : window.location= Negado.html ; } </SCRIPT>
15 Exemplo completado da página Senha.html <TITLE>Senha</TITLE> <SCRIPT LANGUAGEM= JavaScript > apostilas = window.prompt( Digite sua senha de acesso e clique em OK ); switch (apostilas) { case gratuito : window.location= Aceito.html ; break; default : window.location= Negado.html ; } </SCRIPT> O script acima contém uma variável apostilas Funções window.prompt e window.location Instruções switch e case Neste caso a senha e gratuito Caso a palavra digitada no prompt seja gratuito o visitante será levado para página Aceito.html Caso contrário o visitante será guiado até um página default Negado.html Todo visitante cadastrado terá a mesma senha? Resposta: Sim e não Você pode criar vários case e também vários window.location Pode mudar a senha de vez em quando. Seu script da página Senha não será visto isso em parte. Mesmo que o usuário queira ver seu script olhando o script em Exibir/ Código fonte( Internet Explorer) será bem difícil de isso acontecer. Mesmo assim e bom se defender modificando a página Senha.html Modifique a seguinte linha <SCRIPT LANGUAGEM= JavaScript SRC= senha.js> </SCRIPT> Selecione todo o script apostilas = window.prompt( Digite sua senha de acesso e clique em OK ); switch (apostilas) { case gratuito : window.location= Aceito.html ; break; default : window.location= Negado.html ; }
16 Cole em um novo documento. Dê a esse documeto nome de senha e extensão.js Pronto o visitante de sua página caso consiga ver algo usando o Composer verá somente as seguintes tags na página Senha.html <TITLE>Senha</TITLE> <SCRIPT LANGUAGEM= JavaScript SRC= senha.js > </SCRIPT> Lembrando que o visitante precisa estar usando um Browser recente, versões atuais. Não coloque senhas fáceis como a palavra gratuito. Na pasta Exemplos/ JavaScript você encontra alguns exemplos de script úteis Uma apostila completa sobre JavaScript você encontra no endereço Evitando erros Lembre-se disso você precisa enviar todas páginas e figuras que usou para construir seu site para o servidor. As vezes o efeito desejado pode não ser executado se você estiver usando um navegador que não suporte o efeito. Tenha sempre versões atuais dos navegadores Internet Explorer e Netscape Communicator. A página não salva como html ou htm. Usando o bloco no espaço para o nome do arquivo digite entre aspas nome.html. Nome é igual ao nome que você quer para página. Nunca deixe na Internet uma página com erros. Como por exemplo, um link errado, figura que não carrega ou até mesmo um arquivo zipado incompleto. Faça vários testes antes de enviar suas páginas. Enviando suas páginas O exemplo mais comum entre os provedores e enviar tudo de uma vez compactado e por attach. Então coloque suas páginas em uma pasta coloque também todas figuras usadas nas páginas e use o winzip para compactar esta pasta. Envie pelo para o endereço indicado pelo provedor. Clique em inserir arquivo ou attach escolha o arquivo compactado e clique em Send e pronto. Em alguns serviços de e Home page gratuito você enviar suas páginas, figuras, arquivos no formato zip, exe diretamente na página ( Geralmente FileManager) Basta clicar em Browser para procurar as páginas e quando terminar clicar em Upload. Endereços para Hospedar gratuitamente suas páginas
17 Tornando sua página conhecida Para que seu site possa ser visitado por muitas pessoas é necessário que você faça uma inclusão em vários sistemas de busca entre eles Yahoo Cadê Zeek Surf RadarUol Quem AltaVista Lycos Para começar use o que faz inclusão em mais de 20 sistemas de busca ao mesmo tempo. Quando estiver incluindo sua URL nos sistemas de busca evite digitar no espaço para descrição palavras como Melhor página, a melhor da Internet vá direto ao assunto, coloque uma descrição verdadeira e sua página será encontrada por muitos internautas. Se mesmo assim não estiver satisfeito com o número de visitantes de sua página faça parte do clube do banner que permite que você tenha uma figura como Hyperlink que aponte para sua página, sem nenhum custo desde de que você coloque em sua página uma figura Hyperlink que aponte para uma página de outro sócio do clube. Digite clube do banner no local destinado a procura num dos muitos sistemas de busca. Achando um, siga as orientações. Considerações finais Eu Leonardo Motta Espero que esta apostila lhe seja útil na criação de seu site Seja qual for o assunto que você escolheu para ilustrar seu site espero no futuro visitá-lo Não deixe de visitar o endereço ou de enviar um para apostilas@option-line.com Até mais...
APOSTILA H T M L SUMÁRIO
APOSTILA H T M L SUMÁRIO I. HTML (INTRODUÇÃO) II. CRIANDO UMA PASTA WEB III. CRIANDO SUA PRIMEIRA PÁGINA IV. EXEMPLO COMPLETO V. VISUALIZANDO SUA PÁGINA VI. ABRINDO O CÓDIGO FONTE VII. FORMATAR O TEXTO
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
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
Apostila H T M L vers. 7
Apostila H T M L vers. 7 Índice 1) Criador e criação 2) Html 3) Criando sua primeira página html 4) Exemplo completo 5) Passo 2 6) Hyperlinks 7) Texto dentro de uma caixa 8) Formatar o texto 9) Tag visível
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):
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
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
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
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
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
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
LINGUAGEM PRÁTICA DE PROGRAMAÇÃO Dependência Apostila HTML - Básico SUMÁRIO
SUMÁRIO I. HTML (INTRODUÇÃO) II. CRIANDO UMA PASTA WEB III. CRIANDO SUA PRIMEIRA PÁGINA IV. EXEMPLO COMPLETO V. VISUALIZANDO SUA PÁGINA VI. ABRINDO O CÓDIGO FONTE VII. FORMATAR O TEXTO VIII. CABEÇALHOS
Tutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados
Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do
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
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,
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
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
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
mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
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
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
> 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
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
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,
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?
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
1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO
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
COMO COLABORAR NO WIKI DO MOODLE 1. Orientações para produção escolar colaborativa no wiki do Moodle:
COMO COLABORAR NO WIKI DO MOODLE 1 Ilse Abegg e Fábio da Purificação de Bastos e-mail: iabegg@mail.ufsm.br O wiki no Moodle é uma ferramenta de atividade que visa produção escolar colaborativa. Isso significa
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
Criando um script simples
Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa
Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web
Manual do Publicador Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Sumário Painel de Administração... 3 1 - Inserção de post... 5 2 Publicação de post com notícia na área headline (galeria de
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
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
Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania
Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Sumário Objetivos do Blog... 2 Log-in... 3 Esqueci minha senha... 4 Utilizando o Blog... 5 Encontrando seu Blog... 5 Conhecendo o
MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email]
![MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email]](/thumbs/24/2946061.jpg "MANUAL COTAÇAO WEB MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA. [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email]")
MANUAL COTAÇAO WEB [Digite seu endereço] [Digite seu telefone] [Digite seu endereço de email] MANUAL MANUAL AVANÇO INFORMÁTICA AVANÇO INFORMÁTICA Material Desenvolvido para a Célula Materiais Autor: Equipe
Manual do Google agenda. criação e compartilhamento de agendas
Manual do Google agenda criação e compartilhamento de agendas 1 O que é o Google Agenda? Google Agenda é um serviço de agenda on line gratuito do Google, onde você pode anotar compromissos e tarefas, organizando
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),
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:
Tutorial SGCD. 1. Efetuando Login no Sistema. 2. Criando uma nova página. 3. Editando uma página já existente
Tutorial SGCD 1. Efetuando Login no Sistema 2. Criando uma nova página 3. Editando uma página já existente 4. Anexando arquivos em páginas e no menu esquerdo 5. Colocando Imagens em páginas 6. Colocando
OFICINA BLOG DAS ESCOLAS
OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço
Universidade Federal do Mato Grosso - STI-CAE. Índice
CAPA Universidade Federal do Mato Grosso - STI-CAE Índice 1. Página da área administrativa... 1.1 Botões e campo iniciais... 2. Explicar como funcionam as seções... 2.1. Seções dinâmicos... 2.1.1 Como
Dicas para usar melhor o Word 2007
Dicas para usar melhor o Word 2007 Quem está acostumado (ou não) a trabalhar com o Word, não costuma ter todo o tempo do mundo disponível para descobrir as funcionalidades de versões recentemente lançadas.
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
Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html
Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Tabela de dados Tabelas para alinhar texto Tabelas para conter
15. OLHA QUEM ESTÁ NA WEB!
7 a e 8 a SÉRIES / ENSINO MÉDIO 15. OLHA QUEM ESTÁ NA WEB! Sua home page para publicar na Internet SOFTWARES NECESSÁRIOS: MICROSOFT WORD 2000 MICROSOFT PUBLISHER 2000 SOFTWARE OPCIONAL: INTERNET EXPLORER
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
CONSTRUÇÃO DE BLOG COM O BLOGGER
CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das
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
Como incluir artigos:
Como incluir artigos: O WordPress é uma ferramenta muito flexível, com muitas variações e ajustes que podem torná-lo algo muito simples e também muito sofisticado conforme os recursos que são configurados
FCT Faculdade de Ciências e Tecnologia Serviço Técnico de Informática STI SGCD Sistema Gerenciador de Conteúdos Dinâmicos
FCT Faculdade de Ciências e Tecnologia Serviço Técnico de Informática STI SGCD Sistema Gerenciador de Conteúdos Dinâmicos Manual do Usuário Presidente Prudente, outubro de 2010 Índice 1. Introdução e Instruções
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
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
Google Drive. Passos. Configurando o Google Drive
Google Drive um sistema de armazenagem de arquivos ligado à sua conta Google e acessível via Internet, desta forma você pode acessar seus arquivos a partir de qualquer dispositivo que tenha acesso à Internet.
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
Manual de configuração do sistema
Manual de configuração do sistema (v.1.5.x Beta) Rua México, 119 Sala 2004 Centro Rio de Janeiro, RJ www.doctors-solution.com.br www.simdoctor.com.br contato@simdoctor.com.br Sumário 1. Fazendo seu primeiro
Word 1 - Introdução 1.1 - Principais recursos do word 1.2 - A janela de documento 1.3 - Tela principal
Word 1 - Introdução O Word para Windows ou NT, é um processador de textos cuja finalidade é a de nos ajudar a trabalhar de maneira mais eficiente tanto na elaboração de documentos simples, quanto naqueles
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
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...
Manual de utilização do Portal Entrelace.org.br. William Oyama www.evisionbrasil.com.br
Manual de utilização do Portal Entrelace.org.br William Oyama www.evisionbrasil.com.br Índice do tutorial 1 Portal entrelace.obr.br 2- Painel Administrativo 3- Informações Restritas 4- Acervo 5- Notícias
Irá abrir a página de login. Digite ali seu Nome de usuário e senha. Idioma, deixe padrão. Aperte enter ou click sobre o botão Acessar.
Criando um artigo Painel Administrativo Para criar um artigo, entre no Painel Administrativo do seu site pelo endereço do mesmo, acrescentando no final /administrator (ex: HTTP://www.seusite.com.br/administrator
Informática Básica para o PIBID
Universidade Federal Rural do Semi Árido Programa Institucional de Iniciação à Docência Informática Básica para o PIBID Prof. Dr. Sílvio Fernandes Roteiro O Tamanho e Resolução de imagens O Compactação
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
Utilizando Janelas e Frames
Utilizando Janelas e Frames Aprenderemos agora algumas técnicas mais específicas para fazer o JavaScript trabalhar com várias partes das páginas e navegadores da Web. Controlando janelas com objetos Já
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,
SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO.
SUMÁRIO TUTORIAL DO HQ... 2 DICAS PEDAGÓGICAS:... 2 DOWNLOAD DA INSTALAÇÃO... 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD... 2 PASSO 2 ESCOLHENDO A VERSÃO... 3 PASSO 3 INSTRUÇÕES DE INSTALAÇÃO... 4 CRIANDO NOVAS
Manual das funcionalidades Webmail AASP
Manual das funcionalidades Webmail AASP 1. Configurações iniciais 2. Regras 3. Histórico da conta 4. Autorresposta 5. Dados de acesso (alterando senha de acesso) 6. Identidade (assinatura) 7. Redirecionamento
Aula 04 Word. Prof. Bruno Gomes bruno.gomes@ifrn.edu.br http://www.profbrunogomes.com.br/
Aula 04 Word Prof. Bruno Gomes bruno.gomes@ifrn.edu.br http://www.profbrunogomes.com.br/ Agenda da Aula Editor de Texto - Word Microsoft Office Conjunto de aplicativos para escritório que contém programas
UFPel Departamento de Informática. Tutorial Google Docs. Profa. Lisane Brisolara de Brisolara
UFPel Departamento de Informática Tutorial Google Docs Profa. Lisane Brisolara de Brisolara Sumário O que é o Google Docs Seus principais recursos Editor de textos/documentos Editor de planilhas eletrônicas
CRIANDO UMA CONTA POSTANDO UMA MATÉRIA POSTANDO UM VÍDEO POSTANDO UMA GALERIA DE FOTOS
CRIANDO UMA CONTA POSTANDO UMA MATÉRIA POSTANDO UM VÍDEO POSTANDO UMA GALERIA DE FOTOS 1 CRIANDO UMA CONTA 1- Criar conta: Para postar notícias, vídeos ou fotos, você primeiro precisa ter uma conta. Para
FAQ Perguntas Frequentes
FAQ Perguntas Frequentes 1. COMO ACESSO A PLATAFORMA DE ENSINO?... 2 2. NÃO CONSIGO REALIZAR O MEU CADASTRO NO AMBIENTE VIRTUAL DO MMA.... 4 3. FIZ MEU CADASTRO NO SITE E NÃO RECEBI O E-MAIL DE CONFIRMAÇÃO
Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo.
Manual de Instruções ECO Editor de Conteúdo Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. O ECO é um sistema amigável e intui?vo, mas abaixo você pode?rar eventuais dúvidas e aproveitar
Portal Sindical. Manual Operacional Empresas/Escritórios
Portal Sindical Manual Operacional Empresas/Escritórios Acesso ao Portal Inicialmente, para conseguir acesso ao Portal Sindical, nos controles administrativos, é necessário acessar a página principal da
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;
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
Introdução ao HTML Utilizando frames Hospedando seu site na WEB
Introdução ao HTML Utilizando frames Hospedando seu site na WEB Por quê???? Por que com tantos editores gráficos de HTML, devemos saber como escrever um código fonte? Porque se você só viu páginas feitas
Manual do Painel Administrativo
Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...
1 UNIT Universidade do Trabalhador Dr. Abel dos Santos Nunes
1 UNIT Universidade do Trabalhador Dr. Abel dos Santos Nunes Janelas são estruturas do software que guardam todo o conteúdo exibido de um programa, cada vez que um aplicativo é solicitado à janela do sistema
Google Drive: Acesse e organize seus arquivos
Google Drive: Acesse e organize seus arquivos Use o Google Drive para armazenar e acessar arquivos, pastas e documentos do Google Docs onde quer que você esteja. Quando você altera um arquivo na web, no
Barra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas
Microsoft Power Point 2003 No Microsoft PowerPoint 2003, você cria sua apresentação usando apenas um arquivo, ele contém tudo o que você precisa uma estrutura para sua apresentação, os slides, o material
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
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
Introdução à Tecnologia Web
Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.
Sistema de Gerenciamento Remoto www.pevermelho.art.br
Sistema de Gerenciamento Remoto www.pevermelho.art.br 1 - SOBRE O SGR Este manual irá lhe ajudar a entender o funcionamento do SGR (Sistema de Gerenciamento Remoto) permitindo assim que você possa atualizar
Na tela dele, clique no sinal de + ao lado do nome do seu computador, para expandi-lo. A seguir, expanda também o item "Sites da web".
Servidor WEB Desenvolvedores de sites que querem aprender ou testar ASP, ou mesmo profissionais que precisam desenvolver páginas ASP ou ASP.Net, não precisam necessariamente ter um servidor na web com
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
Scriptlets e Formulários
2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,
Como criar uma conta gratuita e subir uma foto no Windows Azure
Como criar uma conta gratuita e subir uma foto no Windows Azure (enviar URL da foto para igsjunior@gmail.com no máximo até 20/dez/2010) by Idevar Junior 1. Entre no site http://www.windowsazure.com/ 2.
NewAgent enterprise-brain
Manual NewAgent enterprise-brain Configuração Manual NewAgent enterprise-brain Configuração Este manual de uso irá ajudá-lo na utilização de todas as funções administrativas que a NewAgent possui e assim,
Manual do Plone (novo portal do IFCE)
Manual do Plone (novo portal do IFCE) Dezembro/2015 Índice Como criar submenus... 3 Como criar banner rotativo... 4 Como remover um banner... 5 Como criar uma notícia... 6 Como inserir imagem na notícia...
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
Portal dos Fóruns de EJA Brasil
Manual Portal dos Fóruns de EJA Brasil.::2007::. SUMÁRIO COMO PÚBLICAR CONTEÚDO DIRETO NO PORTAL... 02 COMO ANEXAR UM ARQUIVO... 04 COMO CRIAR UM HIPERLINK... 06 COMO CRIAR UM MENU... 08 COMO ADICIONAR
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
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.
Manual de utilização do site de contatos
Manual de utilização do site de contatos O site de contatos da Cestalto é uma área exclusiva para representantes de vendas, que serve para registrar os contatos que você realizar com seus clientes. Assim,
Manual do Instar Mail v2.0
Manual do Instar Mail v2.0 Sumário Conteúdo Menu Principal... 2 Menu Cliente... 3 Pagina Categorias do Instar-Mail... 4 Importação... 4 Campanhas... 8 Cadastramento de campanhas do Instar-Mail... 9 Ações
Manual de Utilização do PLONE (Gerenciador de página pessoal)
Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário
Manual de Gerenciamento de Conteúdo
Manual de Gerenciamento de Conteúdo 1 Sumário 1) O que é um Gerenciador de Conteúdo...3 2) Como o Site está Estruturado...3 3) Como Gerenciar o Conteúdo do Site...5 3.1) Adicionar Itens no Menu de Navegação...6