HTML -- Criação de Home Page

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

Download "HTML -- Criação de Home Page"

Transcrição

1 i.exe PPáággi innaa 1 INTERNET Uma rede convencional pode se conectar através de pontes ou gateways com outras redes. Quando a Internet surgiu o propósito inicial não era a conexão entre computadores, mas sim de grandes redes. Essa é a essência da Internet, uma rede formada por outras redes. Com tantos computadores interligados através da Internet, os custos ficam mais baixos, facilitando assim, o acesso à rede e, consequentemente, a globalização da comunicação. HOMEPAGES Ou páginas WEB, ou documentos HTML, ou mesmo "páginas na Internet", como são conhecidas, são documentos localizados em um servidor específico, mas acessíveis mundialmente, através da Internet. As homepages podem ser simples, com algumas linhas de texto, ou ter milhares de páginas num único site. A publicação de uma homepage, ao contrário do que se pensa, não é complicada, tampouco dispendiosas. Grande parte dos provedores de acesso abrem espaço em seu servidor para os assinantes do sistema e, mesmo quando é pago, não é tão caro. A homepage pessoal está para os anos 90 como o fax esteve para os anos 80. Em uma homepage pessoal, você pode disponibilizar o que quiser: seus poemas, fotos do seu gato de estimação, desenhos dos filhos, comentários sobre o seu trabalho... o limite é sua imaginação e o espaço em disco. HTML Agora que você já tem uma noção sobre a Internet podemos falar sobre o Hiper Text Markup Language que é a linguagem utilizada para criar as homepages. Não é uma linguagem de programação. É uma limguagem de descrição de página, como o Adobe Postscript, ou o Acrobat. Porém, o HTML é o mais simples dentre eles. Existem diversos padrões para o HTML, como o 1.1, o HTML 2.0 e o HTML 3.0. Cada um apresenta facilidades inexistentes no anterior. Na prática, os produtores mais comuns, como o Netscape e o Explorer, criam extensões ao padrão e popularizaram-se mais em seus produtos, induzindo assim a oficialização da extensão. Algumas linguagens, como C++, Pascal e Delphi, são compiladores. Isto é, um programa lê todo o programa que você digitou e o transforma numa linguagem que só o computador interpreta. Isso faz com que o programa execute bem mais rápido, ao mesmo tempo em que protege o autor, pois o usuário não tem acesso ao originais, ou código-fonte. No caso do arquivo HTML cada linha é executada após ser interpretada. Na sua homepage, se o usuário selecionar o comando para exibir fonte, poderá visualizar-la no mesmo modo que você a digitou. COMO SELECIONAR OS BROWSERS Apesar de ter muitas empresas investindo na área de browsers, a Netscape Communications, com seu Netscape Navigator, e a Microsoft, com o Internet Explorer, têm feito os maiores investimentos em tecnologia nessa área. A partir dessa informação é conveniente dar preferência aos browsers dessa companhias na criação de seus documentos HTML.

