17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce"

Transcrição

1 PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades, volta-se a fins comerciais 1991 É criado o HTML HTTP - WWW WWW É um grande conjunto de documentos (páginas) interligados, onde cada uma dessas páginas pode conter um tipo de hipermídia: Vídeos Sons Hipertextos Figuras 1

2 MAIS UM POUCO DE HISTÓRIA Logo do Mosaic Mosaic exibindo uma página de 1994 HISTÓRIA: HTML 1992: Primeira aparição do HTML; 1993: HTML + algumas definições de aparência, tabelas e formulários. 1994: HTML padronização de características 1994: HTML extensão do HTML 1995: HTML padronização do Netscape e Internet Explorer. HISTÓRIA: HTML 2000: XHTML é criado (versão do HTML 4.0); 2004: Surge a Web 2.0; 2008: W3c anuncia a especificação do HTML : Crescente o desenvolvimento do HTML : Previsão da versão final do HTML5 Hoje: Difusão de uso do HTML5. 2

3 WEB 1.0 Tinha como características: Estática, não existia interatividade; Destaque para o surgimento dos grandes portais; 1994 Apenas 10 mil sites hospedados. WEB 2.0 Tinha (tem) como características: Web colaborativa; Oferece conteúdo dinâmico com interatividade dos usuários; Criação de redes sociais dás mais variadas instâncias e finalidades. WEB 3.0 Terá como características: Geração de conteúdo através da coletividade; Ferramentas para inovação; Terceirização de tarefas para um grande número de pessoas. Exemplos: Companhia aérea Azul. Exemplos: Starbucks 3

4 LINGUAGEM DE MARCAÇÃO E ESTILOS - HTML SEPARAÇÃO EM CAMADAS HTML Conteúdo Dados e estrutura CSS Apresentação Cores, fontes e posicionamentos. JavaScript Comportamentos - Interatividade 4

5 HYPERTEXT MARKUP LANGUAGE Ou simplesmente HTML é uma linguagem de marcação interpretada por um navegador Web, esta linguagem é composta por diversas tags com atributos que permitem que seja escrito um site. Tag indica estrutura Atributos são as propriedades de uma estrutura. ESTRUTURA DE UMA PÁGINA <!DOCTYPE html> html> <head> <meta charset= UTF-8 /> <title> Minha primeira página em HTML </title> </head> <body> Minha primeira informação. </body> </html> REGRAS HTML As tags HTML devem ser escritas em letras minúsculas e devem ser fechadas, bem como atributos devem sempre ter valores e entre aspas duplas. Exemplos: <p> Começamos um novo parágrafo </p> <b><p> Parágrafo em negrito </p></b> <br /> <hr /> <img src= imagem.gif alt= Foto da cidade /> 5

6 TAGS ESTRUTURAIS BODY Envolve todo o conteúdo HTML e pode receber vários atributos, dentre eles destacam-se: bgcolor Cor de fundo background Imagem como plano de fundo text Cor do texto principal link Cor dos links existentes na página alink Cor do link que foi ativado vlink Cor do link que já foi visitado META Esta tag fornece informações sobre o documento que não são mostrados, mas que podem ser utilizados em buscadores. <head> <meta name= aula content= Programação Web /> <meta name= keywords content= HTML, CSS /> <meta name= author content= Fabiano Taguchi /> <meta charset= UTF-8 /> </head> 6

