XHTML / CSS. Professora: Lucélia Alves de Oliveira

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "XHTML / CSS. Professora: Lucélia Alves de Oliveira"

Transcrição

1 XHTML / CSS Professora: Lucélia Alves de Oliveira

2 Conceitos Redes de Computadores: Uma rede de computadores consiste de dois ou mais computadores ligados entre si e compartilhando dados, impressoras, trocando mensagens ( s), etc.internet é um exemplo de Rede. Existem várias formas como os recursos de vários equipamentos interligados podem ser compartilhados, mediante meios de acesso, protocolos e requisitos de segurança. Internet: A Internet é uma rede de redes em escala mundial de milhões de computadores. Ao contrário do que se pensa comumente, Internet não é sinônimo de World Wide Web. Esta é parte daquela, sendo a World Wide Web, que utiliza hipermídia em sua formação básica, um dos muitos serviços oferecidos na Internet. A Web é um sistema de informação muito mais recente que emprega a Internet como meio de transmissão. www: Significa World Wide Web. É um dos serviços básicos da Internet, é a parte gráfica que possibilita acesso simultâneo a imagens, animações, sons, vídeos e textos. Sua maior característica é a possibilidade de navegação através dos "links". Intranet: É uma rede de computadores privativa que utiliza as mesmas tecnologias que são utilizadas na Internet. O protocolo de transmissão de dados de uma intranet é o TCP/IP e sobre ele podemos encontrar vários tipos de serviços de rede comuns na Internet, como, por exemplo, o , chat, grupo de notícias, HTTP, FTP entre outros. Extranet: Pode ser definida como um conjunto de duas ou mais intranets ligadas em rede. Protocolo IP: Significa em português, Protocolo Internet, e é utilizado para a comunicação através da rede Internet. Os dados são enviados em grupos intitulados "pacotes". Daí a designação de pacote IP. É o endereço de um computador em uma rede TCP/IP. Todo computador na Internet possui um endereço IP. Clientes têm um endereço IP permanente ou um que é atribuído dinamicamente a eles cada vez que eles conectam à rede. Host: Computador principal num ambiente de processamento distribuído ou o computador central que controla uma rede. Na Internet é qualquer computador ligado à rede, não necessariamente um servidor. Navegador: Também conhecido como browser. É o programa usado para visualizar a parte gráfica da Internet. Alguns exemplos: Netscape, Internet Explorer, Ópera. Navegadores com código aberto muito ágeis são o Mozilla e o Firefox. Provedor de Acesso à Internet: É uma empresa ou organização que oferece à seus clientes o acesso à Internet. Além de oferecer aos seus usuários o acesso à Internet, podem oferecer outros serviços adicionais, ou de valor agregado, relacionados: registro de domínios e hospedagem de páginas (Web-Hosting), contas de , são alguns exemplos destes serviços. Servidor Web: Programa que fornece o material apresentado pelo browser. Pode conectar-se a bancos de dados. Exemplos: JSP, PHP, ASP.Net, Cold Fusion, CGI. Home Page: Página inicial de um site da Web. Referenciado por um endereço eletrônico ou hiperlinks. É a página de apresentação da empresa. Escrita em HTML, pode conter textos, imagens, sons, ponteiros ou links para outras páginas ou outros servidores da Internet, etc. File Transfer Protocol (FTP): É um protocolo pra transferência de arquivos na Internet. É utilizado para fazer upload e download através do qual os arquivos são carregados e baixados. Muitos sites FTP na Internet restringem o acesso; somente os usuários autorizados e com senhas têm permissões para acessá-los. URL: É o endereço da página Web exibido na janela do navegador. Cada página está associada a um único URL. Os URLs normalmente iniciam com http: / / HTTP: Significa HyperText Transfer Protocol, é o padrão da indústria para transeferir documentos Web pela Internet. Vários métodos estão disponíveis para navegar entre os URLs diferentes. Em um método o usuário digita o URL de uma página no campo Endereço e pressiona a tecla Enter. Outra maneira de navegar pela Web é através dos elementos 2

3 visuais em páginas Web, através dos chamados hiperlinks que ao serem clicados, carregam um documento Web especificado. Tanto imagens como textos podem estar vinculados a um hyperlink. Hyperlink: Faz referência a outras páginas Web, endereços de correio eletrônico e arquivos. HTML é a abreviatura de "HyperText Mark-up Language" O que significa H-T-M-L? Hyper é o oposto de linear. Nos tempos antigos, os programas de computadores rodavam linearmente: quando o programa executava uma ação tinha que esperar a próxima linha de comando para executar a próxima ação e assim por diante de linha em linha. Com HTML as coisas são diferentes - você pode ir de onde estiver para onde quiser. Exemplificando: não é necessário que você tenha visitado o site MSN.com antes de visitar o site HTML.net. Text é texto e nada mais. Mark-up significa marcação e é o texto que você escreve. Você cria a marcação da mesma forma que escreve em um editor: seus cabeçalhos, marcadores, negrito, etc Language significa linguagem e é exatamente o que HTML é: uma linguagem. XHTML (extensible HyperText Mark-up Language) nada mais é do que uma maneira mais bem estruturada de escrever HTML. O que são tags HTML? Tags são rótulos usados para informar ao navegador como deve ser apresentado o website. Todas as tags têm o mesmo formato: começam com um sinal de menor "<" e acabam com um sinal de maior ">". Genericamente falando, existem dois tipos de tags - tags de abertura: <comando> e tags de fechamento: </comando>. A diferença entre elas é que na tag de fechamento existe uma barra "/". Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será processado segundo o comando contido na tag. Mas, como toda regra tem sua exceção, aqui no HTML a exceção é que para algumas tags a abertura e o fechamento se dão na mesma tag. Tais tags contêm comandos que não necessitam de um conteúdo para serem processados, isto é, são tags de comandos isolados, por exemplo, um pulo de linha é conseguido com a tag <br />. Exemplo: a tag <h1> informa ao navegador que se trata de um cabeçalho e todo o conteúdo que estiver entre <h1> e </h1> deve ser mostrado em tamanho maior, significando o nível de importância do texto. As tags <h1>, <h2>, <h3>, <h4>, <h5> e <h6> informam ao navegador que se trata de um cabeçalho (h vem de "heading" - cabeçalho ), sendo <h1> o cabeçalho de primeiro nível (maior) e <h6> o cabeçalho de sexto nível e aquele apresentado com o menor tamanho de texto. Exemplo 2: <h1>este é um título</h1> <h2>este é um sub título</h2> As tags devem ser escritas com letras maiúsculas ou minúsculas? Para a maioria dos navegadores é indiferente se você usa maiúscula, minúscula ou mesmo uma mistura delas. <COMANDO>, <comando> ou <CoMaNdo> normalmente tem o mesmo efeito. Contudo a maneira correta é usar minúsculas. Então, crie o hábito de escrever suas tags com minúsculas. 3