2 PPáággi innaa 2 Se for possível, o ideal é ter os dois softwares instalados em seu equipamento, pois as homepages apresentam pequenas diferenças quando apresentadas por meio do Netscape ou Explorer. Veja alguns dos browsers disponíveis no mercado: Mossai icc Lynx Emissssarry HottJavva COMO ESCOLHER O SOFTWARE DE CRIAÇÃO Existem no mercado muitos programas para a criação de documentos HTML. Porém, a maior parte deles são para especialistas. Se você é um leigo no assunto deve optar pelo NOTEPAD. Trata-se de um programa simples que geralmente vem junto com o seu Windows. Nas versões em português é conhecido como Bloco de Notas. O documento HTML é um arquivo-texto com uma extensão diferente. De.TXT ele passa a ser.htm ou, em alguns sistemas,.html. O mais sofisticado software para criação de homepages é o HotDog, produzido pela Sausage software (http://www.sausage.com). Veja abaixo os nomes de outros programas: Hoot tmeet taal l Miccrroossoof ftt FFrroonnt tppaaggee PPaaggeeMaakkeerr 66++ W33 COMO CRIAR UM DIRETÓRIO DE TRABALHO Para facilitar e agilizar o trabalho você deve criar um diretório onde todos os arquivos relacionados a esse assunto ficarão armazenados. Essa organização é necessária para você exercitar melhor seu aprendizado durante o curso. Para criar um diretório, de trabalho em Meus Documentos com o seu nome: A ESTRUTURA DE UM DOCUMENTO EM HTML

3 PPáággi innaa 3 Quando o browser percorre um documento HTML, ele identifica algumas partes que são básicas nesse tipo de documento. Essas partes são representadas por TAGS. A primeira TAG encontrada em uma homepage é a <HTML>. O browser ignora informações que estejam fora da TAG e o complemento </HTML>. Em seguida tem a seção <HEAD>, onde ficam as informações principais, ou seja, todos os dados que serão exibidos no browser. Cada seção deve ser terminada com o complemento </SEÇÃO> Confira o exemplo abaixo de um documento HTML básico: <HTML> Tag indicadora de informações em HTML <HEAD> Cabeçalho <TITLE> Início do título, aqui entra o título da página </TITLE> Encerramento do título </HEAD> Encerramento do cabeçalho <BODY> Início do corpo principal da página aqui entra a página em si. : : </BODY> Aqui encerra-se o corpo da página </HTML> Indica o fim do documento HTML. A TAG <HEAD> A principio pode parecer que essa tag tem a função exclusiva de abranger a tag <TITLE>, porém, se você analisar com mais profundidade, perceberá que ela é mais abrangente. Muitos mecanismos do HTML avançado fazem uso de elementos modificadores dessa tag como por exemplo, o <META>, que oferece recursos como exibir uma página e, depois de alguns segundos, exibir uma Segunda página, sem que o usuário clique em lugar algum. Pode ser utilizada também para transmitir informações como o nome do autor da página, o programa utilizado, palavras-chave para pesquisa, etc. A TAG <TITLE> Ë muito importante porque, além de atribuir o título da página, na barra de título do seu browser, é uma das primeiras a serem identificadas por programas como o Alta Vista ou o Excite. A informação colocada no título pode facilitar a localização de sua página. Para utilizá-la, proceda da seguinte forma: entre as tags <HEAD>, coloque a tag <TITLE>, digite o título da página e, em seguida, encerre com a tag</title>. Não utiliza títulos muito extensos (com mais de 64 caracteres), caso contrário, os documentos podem ser truncados por alguns tipos de browsers. A TAG <BODY> Todas as tags têm sua importância, mas podemos afirmar, com certeza, que esta é a mais importante, uma vez que entre as tags <BODY> e </BODY> será colocadas todas as informações.

4 PPáággi innaa 4 Através da tag <BODY> você poderá também utilizar vários modificadores que influenciarão a página como um todo. É possível executar softwares em Javascript, alterar cores e padrões de elementos da página a partir do <BODY>. Entre estas marcas estará contida a maior parte do conteúdo a ser apresentado, textos, imagens, etc. Este elemento pode conter cinco parâmetros opcionais: BACKGROUND: Configura especifica uma imagem como fundo da página. Ex: <BODY BACKGROUND="fundo.gif"> configura uma página com a imagem fundo.gif como fundo. BGCOLOR: TEXT: Configura a cor de fundo da página. Ex: <BODY BGCOLOR="White"> configura uma página de fundo branco. Configura a cor padrão do texto da página. Ex: <BODY TEXT="Black"> configura uma página com o texto em cor preta. LINK, ALINK e VLINK: Configura as cores dos links da página. ALINK configura a cor do link ativo, isto é, quando é clicado, e VLINK configura a cor de um link já visitado. Ex: <BODY LINK="Blue" VLINK="Purple" ALINK="Red"> configura uma página com links azuis, links ativos vermelhos e links visitados roxos. Esta estrutura inicial é bem simples, no entanto vamos aproveitá-la para chamar a atenção para alguns detalhes importantes. Todas as marcas apresentadas sã do tipo início-fim, ou seja, funcionam em pares. Em cada documento HTML só deve haver uma marca de cada tipo acima. Existe uma ordem seqüencial lógica entre as marcas. Estes detalhes devem ser observados, pois desrespeita-los pode fazer com que o browser não consiga apresentar o documento ou que o documento seja apresentado com falhas. Assim, tome cuidado, pois o fato de um determinado browser aceitar uma "falha" na estrutura, não implica que um outro tenha o mesmo comportamento. Como o HTML não é uma linguagem de programação, você nunca será avisado de erros que tenha cometido na edição do seu documento. O simples esquecimento de uma barra pode gerar efeitos colaterais inesperados na visualização de uma página, e estes efeitos colaterais serão o único sinal de que algo está errado. ELEMENTOS Um elemento modificador pode ser até outra TAG, é na questão de ordem. Vamos considerar, então, a tag como uma unidade básica e o elemento como um auxiliar, um complemento.

5 PPáággi innaa 5 VALORES Os valores podem Ter ou não aspas. Não há diferença alguma se foi digitado BORDER=5 ou BORDER="5". O resultado será o mesmo. Como você está acompanhando, é muito fácil criar páginas na Internet, já que você não se enquadra na linguagem e sim o contrário, isto é, a linguagem se adapta às suas necessidades. Apesar das facilidades, alguns elementos não suportam valores em hexadecimal somente em decimal, porém há elementos que suportam ambos. TEXTO PURO Com exceção da acentuação, a inclusão de textos em uma homepage é relativamente simples. Você conhecerá mais detalhes sobre esse assunto, posteriormente, no curso. O mais importante agora é saber que qualquer item que não esteja entre os sinais de tag, "< e >", será considerado como texto e será exibido normalmente. E fundamental que você se lembre de nunca deixar de separar as linhas. Não se esqueça de que se você teclar um ENTER durante a criação do documento HTML, este será ignorado. TEXTO Chegou o momento de como formatar e alinhar o texto de um documento HTML. Além disso você conhecerá a diversidade de uso da tag <FONT> e perceberá como, mesmo sem uma imagem, é possível desenvolver uma homepage com muita criatividade rapidez de exibição. FORMATAÇÃO DE TEXTOS Se você adicionar uma tag a uma parte do texto, ela terá efeito sobre o documento a partir do ponto que foi inserida. Mas, se for uma tag isolada, terá efeito apenas local. Com execeção de tags isoladas que determinam características globais. O efeito das tags compostas é interrompido a partir do ponto em que encontram seus complementos. Meu priimeiiro HTML Crie no diretório de trabalho um arquivo do Bloco de Notas, denominado primeiro.htm, com os dados a seguir: <HTML> <HEAD> <TITLE>Primeira Página</TITLE> </HEAD> <BODY BGCOLOR=White> Está é minha primeira página HTML. O texto nela não contém nenhuma formatação especial. Esta é minha página HTML. </BODY> </HTML> Salve o arquivo no seu diretório na pasta de trabalho. Para visualizar acesse a sua pasta de trabalho e dê duplo clique com o mouse no nome do arquivo

6 PPáággi innaa 6 Tííttullos // Subttííttullos O destaque para títulos e subtítulos é importante, pois dá ao leitor uma visão geral sobre o que trata o texto em questão, e portanto a chance de escolher ler ou não. Podemos utilizar até seis níveis de títulos, ou headings, que são numerados de 1 (o maior) a 6 (o menor). São marcas do tipo início-fim. <H1> </H1> <H2> </H2> <H3> </H3> <H4> </H4> <H5> </H5> <H6> </H6> Exemplo: segundo.htm <HTML> <HEAD> <TITLE>Segunda página!</title> </HEAD> <BODY BGCOLOR=white> <H1>Título nível 1</H1> <H2>Título nível 2</H2> <H3>Título nível 3</H3> <H4>Título nível 4</H4> <H5>Título nível 5</H5> <H6>Título nível 6</H6> </BODY> </HTML> Os elementos de título / subtítulo podem Ter o parâmetro opcional ALIGN que configura o alinhamento do mesmo. Ele deve conter os valores LEFT (esquerda), CENTER (centro) ou RIGHT (direita). Formattação de ttexttos Como você percebeu no exemplo anterior, a quebra de linha (ou parágrafo) deverá ser indicada através de marcas específicas. Note ainda que eventualmente há mais de um tipo de marca com a mesma função: <B></B> ou <STRONG></STRONG> - Indica que o texto contido deve ser apresentado em negrito. <I></I> ou <EM></EM> - Indica texto em itálico <FONT FACE=... SIZE=... COLOR=...></FONT> - Configura a tipologia, tamanho e cor do texto. Não é necessário usar todos os parâmetros juntos. FACE configura a fonte usada, como por exemplo <FONT FACE=Arial>. SIZE configura o tamanho da fonte, sendo que 3 é o tamanho padrão; para letras menores, pode-se usar os valores 1 e 2, e, para maiores, 4, 5 e 6. COLOR configura a cor da letra, como por exemplo <FONT COLOR=Green>.

7 PPáággi innaa 7 Os elementos de formatação de texto podem ser combinados, como por exemplo: <B><I> Texto em negrito e itálico </I></B> Exemplo: terceito.htm <HTML> <HEAD> <TITLE>Terceira página</title> </HEAD> <BODY BGCOLOR="White"> <B>Texto em negrito</b>,<i>texto em itálico</i>, <B><I>texto combinado</b></i>, <FONT SIZE="1" COLOR="Blue">Texto em tamanho 1 e cor azul</font>, <FONT SIZE="2" COLOR="Red">Texto em tamanho 2 e cor vermelha</font>, <FONT SIZE="3" COLOR="Green">Texto em tamanho 3 e cor verde</font>, <FONT SIZE="4" COLOR="Purple">Texto em tamanho 4 e cor roxa</font>, <FONT SIZE="5" COLOR="Maroon">Texto em tamanho 5 e cor marrom</font>, <FONT SIZE="6" COLOR="Olive" FACE="Arial">Texto em tamanho 6, cor verde e fonte Arial</FONT> </BODY> </HTML> Formattação de parágraffos <P ALING=...></P> Delimita um parágrafo, É possível omitir o elemento de fim </P> sem danos ao resultado final. O efeito visual é uma linha em branco antes do início do próximo parágrafo. O parâmetro opcional ALIGN configura o alinhamento do parágrafo e pode conter os valores LEFT (esquerda), CENTER (centro) ou RIGHT (direita). <BR> Quebra de linha. Ao contrário do sinal de parágrafo, não é deixada linha em branco antes da próxima. <DIV ALIGN=...></DIV> Configura o alinhamento de um texto, sem quebrar texto. O parâmetro ALIGN deve conter os valores LEFT (esquerda), CENTER (centro) ou RIGHT (direita). <CENTER></CENTER> Centraliza texto ou parágrafos. Liinhas Horiizonttaiis Linhas horizontais são utilizadas para dar destaque a títulos ou para gerar a sensação de quebra entre item de informação e outro. Trata-se também de uma marca solitária, que pode ser

8 PPáággi innaa 8 utilizada com alguns parâmetros opcionais <HR SIZE=8 WIDTH=80% ALIGN=RIGHT> ou sem qualquer parâmetro: <HR>. O parâmetro SIZE configura a espessura da linha, WIDTH configura a largura da linha (pode ser especificado em pixels ou percentual), e ALIGN configura o alinhamento da linha (LEFT, CENTER, RIGHT). Note que, desde que usadas coerentemente, marcas podem ser utilizadas em conjunto. Imagens Além de texto, é possível colocar imagens em páginas Web. Os formatos gráficos padrões da Internet são JPEG ou GIF. Para que uma imagem seja apresentada em um documento HTML, é necessário somente fazer uma referência ao nome do arquivo da imagem, através da marca <IMG SRC="figura.gif">. O elemento <IMG> pode também Ter outros parâmetros como ALT, BORDER, WIDTH, HEIGHT, HSPACE. ALT serve para configurar um texto alternativo (ou legenda) para a imagem. BORDER serve para configurar uma borda para a imagem: pode Ter valores a partir de zero (neste caso sem borda). WIDTH e HEIGHT servem para especificar a largura e altura respectivamente. HSPACE e VSPACE, apesar de não-suportados por todos os browsers, servem para configurar o espaçamento horizontal e vertical da imagem em relação aos outros elementos da página. Caso a imagem esteja em um diretório diferente do documento HTML, o nome do diretório deve ser incluído na referência. Pode-se também utilizar imagens de outros sites, colocando o endereço inteiro, como <IMG SRC=http://outrosite.com.br/imagem.jpg>. Liinks de hiiperttextto O elemento de link é o grande barato da Web. Ele é que configura a página associada às famosas palavras sublinhadas ou imagens que clicamos sempre nos sites por que passamos. <A HREF="pagina2.htm">Link para página 2</A> cria um link para a página de nome página2.htm. Geralmente o browser apresenta os links em azul e sublinhados, mas como vimos nos elementos básicos é possível alterar isso através dos parâmetros opcionais do elemento <BODY>. Quando o leitor clica neste texto, o browser carrega o documento página2.htm. Se a página a ser carregada se encontrar em outro diretório, você deverá incluir o nome do diretório na referência. Com a mesma facilidade com que você constrói um link para uma página na sua própria máquina, você pode fazer o mesmo para uma página em qualquer lugar do mundo. Este é o sentido da Word Wide Web. Veja como é simples criar um link para outro site: <A HREF="http://www.microsoft.com."> Microsoft </A> Lembre-se que você pode também usar uma imagem como link. Neste caso, combine os elementos de link e imagem. Quer saber como? Vamos lá: <A HREF="http://www.microsoft.com"> <IMG SRC="figura.gif" BORDER=0 ALT="Microsoft"</A> Exempllo Fiinall Para que você possa Ter uma idéia global de todos os elementos apresentados, abaixo você tem acesso a um exemplo que usa diversos recursos que comentamos.

9 PPáággi innaa 9 <HTML> <HEAD> <TITLE> Exemplo Final</TITLE> </HEAD> <BODY BGCOLOR=Black TEXT=WHITE LINK=YELLOW> <P ALIGN=CENTER> <A HREF="HTTP://WWW.PERSOCOM.COM.BR">PAGINA PERSOCOM</A> <BR> <FONT FACE=ARIAL> <B>VOCÊ JÁ CONHECE O SITE</B> <FONT SIZE=4> <A HREF="HTTP://WWW.MICROSOFT.COM">MICROSOFT </A> </FONT> <B>? </FONT> </B> </P> <HR SIZE=4 WIDTH= 80% COLOR=Yellow> <P><FONT FACE=ARIAL> <B><I>O SITE DE SUA REVISTA FAVORITA</I></B> </FONT> <P><FONT FACE=ARIAL COLOR=WHITE> <I><B>NÃO DEIXE DE CONHECER O NOVO</I> <B><FONT SIZE=4 COLOR=RED>FORUM.BR</FONT></B> <I><B>,ONDE VOCÊ PODERÁ PARTICIPAR DE DIVERSOS GRUPOS DE DISCUSSÃO.ESPERAMOS QUE VOCÊ CURTA BASTANTE! </I></B> </FONT></P> <HR SIZE=4 WIDTH= 80% COLOR=Yellow> <P ALIGN=CENTER><FONT FACE=ARIAL COLOR=WHITE> <B>QUE TAL CONHECER AGORA?</B> <BR> <H2 ALIGN=CENTER> <A HREF="HTTP://WWW.NASAINFORMATICA.COM.BR"> </FONT> <CENTER><IMG SRC="WWW.NASAINFORMATICA.COM.BR/MAIL.PNG"></CENTER> </BODY> </HTML> Através das cores verdes e azuis no exemplo acima, você pode identificar melhor cada elemento utilizando e comparar com o resultado final mostrado na figura correspondente. Nasa Informatica

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

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

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

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

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

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.14 - Imagens: src único atributo que não pode ser omitido neste TAG Nota: img

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

Leia mais

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

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

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

Leia mais

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

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

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

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

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

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

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

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

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

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

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

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

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

Leia mais

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

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

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

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

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

OS LINKS Os termos que aparecem em destaque na página, geralmente sublinhados e em cores diferentes, são textos que indicam uma ligação hipertexto.

OS LINKS Os termos que aparecem em destaque na página, geralmente sublinhados e em cores diferentes, são textos que indicam uma ligação hipertexto. Apostila de web estático Prof. Eduardo 2 CAPÍTULO PADRÕES DE FUNDO Uma Home page pode conter uma textura como padrão de fundo, um arquivo no formato gif ou jpg, ou utilizar as cores do padrão RGB. A notação

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

WEB DESIGNER WEB DESIGNER

WEB DESIGNER WEB DESIGNER WEB DESIGNER 1 WEB DESIGNER INICIO DO CURSO DE HTML 4.0 Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de domínios quando adiciona a URL na barra de endereço, do seu Navegador

Leia mais

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Imagens IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo Imagens ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo Imagens Índice

Leia mais

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

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

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

Módulo: Criação de Páginas WEB

Módulo: Criação de Páginas WEB Módulo: Criação de Páginas WEB 50 Horas - Sessão 05/13 TEXTO ANIMADO O comando MARQUEE orienta o browser a definir o efeito de texto/imagem a passar no ecrã. Deve ser utilizado quando queremos dar destaque

Leia mais

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

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

Leia mais

MINISTÉRIO DA EDUCAÇÃO

MINISTÉRIO DA EDUCAÇÃO MINISTÉRIO DA EDUCAÇÃO SECRETARIA DE EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DE SANTA CATARINA CAMPUS SÃO JOSÉ TECNICO EM TELECOMUNICAÇÕES REDES DE COMPUTADORES

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

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

Programação e Designer para WEB

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

Leia mais

Aula 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

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

Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br

Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br Pg 1 Introdução... Pg 2 Exemplo completo... Pg 3 Passo 2... Pg 4 Hyperlinks e Texto dentro de uma caixa... Pg 5 Tag para cores e Tabelas... Pg 6 Formatar o Texto... Pg 7 Download... Pg 8 Frame... Pg 9

Leia mais

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

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

Leia mais

2 HTML Inserindo objetos

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

Leia mais

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

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

Leia mais

1. Como criar uma conta

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

Leia mais

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

Introdução ao HTML. Sumário

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

Leia mais

Apostila Básica de Informática Ensino Fundamental Volume 4

Apostila Básica de Informática Ensino Fundamental Volume 4 Apostila Básica de Informática Ensino Fundamental Volume 4 1 Introdução:... 3 A Tela do Excel... 3 Criando uma nova pasta de trabalho... 3 Diferença entre Pasta de Trabalho e Planilha.... 4 Salvando sua

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

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

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

Leia mais

Aplicação para Web I. Começando a compreender o HTML

Aplicação para Web I. Começando a compreender o HTML Aplicação para Web I Começando a compreender o HTML A Linguagem da WEB O HTML ou HyperText Markup Language linguagem universal compreendida pelos navegadores web (browsers) para a comunicação utilizando

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

APOSTILA DE FRONTPAGE 2000

APOSTILA DE FRONTPAGE 2000 APOSTILA DE FRONTPAGE 2000 Pagina 1 de 14 Introdução A cada dia verificamos que a informação é uma ferramenta de extrema necessidade em qualquer negócio. Sabendo disto, diversas empresas investem em tecnologias

Leia mais

Módulo 11 A Web e seus aplicativos

Módulo 11 A Web e seus aplicativos Módulo 11 A Web e seus aplicativos Até a década de 90, a internet era utilizada por acadêmicos, pesquisadores e estudantes universitários para a transferência de arquivos e o envio de correios eletrônicos.

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

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

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

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

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

LABORATÓRIO DE INTERNET FRONTPAGE

LABORATÓRIO DE INTERNET FRONTPAGE I LABORATÓRIO DE INTERNET FRONTPAGE Prof. Antonio Geraldo da Rocha Vidal II SUMÁRIO Introdução...3 Construindo um Web Site...4 Iniciando...4 Administrando o Site...5 Navegação...5 Trabalhando com Páginas...6

Leia mais

Word e Excel. Marque Certo ou Errado

Word e Excel. Marque Certo ou Errado A figura acima mostra uma janela do Word 2002, com um texto em processo de edição. Nesse texto, a expressão União Européia é o único trecho formatado como negrito e a palavra continente está selecionada.

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 Estrutura básica do HTML Um documento HTML deve estar delimitado pela tag e . Dentro deste documento, podemos ainda distinguir

Leia mais

3.1.7. Definição do fundo da página

3.1.7. Definição do fundo da página 3.1.7. Definição do fundo da página 1 Definição do fundo da página A definição do fundo de uma página pode ser feita através da atribuição de uma cor ou de uma imagem Quando é feita através da utilização

Leia mais

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

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

Introdução à Informática

Introdução à Informática Introdução à Informática Aula 23 http://www.ic.uff.br/~bianca/introinfo/ Aula 23-07/12/2007 1 Histórico da Internet Início dos anos 60 Um professor do MIT (J.C.R. Licklider) propõe a idéia de uma Rede

Leia mais

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

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

Leia mais

Introdução. 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

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

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

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

Manual de conteúdos da Aula Técnicas de Implantação

Manual de conteúdos da Aula Técnicas de Implantação Departamento de Inovação, Ciência e Tecnologia Licenciatura em Informática Ramo Educacional Ano Lectivo 2006/2007 Manual de conteúdos da Aula Técnicas de Implantação GRUPO 2 N.º Aluno Licenciatura Nome

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

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

Manual de Utilização do PLONE (Gerenciador de página pessoal)

Manual de Utilização do PLONE (Gerenciador de página pessoal) Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário

Leia mais

Unidade: O que é CSS? HTML e CSS? Boa aula!!!

Unidade: O que é CSS? HTML e CSS? Boa aula!!! Unidade: O que é CSS? HTML e CSS? Boa aula!!! Objetivo Construir: Padrões Web, Tableless e outros Como inserir o CSS nas páginas Sintaxe de utilização do CSS Tag DIV e tag SPAN Orientações Durante a explanação

Leia mais

Cabeçalho do documento

Cabeçalho do documento Cabeçalho do documento O cabeçalho de uma página HTML fica dentro das Tags e , e dentro dessas Tags podemos usar Tags , , , , e etc. A Tag TITLE Por exemplo

Leia mais

NAVEGANDO NA INTERNET

NAVEGANDO NA INTERNET UNIDADE 2 NAVEGANDO NA INTERNET OBJETIVOS ESPECÍFICOS DE APRENDIZAGEM Ao finalizar esta Unidade você deverá ser capaz de: Definir a forma de utilizar um software de navegação; Debater os conteúdos disponibilizados

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

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

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

Todos os tags obedecem a uma hierarquia, como no seguinte exemplo:

Todos os tags obedecem a uma hierarquia, como no seguinte exemplo: <a> <b> <c> </c> </b> </a> O que é o HTML? HTML significa HyperText Markup Language, e é uma linguagem universal destinada à elaboração de páginas com hiper-texto, como o nome indica. O conceito de hiper-texto é bastante simples:

Leia mais

Mini manual para editar as informações no Portal bibliotecas.uff

Mini manual para editar as informações no Portal bibliotecas.uff Mini manual para editar as informações no Portal bibliotecas.uff Sumário 1.Sobre o Drupal 2.Como se logar 3.Inserindo conteúdo 4.Editando conteúdo 5.Alterando as notícias 6.Incluindo um serviço 7.Criando

Leia mais

Oficina de Software Livre.

Oficina de Software Livre. Professor: Igor Patrick Silva Contato: (38)88037610 E-Mail: igorsilva88037610@hotmail.com 1 Índice CAP. 1 O computador e seus componentes 2 CAP. 2 O que é software livre e o que é software proprietário

Leia mais

Características do PHP. Começando a programar

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

Leia mais

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

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

Leia mais

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

Apostila da Ferramenta AdminWEB

Apostila da Ferramenta AdminWEB Apostila da Ferramenta AdminWEB Apostila AdminWEB SUMÁRIO OBJETIVO DO CURSO... 3 CONTEÚDO DO CURSO... 4 COMO ACESSAR O SISTEMA... 5 CONHEÇA OS COMPONENTES DA PÁGINA... 6 COMO EFETUAR O LOGIN... 9 MANTER

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

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