7 META A tag ainda pode definir a linguagem natural da página, conteúdo padrão e redirecionamento de páginas. <head> <meta http-equiv= Content-Language content= pt-br > <meta http-equiv= Content-Type content= text/html > <meta http-equiv= refresh content= 5 ; URL= p1.html > </head> STYLE Apesar de ser recomendado utilizar regras CSS em arquivos separados (organização), esta tag é utilizada para inserir o CSS diretamente no HTML de uma página. O atributo utilizado é o type. <style type= text/css > body { color: red; background-color: blue; </style> SCRIPT Tag utilizada para incluir um código JavaScript em uma página HTML. Os principais atributos utilizados são: src; type; async; charset. <script type= text/javascript src= ania.js > </script> 7

8 ATRIBUTOS DE FORMATAÇÃO FORMATAÇÃO font u em s sub big small i sup Alteração de face (face), cor (color) e tamanho (size) Efeito sublinhado Efeito enfatizado Efeito tachado Efeito subscrito Efeito que aumenta o texto Efeito que diminui o texto Efeito itálico Efeito sobrescrito TAGS PARA CONTEÚDO 8

9 IMAGEM DE FUNDO O atributo background quando usado na tag body permite que seja inserido uma imagem de fundo em uma página. <body background= fotos/cores.png > Informações a serem exibidas na página </body> PARÁGRAFOS Representada pela tag <p>, seu objetivo é organizar textos dentro de uma página HTML separando-os. O principal atributo é o align. <p> Começamos um novo parágrafo </p> <p align= right > Parágrafo à direita </p> <p align= left > Parágrafo à esquerda</p> CORES Para trabalhar com cores em uma página HTML devem ser utilizados os atributos color e bgcolor. <body bgcolor= #00ff99 > <hr> <p color= #ff0000 > Exemplo de texto </p> </body> 9

10 CABEÇALHOS PRE É utilizada para mostrar um texto em sua formatação original, desta forma todos os enters, tab e espaços são preservados. <pre> Texto separado por dois espaços </pre> <pre> Texto em quebras de linha </pre> LINHA HORIZONTAL Para ser criado uma linha horizontal, a tag utilizada é a <hr>. <h1> Fabiano Taguchi </h1> <hr> <h2> </h2> <h3> </h3> 10

11 QUEBRAS DE LINHAS As quebras de linha podem ser executadas com o uso da tag <br>. <p> Esse texto ficará Na mesma linha. <br> E este em outra linha. </p> <font color= ff0000 size= 3 > As páginas Web são escritas em HTML </font> TABULAÇÃO Para que seja deixado um espaço de margem dentro da página, a tag <blockquote> é utilizada. O efeito desta tag é acumulativo. <blockquote> Está é o site da XYZ. </blockquote> <blockquote> Seja bem vindo </blockquote> CENTRALIZAR Um texto pode ser centralizado se for colocado dentro da tag <center>. Esta tag é antiga, e era usada quando não havia formas de centralizar textos. <center> Está é o site da XYZ. </center> <center> Seja bem vindo </center> 11

12 ALINHAMENTOS Para que outros alinhamentos sejam feitos, o atributo align é inserido em várias tags. <h1 align= center > Cabeçalho centralizado </h1> <p align= left > Parágrafo alinhado à esquerda </p> <p align= right > Parágrafo alinhado à direita </p> <p align= center > Parágrafo centralizado </p> IMAGENS As imagens são inseridas em um documento Web através da tag <img>. Alguns atributos podem ser inseridos: src Especifica o caminho físico da imagem alt Indica um texto alternativo title exibida quando cursor fica sobre a imagem width e height Atributos de largura e altura border Cria borda ao redor da imagem align Alinhamento da imagem com um texto. IMAGENS Pode ainda na versão 5 do HTML fazer uso da tag <figcaption>, que cria uma legenda para imagem. <figure> <img src= img/produto.jpeg alt= Foto > <figcaption> Produto por R$ 129,90 </figcaption> </figure> 12

13 MAPAS SENSITIVOS Um mapa consiste em uma imagem que pode ser colocados links em áreas específicas. Como áreas podem ser usadas: rect, circle ou poly. <map name= mapa1 > <área shape= rect coords= 300,2,60,60 href= # > </map> LINKS A tag que representa um link é a tag <a>, seu principal atributo é o href que indic ao local do arquivo. Target também pode ser usado como atributo, que indica se o link será aberto na mesma página ou em uma nova. <a href= > Google </a> PERSONALIZANDO LINKS <body vlink= #ff0000 text= #ff00ff > <h2> <a href= > Link para acesso ao site do Google </a> </h2> </body> 13

14 ÂNCORAS São utilizadas como ponto de referência para marcar o início de uma seção no documento. No exemplo abaixo é criado a âncora para seção 1. <a href= #secao1 > Clique aqui </a> <a name= secao1 > Conteúdo a ser mostrado </a> LISTAS NÃO ORDENADAS As listas não ordenadas são representadas pela tag <ul>. Cada item dentro de uma lista está contido dentro das tags <li>. <ul type= square > <li> Tome uma xícara de café </li> <li> Veja o sol nascer </li> <li> Ouça o canto dos pássaros </li> <li> Ouça o vento </li> </ul> LISTAS ORDENADAS São listas nas quais cada item é numerado de forma sequencial. Para criar uma lista ordenada, utilizamos a tag <ol>. <ol start= 10 type= A > <li> Inseria o CD-ROM </li> <li> Selecione executar </li> <li> Digite a letra para o drive de CD-ROM </li> <li> siga as instruções de instalação </li> </ol> 14

15 LISTAS DE GLOSSÁRIO Uma lista de glossário possui duas partes: termo e a definição do termo. Para o termo utiliza-se a tag <dt>, para a definição a tag usada é a <dd>. <dl> <dt> Manjericão </dt> <dd> Anual. Pode crescer até quatro pés de altura </dd> </dl> ÁUDIO E VÍDEO Uma forma de adicionar áudio e vídeo em páginas Web é fazendo uso da tag embed. O HTML5 possui suporte para adicionar mídia através do elemento <audio> e do elemento <vídeo>, fazendo uso de alguns atributos: controls Cria controles padrão para áudio e vídeo autoplay Reprodução automática loop Repetição automaticamente do arquivo widht e height Largura e altura do elemento ÁUDIO E VÍDEO Exemplos de aplicação dos elementos <audio> e <video>: <audio src= musica.mp3 ></audio> <video src= filme.wma ></video> <video src= audio.mp3 width= 300px height= 300px controls= controls autoplay= autoplay /> 15

16 TABELAS TABELAS Uma tabela é criada a partir da tag <table>. Cada linha dentro da tabela é criado com a tag <tr>, por sua vez cada célula dentro de uma linha pela tag <td>. <table> <tr> <td> </td> <td> </td> </tr> </table> TABELAS Entre os principais atributos de tabela temos: background Imagem do plano de fundo; bgcolor Cor do plano de fundo; border Largura da borda em pixels; cellpading Espaçamento nas células; cellspacing Espaçamento entre as células; width Largura da tabela align Alinhamento da tabela bordercolor Cor na borda da tabela 16

17 TABELAS <table border= 1 > <tr> <td> Primeira coluna </td> <td> Segunda coluna </td> <td> Terceira coluna </td> </tr> <tr> <td> Primeira coluna </td> <td> Segunda coluna </td> <td> Terceira coluna </td> </tr> </table> TABELAS <table border= 2 > <caption> Dados do curso </caption> <tr> <td> Nome do curso </td> <td> Valor do curso </td> <td> Nome do professor </td> </tr> </table> TABELAS <table border= 2 cellpading= 2 > <tr> <td colspan= 2 > Primeira linha </td> </tr> <tr> <td> Primeira coluna </td> <td> Segunda coluna </td> </tr> </table> 17

18 TABELAS <table border= 2 cellpading= 2 > <tr> <td> Programação Web </td> <td> R$ 250,00 </b> <td rowspan= 2 > José Joaquim </n> </tr> <tr> <td> Lógica de Programação </td> <td> R$ 120,00 </td> </tr> </table> TABELAS <table border= 2 cellpading= 2 > <caption> Dados do curso </caption> <tr> <th> Nome do curso </th> <th> Valor do curso </th> <th> Nome do professor </th> </tr> <tr> <td> Programção Web </td> <td> R$ 250,00 </td> <td> José Joaquim </td> </tr> </table> LINHAS DE TABELAS Como visto, para criar uma linha de uma tabela a tag <tr> é criada. Alguns atributos podem ser utilizados nas linhas: align Alinhamento do conteúdo da linha valign Alinhamento vertical do conteúdo bgcolor Define uma cor de segundo plano para linha 18

19 TABELAS <table border= 2 align= center bgcolor= ff4321 > <tr> <td> Nome do curso </td> <td valign= top nowrap> Valor </td> </tr> <tr> <td> Programção Web </td> <td> R$ 250,00 </td> </tr> </table> FRAMES EXERCÍCIO 19

20 FRAMES <html> <head> <title> Usando frames </title> </head> <frameset cols= 150,650 > <frame src= menu.html name= Menu > <frame src= principal.html name= Principal > </frameset> </html> PÁGINA MENU.HTML <html> <head> <title> Menu </title> </head> <body bgcolor= #99ff33 > <a href= Principal.html target= Principal > </a> <a href= Java.html target= Principal > </a> <a href= JavaMe.html target= Principal > </a> </body> </html> PÁGINA PRINCIPAL.HTML <html> <head> <title> Principal </title> </head> <body bgcolor= # > Principal </body> </html> 20

21 PÁGINA JAVA.HTML <html> <head> <title> Java </title> </head> <body bgcolor= # > Java </body> </html> PÁGINA JAVAME.HTML <html> <head> <title> Java </title> </head> <body bgcolor= # > Java ME </body> </html> FRAMES DOIS FRAMESETS <html> <head> <title> Usando frames </title> </head> <frameset rows= 150,400 > <frame src= cabecalho.html name= Cabecalho > <frameset cols= 150,650 > <frame src= menu.html name= Menu > <frame src= principal.html name= Principal > </frameset> </frameset> </html> 21

22 PÁGINA CABECALHO.HTML <html> <head> <title> Cabeçalho </title> </head> <body bgcolor= # > <font align= center > Cabeçalho </font> </body> </html> EXERCÍCIOS EXERCÍCIOS 22

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

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

4. Características Gerais das Tabelas do HTML

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

Leia mais

> 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

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

3. Construção de páginas web Introdução ao HTML

3. Construção de páginas web Introdução ao HTML 3. Construção de páginas web 3.1. Introdução ao HTML 1 Introdução ao HTML O HTML, HyperText Markup Language, foi desenvolvido para especificar a organização lógica de um documento com extensões de hipertexto,

Leia mais

HTML Página 36. Índice

HTML Página 36. Índice PARTE - 6 HTML Página 36 Índice Tabelas... 37 Construindo tabelas Marcação TABLE... 37 Título da Tabela Marcação CAPTION... 37 Cabeçalho da tabela (table headings) Marcação TH... 37 Dados da tabela (table

Leia mais

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste

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

Introdução a HTML. André Tavares da Silva.

Introdução a HTML. André Tavares da Silva. Introdução a HTML André Tavares da Silva andre.silva@udesc.br HTML HiperText Markup Language Linguagem de marcação para criar páginas Web Formada por textos e comandos chamados tags (etiquetas/rótulos)

Leia mais

TECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo

TECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo HTML (Hiper Text Markup Language) Linguagem de marcação de hipertexto Comum especificar o conteúdo do documento e sua formatação em um só documento HTML.

Leia mais

OPERAÇÃO DE SOFTWARE E APLICATIVOS

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

Leia mais

Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML

Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML Autoria Web Professor: Diego Oliveira Conteúdo 02: Principais Tags HTML Diferença de HTML e XHTML Os elementos XHTML devem estar devidamente aninhados Os documentos XHTML devem estar bem-formados Os nomes

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

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

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

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

Leia mais

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃO AO DESENVOLVIMENTO WEB INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Tabelas A tag permite a criação de tabelas com linhas e colunas Tabelas devem ser utilizadas para organizar e apresentar dados

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

Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc.

Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr> Tabelas HTML Tabelas Tabelas São definidas pela tag Uma tabela é dividida em linhas -com a tag Cada linha divida em células de dados (com a tag ). As letras td são um acronimo

Leia mais

Programação para Web HTML - Parte 2

Programação para Web HTML - Parte 2 Programação para Web HTML - Parte 2 Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 2 de março

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

Desenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes

Desenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web XHTML tag head e tags de texto Professor: Bruno Gomes 2012 INTRODUÇÃO

Leia mais

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

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

Leia mais

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

Prof. Erwin Alexander Uhlmann 1/7/2010

Prof. Erwin Alexander Uhlmann 1/7/2010 HTML 5 O html 5 é a nova versão do html 4. Foi desenvolvido para a interoperabilidade e padronização de plataformas e navegadores (motores). Compare as estruturas do html4 e do 5, abaixo: HTML 4 HTML 5

Leia mais

Ensino I nterativo Universidade Anhembi Morumbi. Multimídia I

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

Leia mais

<CENTER> <iframe src=http://www.universo.edu.br width=740 height=255> </iframe> </CENTER> 6.4 iframes: Outra maneira mais elegante de inserir outras páginas dentro de nossos documentos HTML é através do comando . Nesse caso, devemos especificar o tamanho do espaço que deverá ser aberto

Leia mais

Programação web Prof. Wladimir

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

Leia mais

HyperText Markup Language HTML

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

Leia mais

Maurício Samy Silva. Novatec

Maurício Samy Silva. Novatec Maurício Samy Silva Novatec Sumário Agradecimentos...13 Sobre o autor...13 Introdução...15 Para quem foi escrito este livro... 15 Convenções tipográficas... 16 Site do livro... 18 Capítulo 1 O que é (X)HTML?...20

Leia mais

HTML: Recursos Básicos e Especiais

HTML: Recursos Básicos e Especiais Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,

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

HTML. Professor Victor Sotero. html

HTML. Professor Victor Sotero. html HTML Professor Victor Sotero html 1 Conceito Linguagem com a finalidade de marcação de hipertexto, sendo assim escritas páginas da web, e interpretada pelo navegador. As páginas contém um código fonte,

Leia mais

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

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

Leia mais

Programação e Designer para WEB

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

Leia mais

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

HTML (HyperText. Markup Language)

HTML (HyperText. Markup Language) Pontifícia Universidade Católica do Rio Grande do Sul PUCRS Faculdade de Informática HTML (HyperText Markup Language) Prof. Fabiano Passuelo Hessel Profª. Leticia Lopes Leite Julho de 2002. 1. Introdução

Leia mais

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

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

Leia mais

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

Introdução ao HTML André Luiz Silva de Moraes Instituto Federal de Santa Catarina

Introdução ao HTML André Luiz Silva de Moraes Instituto Federal de Santa Catarina Introdução ao HTML André Luiz Silva de Moraes Hypertext Markup Language Linguagem de Marcação de Hipertexto Padroniza a Escrita do texto Permite que um navegador reconheça elementos para inserir em uma

Leia mais

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

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

Leia mais

HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas

HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas HTML Sessão 4 HTML É por vezes interessante fazer com que uma célula se expanda de forma a incorporar a célula imediatamente abaixo ou ao lado (o que em folhas de cálculo como o Microsoft Excel se denomina

Leia mais

Roteiro 2: Conceitos de Tags HTML

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

Leia mais

Aula 11 Introdução ao Java Script

Aula 11 Introdução ao Java Script Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se

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

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

Prof.: Melba Lima Gorza Aula Introdutória de HTML. Componentes do HTML. Estrutura de um documento XHTML

Prof.: Melba Lima Gorza Aula Introdutória de HTML. Componentes do HTML. Estrutura de um documento XHTML Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML

Leia mais

Projeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B

Projeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B Projeto Integrador Green Friday Pesquisa HTML5 Gestão em Tecnologia da Informação Turma 1º B Versão : 1.0.0 Equipe Cristiano Margarida Rodrigues Idealização e arquitetura Tiago Dariel Gois Marques - Teste

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

introdução a HTML

<title>introdução a HTML</title> introdução a HTML programação para a Internet prof. Vilson Heck Junior O que é HTML Hypertext Markup Language: Linguagem de Marcação de Hipertexto; É uma coleção de TAGs

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

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

gedit Bloco de notas

gedit Bloco de notas GOVERNO DA REPÚBLICA PORTUGUESA gedit Bloco de notas Sistema Operativo Linux Tecnologias de Informação e Comunicação Professor: Joaquim Frias Instruções básicas do HTML TAGS TAGS Uma tag é uma instrução

Leia mais

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

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

Leia mais

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

Tecnologias para apresentação de dados - HTML. Aécio Costa

Tecnologias para apresentação de dados - HTML. Aécio Costa Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir

Leia mais

HyperText Markup Language (HTML) Desenho de Documentos na World Wide Web

HyperText Markup Language (HTML) Desenho de Documentos na World Wide Web Programação Na Web HyperText Markup Language (HTML) Desenho de Documentos na World Wide Web 1 António Gonçalves Agenda Introdução ao HTML Criar e publicar uma página Web Validar uma documento Elementos

Leia mais

Introdução. HyperText Markup Language HTML. Tag de Delimitação. Sintaxe. Tag de Presença. Atributos. Existem dois tipos de atributos:

Introdução. HyperText Markup Language HTML. Tag de Delimitação. Sintaxe. Tag de Presença. Atributos. Existem dois tipos de atributos: Introdução HyperText Markup Language HTML Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Linguagem de Marcação de Hipertexto. Uma

Leia mais

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

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

Leia mais

TECNOLOGIA WEB CRIANDO TABELAS

TECNOLOGIA WEB CRIANDO TABELAS TECNOLOGIA WEB CRIANDO TABELAS USANDO UM ARQUIVO CSS ATRAVÉS DE UM LINK INTERNO DIGITE O CÓDIGO ABAIXO no bloco de notas, Notepad++ ou no amaya: OBS. 01: Em vermelho temos os comentários do código e em

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

Técnicas e processos de produção. Profº Ritielle Souza

Técnicas e processos de produção. Profº Ritielle Souza Técnicas e processos de produção Profº Ritielle Souza Ferramentas Programáveis Mensagem para mais de um destinatário FALE CONOSCO Definindo

Leia mais

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

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

Leia mais

XTHML. 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações);

XTHML. 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações); 1. XHTML TEM SUA ORIGEM NO XML; 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações); 4. XHTML é uma "Web Standard ; Neste link (http://www.maujor.com/w3c/xhtml10_2ed.html)