4 O que é necessário para construir um website: Um navegador e Um bloco de notas (ou um editor de texto similar). HTML é simples e lógico. O navegador lê HTML de modo idêntico ao que você lê um texto qualquer, de cima para baixo e da esquerda para a direita. Assim um documento HTML inicia com aquilo que deve ser a primeira coisa aparecer na página e termina com a última coisa a aparecer. A primeira coisa a fazer é dizer ao navegador que você vai "falar" com ele na linguagem HTML. Isto é feito com a tag <html>. Então, antes de qualquer coisa digite <html> na primeira linha do documento. <html> é uma tag de abertura e deve ser fechada com a tag de fechamento quando você acabar de digitar seu documento HTML. Para termos certeza que não iremos esquecer-nos de fechar a tag HTML, faça isso agora mesmo, digitando </html> localizada a algumas linhas abaixo, assim você irá escrever seu documento entre as tags digitadas <html> e </html>. Como colocar conteúdo no meu website? Um documento HTML é composto de duas partes: um head e um body. Na seção head você escreve informações sobre a página e na seção body você coloca as informações que constituem a página. Por exemplo, para dar um título ao documento, título este que apareça no topo da barra do navegador você deverá usar a seção"head". A tag para acresentar um título é <title>: Exemplo: <title>minha primeira página web</title> O título não aparece na página propriamente dita. Tudo o que você quer que apareça na página é conteúdo e deverá ser colocado entre as tags "body". Queremos uma página dizendo: "Esta é a minha primeira página web". Este é o texto que queremos comunicar e ele deverá ser colocado na seção body. Então digite na seção body o seguinte: < body> <p>esta é a minha primeira página web.</p> A letra p na tag <p> é a abreviatura para "paragraph" (parágrafo) que é exatamente o que o texto é - um texto parágrafo. Seu documento HTML agora está como mostrado a seguir: <html> <head> <title>minha primeira página web</title> </head> <p>esta é a minha primeira página web</p> </html> Pronto! Você acaba de construir seu primeiro website! 4

5 Agora basta que você salve seu trabalho no HD (com a extensão.html) e depois visualize no navegador. Coloque sempre o título do seu documento na seção head: <title>título da sua página</title>. O título <title> é muito importante porque é usado pelos mecanismos de busca (tais como o Google). Exemplos de Tags: <br /> Pula linha <hr /> Linha Horizontal <blockquote>indentação</blockquote> Criação de Listas Existem dois tipos de listas: listas ordenadas e listas não ordenadas. O elemento ul cria uma lista não ordenada, em que cada item da lista inicia com um símbolo marcador. Este marcador pode ser modificado através do atributo type. O elemento ol cria uma lista ordenada, em que cada item da lista inicia com um número para organizar a lista. Este número pode ser modificado para algarismos romanos, por exemplo, através do atributo type. O elemento li serve para indicar cada item da lista. É possível colocar uma lista dentro de outra lista, isso se chama listas aninhadas. Exemplos: Diferentes tipos de listas não ordenadas <html> <head> <title>exemplo de listas não ordenadas</title> </head> <h4>lista com discos como marca:</h4> <ul type="disc"> <li>bagaceira</li> <li>aguardente de Medronho</li> <li>cachaça</li> </ul> <h4>lista com anéis como marca:</h4> <ul type="circle"> <li>bagaceira</li> <li>aguardente de Medronho</li> <li>cachaça</li> <li>ginja com Elas</li> </ul> <h4>lista com quadrados como marca:</h4> <ul type="square"> <li>bagaceira</li> <li>aguardente de Medronho</li> <li>cachaça</li> <li>ginja com Elas</li> </ul> 5

6 </ul> </html> Diferentes tipos de listas ordenadas <html> <head> <title>exemplo</title> </head> <h4>lista Ordenada com números:</h4> <ol> </ol> <li>espinafres</li> <li>ervilhas</li> <li>cenouras</li> <li>alfaces</li> <h4>lista Ordenada com letras maiúsculas:</h4> <ol type="a"> <li>espinafres</li> <li>ervilhas</li> <li>cenouras</li> <li>alfaces</li> </ol> <h4>lista Ordenada com letras minúsculas:</h4> <ol type="a"> <li>espinafres</li> <li>ervilhas</li> <li>cenouras</li> <li>alfaces</li> </ol> <h4>lista Ordenada com números romanos (maiúsculas):</h4> <ol type="i"> <li>espinafres</li> <li>ervilhas</li> <li>cenouras</li> <li>alfaces</li> </ol> <h4>lista Ordenada com números romanos (minúsculas):</h4> <ol type="i"> <li>espinafres</li> <li>ervilhas</li> <li>cenouras</li> <li>alfaces</li> </ol> 6