Leia mais

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

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

Leia mais

Síntese da aula anterior

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

Leia mais

A linguagem Hyper Text Markup Language (HTML)

A linguagem Hyper Text Markup Language (HTML) A linguagem Hyper Text Markup Language (HTML) Nota: Contém material utilizado no curso de HTML do Instituto Superior de Engenharia de Lisboa (ISEL) Ultima actualização: 15-10-2006 O que é? Linguagem para

Leia mais

#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio

#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio #Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Descrever os principais elementos da XHTML, Quando, Porque

Leia mais

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

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

Leia mais

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

INTRODUÇÃO À PROGRAMAÇÃO

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

Leia mais

Curso de HTML. Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br

Curso de HTML. Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br Definições conceituais O que é HTML? Criando e publicando uma página web Elementos da HTML Estrutura básica de uma página HTML

Leia mais

IFSC/Florianópolis - Prof. Herval Daminelli

IFSC/Florianópolis - Prof. Herval Daminelli Linguagem de marcação de textos; HTML significa Hypertext Markup Language (linguagem de marcação de hipertexto); Composta por elementos chamados tags ou rótulos ou marcadores; Estes marcadores definem

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

HTML HyperText Markup Language

HTML HyperText Markup Language Tecnologias para Web Design HTML HTML HyperText Markup Language ÿ Estrutura documentos a serem apresentados por agentes de usuários ex. browsers ÿ O texto de um documento é incluído diretamente no código

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

Lista e Tabelas. Fundamentos da Linguagem Web

Lista e Tabelas. Fundamentos da Linguagem Web Lista e Tabelas Fundamentos da Linguagem Web Bruno Angelo Medeiros Março de 2015 LISTAS O que são? Tipos Ordenadas Não ordenadas De definição Exemplos Exercícios LISTAS - O QUE SÃO? São uma forma de organização

Leia mais

Posicionamento, dimensões e outros elementos de HTML5 e CSS3

Posicionamento, dimensões e outros elementos de HTML5 e CSS3 R o q u e F e r n a n d o G l a u c i o D a n i e l Te c h n o E d i t i o n E d i t o r a L t d a Posicionamento, dimensões e outros elementos de HTML5 e CSS3 Posicionamento, dimensões e outros elementos

Leia mais

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

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

Leia mais

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

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

Leia mais

Curso de HTML. Rone Ilídio

Curso de HTML. Rone Ilídio Curso de HTML Rone Ilídio HTML HyperText Mark-up Language Linguagem criação de páginas Apresenta informações Formada por tags, exemplo: Tag H1: dados marcados com h1 Interessante: Acesse qualquer

Leia mais

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

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

Leia mais

FTIN - Módulo de WebDesign. Prof. Iran Pontes

FTIN - Módulo de WebDesign. Prof. Iran Pontes FTIN - Módulo de WebDesign Prof. Iran Pontes FTIN FORMAÇÃO TÉCNICA EM INFORMÁTICA IMPLEMENTAÇÃO HTML/CSS Hipertexto É um sistema para a visualização de informação cujos documentos contêm referências internas