7 </html> Exercícios 1. Enumere as colunas: a) Intranet ( ) É utilizado para a comunicação através da rede Internet. É o endereço de um computador em uma rede TCP/IP. b) www ( ) É o programa usado para visualizar a parte gráfica da Internet. c) Protocolo IP ( ) Rede de computadores privativa, utiliza as mesmas tecnologias da Internet d) Navegador ( ) É um dos serviços oferecidos pela Internet, é a parte gráfica. Possibilita acesso simultâneo a imagens, animações, sons, vídeos e textos. e) Servidor Web ( ) É uma rede de redes em escala mundial de milhões de computadores f) Redes de Computadores ( ) Programa que fornece o material apresentado pelo browser g) Internet ( ) Consiste de dois ou mais computadores ligados entre si e compartilhando dados, impressoras, trocando mensagens ( s), etc. 2. Diga se as afirmações são verdadeiras ou falsas. Se forem falsas, explique por quê. a. ( ) O atributo type, quando utilizado com um elemento ol, especifica um tipo de seqüência. b. ( ) Uma lista ordenada não pode ser aninhada dentro de uma lista não ordenada. c. ( ) XHTML é a junção de XML com HTML. d. ( ) O elemento br representa uma quebra de linha e. ( ) Os hiperlinks são marcados com a tag <link> Justificativas: 3. Preencha as lacunas em cada uma das afirmações: a. O elemento insere uma linha horizontal b. O sebrescrito é marcado com o elemento, e o subscrito é marcado com o elemento. c. O elemento de cabeçalho menos importante é e o elemento mais importante de cabeçalho é. d. O elemento marca uma lista não-ordenada. e. O elemento marca um parágrafo. f. Os comentários de XHTML iniciam com <!--- e terminam com. g. Em XHTML os valores de atributos devem estar entre. 4. Utilize a XHTML para criar um documento para o seguinte texto. Fundamentos de Linguagens para Web Os conhecimentos relacionados à Tecnologia da Informação são essenciais para se conquistar um lugar no mercado de trabalho atual. Segundo artigo divulgado pelo site UOL, daqui a cinco anos faltarão profissionais para atuar nessa área. 7

8 5. Por que a seguinte marcação é inválida? <p> Aqui tem um texto... <hr /> <p> E aqui mais texto!!! </p> 6. Crie um documento XHTML que contenha uma lista ordenada de seus sites Web favoritos. A página deve conter o título: Meus sites favoritos. 7. Crie um documento XHTML que contendo 3 listas ordenadas: sorvete, salada de frutas e iogurte gelado. Cada lista ordenada deve conter uma lista uma lista aninhada não ordenada e seus sabores e/ou frutas favoritas. Forneça no mínimo 3 sabores em cada lista não-ordenada. Inserção de Imagens Imagens Para inserir uma imagem na página utilizamos: O elemento img para informar que se trata da inserção de uma imagem. O atributo src para informar o caminho da imagem. O atributo alt é para fazer uma descrição da imagem, quando a imagem não for aberta, esse texto irá aparecer. O atributo height indica a largura em que a imagem deve aparecer na página. Exemplo de sintaxe para inserção de figura: <img src= imagens/nomedaimagem.jpg alt= Descriçao da imagem width= 28px height= 50px > Ajuste de imagens <p><img alt="caminho para peões" src="imagem/caminho.jpg" width= "75px" height="50px"><p> <p><img alt="caminho para peões" src="imagem/caminho.jpg" width= "150px" height="100px"><p> <p><img alt="caminho para peões" src="imagem/caminho.jpg" width= "300px" height="200px"><p> <p><b>nota:</b> Para alterar o tamanho de uma imagem utilize os atributos "height" (altura) e "width" (largura). Construção de links Para construir um link é necessário um elemento e um atributo: O elemento a indica que se trata de um link; O atributo href indica para onde ir quando o link for clicado. Exemplo: <a href=" um link para o Google</a> 8

9 No exemplo acima o atributo href tem o valor " que é o endereço completo do site Google e é chamado de URL (Uniform Resource Locator). Notar que " deve sempre ser incluído nas URLs. A frase "Aqui um link para o Google" é o texto mostrado no navegador como link. Lembre-se de fechar a tag com um </a>. Links dentro da própria página Você pode criar links internos, dentro da própria página - por exemplo, uma tabela de conteúdos ou índice com links para cada um dos capítulos em uma página. Tudo o que você precisa é usar o atributo name e o símbolo "#". Use o atributo name para marcar o elemento que é o destino do link. Por exemplo: <a name="menu"></a> Você agora pode criar um link que leve àquele elemento usando o símbolo "#" no atributo do link. O símbolo "#" informa ao navegador para ficar na mesma página que está. O símbolo "#" deve ser seguido pelo valor atribuído ao name para onde o link vai. Exemplo: <a href="#menu">link para o cabeçalho 1</a> Links para Você pode criar link para um endereço de . Isto é feito de modo semelhante aos links para documentos. Exemplo: <a para Professora Lucélia</a> Será renderizado no navegador assim: Enviar para Professora Lucélia A única diferença é que no lugar do endereço do documento você escreve mailto: seguido pelo endereço de . Quando o link é clicado o programa de padrão do usuário é aberto com o endereço do link já digitado na linha para destinatário. Mas, atenção, isto só irá funcionar se o usuário tiver um programa de (como o Outlook Express) instalado na sua máquina. Imagens como Links Para substituir o texto clicável por uma imagem clicável, basta substituir o texto entre as tags <a> e </a> por uma imagem, como no exemplo abaixo: <a href="paginadedestino.html"><img src= imagens/nomedaimagem.jpeg alt= Texto alternativo ></a> EXERCÍCIOS Exercício 01- INSTRUÇÕES Criar uma página web contendo 3 imagens de cachorros da raça São Bernardo e uma breve descrição (características) sobre essa raça. Salvar a página com o nome: saobernardo.htm (NÃO COLOCAR ACENTUAÇÃO) Exercício 02- INSTRUÇÕES 9