Leia mais

Como criar uma página WEB

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

Leia mais

Usando Texto Formatado no IPython Notebook

Usando Texto Formatado no IPython Notebook 1 de 7 26-12-2012 19:54 Usando Texto Formatado no IPython Notebook Disciplina "Introdução à Computação em Física" (ICF) da UFES/Alegre Curso de Licenciatura em Física - Turma 2012/2 Autoria : Prof. Roberto

Leia mais

Claudio Damasceno. Avançar

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

Leia mais

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

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

Leia mais

Tela do MS Word 2010 Barra de Título Régua Horizontal Menu Arquivo Grupo Janela de Documento Guia Barra de Ponto de Ferramentas Inserção de Acesso

Tela do MS Word 2010 Barra de Título Régua Horizontal Menu Arquivo Grupo Janela de Documento Guia Barra de Ponto de Ferramentas Inserção de Acesso 1 Tela do MS Word 2010 Título Menu Arquivo Ferramentas de Acesso Rápido Guia Grupo Régua Horizontal Janela de Documento Ponto de Inserção Régua Vertical Rolagem Vertical Zoom Status Botões de Visualização

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

APOSTILA DE INTRODUÇÃO AO HTML

APOSTILA DE INTRODUÇÃO AO HTML 1 2 Apostila de Introdução ao HTML 3 ESTA OBRA PODE SER REPRODUZIDA E DISTRIBUÍDA PARCIAL OU INTEGRALMENTE DESDE QUE CITADA A FONTE. MATERIAL COPYLEFT - VENDA PROIBIDA Todo material desenvolvido pela Coordenadoria