10 Criar uma página web contendo 3 imagens de cachorros da raça Pastor Alemão e uma breve descrição (características) sobre essa raça. Salvar a página com o nome: pastoralemao.htm (NÃO COLOCAR ACENTUAÇÃO) Exercício 03- INSTRUÇÕES Criar uma página web contendo 3 imagens de cachorros da raça Cocker e uma breve descrição (características) sobre essa raça. Salvar a página com o nome: cocker.htm Exercício 04- INSTRUÇÕES Criar uma página web contendo 3 linkamentos para as páginas da raça São Bernardo, Pastor Alemão e Cocker. Contendo uma breve descrição sobre os cachorros e o título da página como: index.htm. Seja criativo!! Salvar a página com o nome: guiaderacas.htm (NÃO COLOCAR ACENTUAÇÃO) Tabelas Tabelas são usadas para apresentar "dados tabulares", isto é, informação que deva ser apresentada em linhas e colunas, de forma lógica. Criar tabelas em HTML pode parecer complicado, mas, acompanhando passo a passo a explicação, verá que tudo é evidente - tal como acontece com tudo no HTML. <table> <td>célula 1</td> <td>célula 2</td> <td>célula 3</td> <td>célula 4</td> </table> Será renderizado no navegador assim: Célula 1 Célula 2 Célula 3 Célula 4 Considerações: As tabelas constroem-se com o elemento <table>. As linhas da tabela obtêm-se com o elemento. As células de dados criam-se com o elemento <td> Para que a apareçam as linhas da tabela, use o atributo border. Exemplos: 10

11 <h4>uma coluna:</h4> <table border = "1"> <td>100</td> </table> <h4>uma linha e três colunas:</h4> <table border="1"> <td>100</td> <td>200</td> <td>300</td> </table> <h4>duas linhas e três colunas:</h4> <table border="1"> <td>100</td> <td>200</td> <td>300</td> <td>400</td> <td>500</td> <td>600</td> </table> Decoração da tabela <h4>uma linha de fronteira normal, com um plano de fundo colorido: </h4> <table border="1" style="background-color:pink;"> <td>primeira</td> <td>linha</td> <td>segunda</td> <td>linha</td> </table> <h4>uma linha de fronteira mais espessa com as células específicas coloridas:</h4> <table border="8"> <td style="background-color:yellow; color: red;" >Primeira</td> <td>linha</td> <td>segunda</td> <td style="background-color:yellow;"> Linha</td> 11

12 </table> <h4>uma linha de fronteira muito espessa:</h4> <table border="15"> <td>primeira</td> <td>linha</td> <td>segunda</td> <td>linha</td> </table> Utilizando elementos em uma tabela <table border="1"> <td> <p>isto é uma frase</p> <p>isto é outa frase</p> </td> <td>esta célula contém uma tabela: <table border="1"> <td>a</td> <td>b</td> <td>c</td> <td>d</td> </table> </td> <td>esta célula contém uma lista: <ul> <li>livros</li> <li>revistas</li> <li>jornais</li> </ul> </td> <td>esta contem uma imagem <img src= imagem/magoo.gif > </td> <td>esta contém apenas texto.<br/> </td> <td> Esta contem uma imagem que linka: <a href= pagina.htm ><img src= imagem/magoo.gif ></a> </td> </table> 12

13 Mesclando linhas e colunas <table border="1"> <td colspan="2">colunas 1 e 2</td> <td>linha 1, coluna 1</td><td>linha 1, coluna 2</td> <td>linha 2, coluna 1</td><td>linha 2 coluna 2</td> <td rowspan="3"> 3linhas</td><td>uma linha</td> <td> Duas linhas</td> <td>três linhas</td> </table> EXERCÍCIOS INSTRUÇÕES Construa as tabelas a seguir: Cada exercício é uma página. Exercício 01- Relação de alunos e notas Nome do Aluno Matéria Nota Resultado Joaquim Matemática 7,0 Aprovado Pedro Física 6,5 Aprovado Maria Eduarda Química 10,0 Aprovado Pedro Henrique Português 4,0 Reprovado Exercício 02-13

14 Exercício 03- Quantidade de alunos por turma Curso Turma Número de alunos Sistemas de Informação A 35 Sistemas de Informação B 25 Tecnologia de Informação A 45 Exercício 04- Relação de Jogos Marca do game Nome do Jogo Gênero Mario Party Aventura Mario Kart Corrida Nintendo 64 Turok Aventura Bomberman Aventura PlayStation Road Rash Corrida de moto Tomb Raider Ação 007 Ação Exercício 05- Áreas e cursos da Faculdade Sistema de Informação Administração de Empresas Informática Administração Tecnologia de Informação Administração Hospitalar Exercício 06- Trabalhando imagens e links dentro de tabelamento Fazer um link para a página do exercício 1 Clique na imagem ao lado e veja o exercício 5. Formulários 14

15 Um formulário é basicamente uma página Web com campos de entrada que permitem que você envie informações. Quando o formulário é enviado,tais informações são empacotadas e enviadas a um servidor Web para serem processadas por uma outra aplicação Web. Quando o processo termina você obtémoutra página Web com uma resposta. Exemplo: <html> <head> <title>untitled</title> </head> <form action=" <h1>preencha seu currículo</h1> Nome do candidato:<br /> <input type="text" size="50" maxlength="3"/><br /><br /> Sexo:<br /> <input type="radio" name="sexo" value="m" />Masc<br /> <input type="radio" name="sexo" value="f" />Fem<br /><br /> Áreas de interesse:<br /> <input type="checkbox" />Técnica<br /> <input type="checkbox" />Administrativa<br /> <input type="checkbox" />Recursos Humanos<br /><br /> Estado Civil:<br /> <select name="est_civil"> <option value="0">escolha uma Opção</option> <option value="1">casado</option> <option value="2">solteiro</option> </select> <br /><br /> Resumo:<br /> <textarea name="comentario" cols="30" rows="20">insira aqui um resumo do seu curr&iacuteculo</textarea><br /><br /> Escolha uma senha de acompanhamento: <br /> <input type="password" name="senha" size="25"/><br /><br /> Confirme sua senha:<br /> <input type="password" name="senha" size="25"/><br /><br /> </form> </html> Este código irá resultar no formulário abaixo: 15

16 Exercícios Criar um Documento XHTML para apresentar e enviar para o servidor o formulário abaixo: Ficha de Inscrição Nome do candidato: Endereço: CEP: Telefones: RG: CPF: Sexo: Masc. Fem. Escolaridade: Curso: Senha de acompanhamento: 16

17 Observações: Cidades: - Brasília - Taguatinga - Sobradinho - Águas Claras UF: - DF - GO Escolaridade: - Ensino Fundamental - Ensino Médio - Superior Incompleto - Superior Completo - Pós-Graduação Curso: - Web Design - Lógica de Programação - Java - Delphi 17