Leia mais

Tecnologias de Desenvolvimento de Páginas web

Tecnologias de Desenvolvimento de Páginas web Tecnologias de Desenvolvimento de Páginas web HTML DHTML CSS Javascript Visual Basic Script Java HTML Hypertext Markup Language HTML Hypertext Markup Language Linguagem com a qual se definem as páginas

Leia mais

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD

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

Leia mais

Sumário. 1- Notícias. 1.1 Publicando uma nova notícia Blocos de edição

Sumário. 1- Notícias. 1.1 Publicando uma nova notícia Blocos de edição O site desenvolvido pela SH3 é intuitivo, totalmente gerenciado através de um painel de administração. Nele o usuário responsável será mantenedor de todas as informações e configurações existentes, podendo

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

Escrito por Sáb, 15 de Outubro de 2011 21:16 - Última atualização Seg, 26 de Março de 2012 03:31

Escrito por Sáb, 15 de Outubro de 2011 21:16 - Última atualização Seg, 26 de Março de 2012 03:31 Preço R$ 129.00 Compre aqui Entre definitivamente para o mundo de desenvolvimento web. Curso Webdesigner, criação de Sites com HTML, DHTML, javascript e CSS + dreamweaver cs4. São 147 videoaulas, 2 dvd

Leia mais

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

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

Leia mais

PDI 1 - Projeto e Design de Interfaces Web

PDI 1 - Projeto e Design de Interfaces Web Introdução a HTML e XHTML Elementos básicos parte 2 Professor: Victor Hugo L. Lopes Agenda: --Adicionando imagens; --Trabalhando com vídeos e sons em HTML; Disponível em http://wp.me/p48yvn-43 2 Inserindo

Leia mais

Anexo I. Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa.

Anexo I. Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa. Anexo I Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa. NOTA: Os exemplos utilizados neste documento fazem referência a uma página de curso com quatro níveis, conforme

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