18 Folhas de Estilo - CSS O CSS (Cascading Style Sheets) - Folhas de Estilos em Cascata, permite projetar websites com uma técnica completamente diferente da convencional e possibilita uma considerável redução de tempo e trabalho. CSS é uma linguagem para estilos que define o layout de documentos XHTML. Por exemplo, CSS controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos e muito mais. O XHTML pode ser indevidamente usado para definir o layout de websites. Contudo, CSS proporciona mais opções e é mais preciso e sofisticado. CSS é suportado por todos os navegadores atuais. O XHTML é usado para estruturar conteúdos. A CSS é usado para formatar conteúdos estruturados. Para as necessidades de formatação de layouts, os fabricantes de navegadores (àquela época a Netscape e a Microsoft) inventaram novas tags HTML tais comoa tag <font> que se diferenciava das tags originais do HTML pelo fato de destinarse a layout e não à estrutura. Isto adicionalmente teve o efeito de disvirtuar o emprego de tags inicialmente projetadas para estrutura, como por exemplo a tag <table> que passaram a ser empregadas para layout. Muitas destas novas tags para layout como a tag <blink> eram suportadas somente por um determinado tipo de navegador. A frase "Você precisa do navegador X para visualizar esta página" tornou-se comum nos websites. A CSS foi inventada para solucionar esta situação, colocando à disposição dos web designers, meios sofisticados de projetar layouts suportados por todos os navegadores. E ao mesmo tempo, a separação dos estilos de apresentação da marcação dos conteúdos, torna a manutenção dos sites bem mais fácil. Funcionamento da CSS Muitas das propriedades usadas em Cascading Style Sheets (CSS) são semelhantes àquelas do HTML. Assim, se você está acostumado a usar HTML para layout irá reconhecer muitos dos códigos que usaremos. Vamos dar uma olhada em um exemplo concreto. Sintaxe básica das CSS: Suponha que desejamos uma cor de fundo vermelha para a página web: Usando HTML podemos fazer assim: <body bgcolor="#ff0000"> Com CSS o mesmo resultado será obtido assim: body {background-color: #FF0000;} Como você pode notar os códigos HTML e CSS são mais ou menos parecidos. O exemplo acima serve também para demonstrar o fundamento do modelo CSS: 18

19 Onde colocar o código CSS O código CSS pode ser aplicado a um documento de três maneiras distintas. O método mais recomendado é o método externo. Método 1: In-line (o atributo style) Uma maneira de aplicar CSS é pelo uso do atributo style do HTML. Tomando como base o exemplo mostrado anteriormente a cor vermelha para o fundo da página pode ser aplicada conforme mostrado a seguir: <html> <head> <title>exemplo</title> </head> <body style="background-color: #FF0000;"> <p>esta é uma página com fundo vermelho</p> </html> Método 2: Interno (a tag style) Uma outra maneira de aplicar CSS é pelo uso da tag <style> do HTML no cabeçalho do documento. Como mostrado a seguir: <html> <head> <title>exemplo<title> <style type="text/css"> body {background-color: #FF0000;} </style> </head> <p>esta é uma página com fundo vermelho</p> </html> Método 3: Externo (link para uma folha de estilos) O método mais recomendado é o de lincar para uma folha de estilos externa. Uma folha de estilos externa é um simples arquivo de texto com a extensão.css. Tal como qualquer outro tipo de arquivo, você pode colocar uma folha de estilos tanto no servidor como no disco rígido. 19

20 Vamos supor, por exemplo, que uma folha de estilos tenha sido nomeada de style.css e está localizada no diretório style. Tal situação está mostrada a seguir: O "truque" é criar um link no documento HTML (default.htm) para a folha de estilos (style.css). O link é criado em uma simples linha de código HTML como mostrado a seguir: <link rel="stylesheet" type="text/css" href="style/style.css" /> Observe que o caminho para a folha de estilos é indicado no atributo href. Esta linha de código deve ser inserida na seção header do documento HTML, isto é, entre as tags <head> e </head>, conforme mostrado abaixo: <html> <head> <title>meu documento</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head>... Este link informa ao navegador para usar o arquivo CSS na renderização e apresentação do layout do documento HTML. A coisa realmente inteligente disso é que vários documentos HTML podem lincar para uma mesma folha de estilos. Em outras palavras isto significa que um simples arquivo será capaz de controlar a apresentação de muitos documentos HTML. Esta técnica pode economizar uma grande quantidade de trabalho. Se por exemplo, você quiser trocar a cor do fundo de um site com 100 páginas, a folha de estilos evita que você edite manualmente uma a uma, as, para fazer a mudança nos 100 documentos HTML. Usando CSS a mudança se fará em uns poucos segundos trocando-se a cor em uma folha de estilos central. 20

21 style.css body { background-color: #FF0000; } index.html <html> <head> <title>meu documento</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <h1>minha primeira folha de estilos</h1> </html> Salve os dois arquivos no mesmo diretório. Lembre-se de salvar os arquivos com a extensão apropriada (".css" e ".html") Exercícios CSS 1. Crie um Documento XHTML para inserir o CSS Inline abaixo e salve-o com o nome cssinline.html: <html> <head> <title>exemplo</title> </head> <body style="background-color: #FF0000;"> <p>esta é uma página com fundo vermelho</p> </html> 2. Crie um Documento XHTML para inserir o CSS Interno ou incorporado abaixo e salve-o com o nome cssinterno.html: <html> <style type="text/css"> <!-- h1 {color: #0000FF; font-size: 30px; font-family: Comic Sans MS} p {text-indent: 1cm; background-color: yellow; font-family: arial} body {background-color:#00000f} --> </style> <head> <title> Meu primeiro style sheet</title> </head> <h1>meu primeiro style sheet</h1> <p>agora terei o controle total!</p> </html> 3. Crie o seguinte documento externo para formatação, chamado de básico.css a{text-decoration:none} Tira o sublinhado de todos os links a:link{color:green} Muda para verde a cor dos links ainda não visitados a:visited{color:brown} Muda para marrom a cor dos links já visitados a:hover{color:yellow} Muda para amarelo a cor dos links ao passar o mouse 21

22 4. Crie um Documento XHTML para inserir o CSS Externo abaixo e salve-o com o nome cssexterno.html: <html> <head> <title>meu documento</title> <link rel="stylesheet" type="text/css" href="basico.css" /> </head> <h2>estes links estão formatados de forma diferenciada da padrão</h2> <a href=" <br /> <br /> <a href=" </html> OBS. A linha de comando em negrito, é a que está chamando o arquivo CSS externo. Siga sempre este padrão, mudando apenas o nome do arquivo CSS, no caso básico.css 5. Coloque uma imagem de fundo no documento cssexterno.html, para isso salve uma imagem no mesmo diretório dos seus arquivos e altere o arquivo basico.css, acrescentando: body { background-image: url("imagem.jpeg"); } 6. Faça com que a imagem se repita no fundo do documento XHTML, altere o arquivo basico.css, acrescentando: body { background-image: url("imagem.jpeg"); background-repeat: repeat; } 7. Faça com que a imagem permaneça fixa, mesmo quando a barra de rolagem rolar para baixo ou para cima, altere o arquivo basico.css, acrescentando: Nota: para ver a funcionalidade deste exercício, o texto deverá ser grande, sendo necessário o uso do scroll. body { background-image: url("imagem.jpeg"); background-repeat: no-repeat; background-attachment: fixed; } 8. Faça com que a imagem role junto com o texto quando a barra de rolagem rolar para baixo ou para cima, altere o arquivo basico.css, mudando o atributo background-attachment para scroll: body { background-image: url("imagem.jpeg"); background-repeat: no-repeat; background-attachment: scroll; } 9. Crie um Documento XHTML para chamar as três páginas criadas anteriormente e salve-a com o nome index.html: 10. Retire o sublinhado de todos os links criados no exercício 9. EXERCÍCIOS 2 22

23 Tomando como base um documento XHTML, introduza as modificações propostas nos itens abaixo, na ordem sugerida. Para a realização dos testes das diversas propriedades CSS, use uma referência para consulta. Após cada alteração, abrir o documento no navegador e verificar os resultados. 1. Alterar a cor de fundo de toda a página para azul. 2. Alterar a cor de fundo de um parágrafo para vermelho. Use uma classe como seletor. 3. Alterar a cor de fonte do mesmo parágrafo para branco. Use outra classe como seletor. 4. Na segunda classe criada, defina outra cor de fundo e verifique o resultado da precedência. Desfaça esta última alteração. 5. Acrescente uma imagem de fundo que se repita ao longo de toda a página. 6. Acrescente uma propriedade que evite a repetição da imagem de fundo. 7. Faça a imagem de fundo repetir-se apenas horizontalmente. 8. Faça a imagem de fundo repetir-se apenas verticalmente. 9. Posicione a imagem de fundo no canto superior direito da janela. 10. Posicione a imagem de fundo no centro da janela, nas duas dimensões, usando a palavra reservada center. 11. Posicione a imagem de fundo a 20% do topo e a 30% da margem esquerda. 12. Defina a fonte de um parágrafo para 150px. 14. Decore um parágrafo com uma linha sobre suas linhas. 15. Decore outro parágrafo sublinhando-o. 17. Para as duas questões anteriores, repita o procedimento em apenas um trecho do parágrafo, usando o elemento <span>. 18. Justifique um dos parágrafos. 19. Centralize um dos parágrafos. 20. Em um dos parágrafos, force o recuo da primeira linha de texto em 100px. 21. Transforme todas as letras em minúsculas em um parágrafo. 22. Transforme todas as letras em maiúsculas em um parágrafo. 23. Transforme a primeira letra de cada palavra em maiúscula de todo um parágrafo. 30. Defina bordas para o parágrafo anterior com 2px, estilo sólido e cor preta; 31. Altere as bordas de outro parágrafo, fazendo com que cada um dos lados tenha um estilo, uma cor e uma espessura diferente de borda. 34. Defina as propriedades do parágrafo anterior width e height para 30% e 80% respectivamente. 35. Insira conteúdo nesse parágrafo de modo a extrapolar o tamanho definido. 36. Defina a propriedade overflow com o valor scroll e verifique a diferença. 23

24 24

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

CSS ETEC FRANCISCO MORATO. Professores: Kelly e Rafael

CSS ETEC FRANCISCO MORATO. Professores: Kelly e Rafael CSS ETEC FRANCISCO MORATO Professores: Kelly e Rafael 2015 Agenda Introdução; Website Layouts; CSS; Referências. 2 Website Layouts A maioria dos sites têm colocado o seu conteúdo em várias colunas; Ex.:

Leia mais

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,

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

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

Apostila CSS - Introdução à folha de estilos

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

Leia mais

> 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

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

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

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

7. Cascading Style Sheets (CSS)

7. Cascading Style Sheets (CSS) 7. Cascading Style Sheets (CSS) O CSS (Folha de Estilo em Cascata) é um padrão de formatação para páginas web que vai além das limitações impostas pelo HTML. O Cascading Style Sheets não é exatamente uma

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

Internet e Programação Web

Internet e Programação Web COLÉGIO ESTADUAL PEDRO MACEDO Ensino Profissionalizante Internet e Programação Web 2 Técnico Prof. Cesar 2014 1 1. CSS CSS é uma linguagem para estilos que define o layout de documentos HTML. Por exemplo,

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

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

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

Leia mais

Curso PHP Básico. Jairo Charnoski do Nascimento

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

Leia mais

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

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

Leia mais

Linguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira

Linguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira Linguagens para WEB Tecnologia Cliente XHTML / CSS Professora: Lucélia Oliveira Professora Lucélia Oliveira 2 Sumário APRESENTAÇÃO... 5 1. CONCEITOS... 6 1.1. HTML... 6 1.2. XHTML... 6 1.3. tags... 6 2.

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

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

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

Roteiro de Estudos e Atividades Avaliativas HTML

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

Leia mais

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

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

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

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

Leia mais

QUEM FEZ O TRABALHO?

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

Leia mais

Introdução. História. Como funciona

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

Leia mais

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON

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

Leia mais

Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo.

Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Como defino e escrevo uma classe? Classe é um seletor

Leia mais

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

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

Leia mais

Aplicativos para Internet Aula 01

Aplicativos para Internet Aula 01 Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx

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

HTML. (Hypertext Markup Language Linguagem de Marcação de Hipertexto)

HTML. (Hypertext Markup Language Linguagem de Marcação de Hipertexto) HTML (Hypertext Markup Language Linguagem de Marcação de Hipertexto) CSS - Cascading Style Sheets CSS serve para definir propriedades de apresentação/formatação a aplicar em tags HTML. A sua utilização

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

CSS - Background, Color e Fontes. Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br

CSS - Background, Color e Fontes. Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br Web Introdução Design CSS - Background, Color e Fontes Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br O que veremos... CSS Cores e fundos Fontes Cores e fundos Algumas propriedades

Leia mais

CAPÍTULO 2. Este capítulo tratará :

CAPÍTULO 2. Este capítulo tratará : 1ª PARTE CAPÍTULO 2 Este capítulo tratará : 1. O que é necessário para se criar páginas para a Web. 2. A diferença entre páginas Web, Home Page e apresentação Web 3. Navegadores 4. O que é site, Host,

Leia mais

Mozart de Melo Alves Júnior

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

Leia mais

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

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

Web Design Aula 11: Site na Web

Web Design Aula 11: Site na Web Web Design Aula 11: Site na Web Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Criar o site em HTML é interessante Do que adianta se até agora só eu posso vê-lo? Hora de publicar

Leia mais

CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;

CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web; CONCEITOS INICIAIS Agenda A diferença entre páginas Web, Home Page e apresentação Web; O que é necessário para se criar páginas para a Web; Navegadores; O que é site, Host, Provedor e Servidor Web; Protocolos.

Leia mais

HTML 5 + CSS APRESENTANDO O CSS ESTILOS LOCAIS

HTML 5 + CSS APRESENTANDO O CSS ESTILOS LOCAIS APRESENTANDO O CSS CSS Cascading Style Sheets, ou, em português, Folha de Estilo em Cascata - é uma linguagem de estilo que pode ser utilizada na formatação de documentos HTML. Com CSS, podemos criar regras

Leia mais

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

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

Leia mais

Introdução à Tecnologia Web

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.

Leia mais

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

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

Leia mais

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

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes

Leia mais

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

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

Leia mais

CURSO DE INFORMÁTICA BÁSICA AULA 4 INTERNET

CURSO DE INFORMÁTICA BÁSICA AULA 4 INTERNET CURSO DE INFORMÁTICA BÁSICA AULA 4 INTERNET O que é a Internet? É a ligação em escala mundial de milhões de computadores para a troca de informações. As informações, na Internet, trafegam quase que instantaneamente.

Leia mais

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

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

Leia mais

HTML / 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

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 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

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

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

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

Leia mais

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

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

Leia mais

CSS - Parte 02. Prof. Marciano dos Santos Dionizio

CSS - Parte 02. Prof. Marciano dos Santos Dionizio CSS - Parte 02 Prof. Marciano dos Santos Dionizio Imagens de fundo [backgroundimage] A propriedade CSS background-image é usada para definir uma imagem de fundo. Usaremos a imagem de uma borboleta para

Leia mais

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

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

Leia mais

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

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

Leia mais

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

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

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar estilos em HTML com CSS Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte

Leia mais

CONCEITOS BÁSICOS DE INTERNET. Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA

CONCEITOS BÁSICOS DE INTERNET. Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA CONCEITOS BÁSICOS DE INTERNET Disciplina: INFORMÁTICA 1º Semestre Prof. AFONSO MADEIRA conceito inicial Amplo sistema de comunicação Conecta muitas redes de computadores Apresenta-se de várias formas Provê

Leia mais

Google Docs EDITOR DE TEXTOS

Google Docs EDITOR DE TEXTOS Google Docs Um destes serviços oferecidos é o Google Docs, uma espécie de suíte de aplicativos online, bastante semelhante ao Microsoft Office e ao OpenOffice.org/BrOffice.org. O serviço da Google possui

Leia mais

Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0. Tutorial HTML. versão 4.01

Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0. Tutorial HTML. versão 4.01 Fone: (19) 3234-4864 E-mail: editora@komedi.com.br Site: www.komedi.com.br HTM3.0 Tutorial HTML versão 4.01 K O M Σ D I Copyright by Editora Komedi, 2007 Dados para Catalogação Rimoli, Monica Alvarez Chaves,

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

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação

Leia mais

HTML -- Criação de Home Page

HTML -- Criação de Home Page PPáággi innaa 1 LISTAS Na linguagem HTML existem elementos específicos para a criação de listas, que podem ser listas ordenadas (OL), listas sem ordenação (UL), ou listas de definição (DL). Um detalhe

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

Programação para Internet

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

Leia mais

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

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

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

Leia mais

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

ROBERTO OLIVEIRA CUNHA

ROBERTO OLIVEIRA CUNHA LEIAME APRESENTAÇÃO Nenhuma informação do TUTORIAL DO MICRO- SOFT OFFICE WORD 2003 poderá ser copiada, movida ou modificada sem autorização prévia e escrita do Programador Roberto Oliveira Cunha. Programador:

Leia mais

A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável.

A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável. A seguir voce vai poder acompanhar, em 10 passos, como gerenciar o conteúdo das páginas pelas quais voce é responsável. Índice Geral TULogarUT 3 TUConhecer e VisualizarUT 6 TUÁrea de Edição / Blocos e

Leia mais

Observações importantes:

Observações importantes: Fundação CECIERJ - Vice Presidência de Educação Superior a Distância Curso de Tecnologia em Sistemas de Computação Disciplina Criação de Páginas de WEB AD1 1 semestre de 2014. Observações importantes:

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

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: <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

INTERNET -- NAVEGAÇÃO

INTERNET -- NAVEGAÇÃO Página 1 INTRODUÇÃO Parte 1 O que é a Internet? A Internet é uma rede mundial de computadores, englobando redes menores distribuídas por vários países, estados e cidades. Ao contrário do que muitos pensam,

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

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

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

Leia mais

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

DESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP. VitorFariasCoreia

DESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP. VitorFariasCoreia DESENVOLVIMENTODE APLICAÇÕESPARAINTERNET:PHP VitorFariasCoreia INFORMAÇÃOECOMUNICAÇÃO Autor Vitor Farias Correia Graduado em Sistemas de Informação pela FACITEC e especialista em desenvolvimento de jogos

Leia mais

UM NOVO CONCEITO EM AUTOMAÇÃO. Série Ponto

UM NOVO CONCEITO EM AUTOMAÇÃO. Série Ponto UM NOVO CONCEITO EM AUTOMAÇÃO Série Ponto POR QUE NOVO CONCEITO? O que é um WEBPLC? Um CP na WEB Por que usar INTERNET? Controle do processo de qualquer lugar WEBGATE = conexão INTERNET/ALNETII WEBPLC

Leia mais

Scriptlets e Formulários

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,

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

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont APOSTILA Curso de HTML com PHP HTML Pablo Dapont PET Computação - sala 202 Prédio 43424 ( prédio dos laboratórios ) Instituto de Informática - UFRGS email : pet@inf.ufrgs.br Av. Bento Gonçalves, 9500 bloco

Leia mais

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

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Internet Internet é o conjunto de diversas redes de computadores que se comunicam entre si Internet não é sinônimo de WWW (World Wide

Leia mais

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Introdução Aula 03: Pacote Microsoft Office 2007 O Pacote Microsoft Office é um conjunto de aplicativos composto, principalmente, pelos

Leia mais

Prática 3 Microsoft Word

Prática 3 Microsoft Word Instituto Federal de Educação, Ciência e Tecnologia do Estado da Paraíba, Campus Sousa Disciplina: Informática Básica Prática 3 Microsoft Word Assunto: Tópicos abordados: Prática Utilização dos recursos

Leia mais

INTERNET OUTLOOK. 1. Considerando os conceitos e os modos de navegação na Internet, assinale a opção correta.

INTERNET OUTLOOK. 1. Considerando os conceitos e os modos de navegação na Internet, assinale a opção correta. Prof. Júlio César S. Ramos P á g i n a 1 INTERNET OUTLOOK 1. Considerando os conceitos e os modos de navegação na Internet, assinale a opção correta. A O Outlook Express permite criar grupo de pessoas

Leia mais

Word 1 - Introdução 1.1 - Principais recursos do word 1.2 - A janela de documento 1.3 - Tela principal

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

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

Introdução. Como adquirir o FrontPage?

Introdução. Como adquirir o FrontPage? Introdução O software FrontPage é muito utilizado para a criação, gerenciamento e publicação de páginas (sites) na Internet. Sendo um produto da Microsoft Corporation, ele apresenta uma interface bastante

Leia mais

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web

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

Leia mais

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/ 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

Leia mais

15. OLHA QUEM ESTÁ NA WEB!

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

Leia mais

Mudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata

Mudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata Mudança de formatos no HTML título CSS - Cascading Style Sheets e os problemas do HTML Para mudar a cor de uma única linha de uma página seria relativamente fácil.

Leia mais

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

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

Leia mais

Capítulo 7 O Gerenciador de Arquivos

Capítulo 7 O Gerenciador de Arquivos Capítulo 7 O Gerenciador de Arquivos Neste capítulo nós iremos examinar as características da interface do gerenciador de arquivos Konqueror. Através dele realizaremos as principais operações com arquivos

Leia mais