Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Aula 1 e 2

    Enviado por

    Silvio Cesar de Oliveira
    15 visualizações18 páginas

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PPTX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    15 visualizações18 páginas

    Aula 1 e 2

    Enviado por

    Silvio Cesar de Oliveira

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 18

    Linguagem de programao I

    professor.silvio.cesar@gmail.com 10/29/12

    Evoluo histrica da INTERNET


    10/29/12

    WEB teve seu incios nos anos 60 - finalidades cientfica e militares; congresso divulgou o interesse de 1962 Joseph Carl (MIT)

    interligar dois computadores e no mesmo ano comeou a 1965 Lawrence Roberts e Thomas Merril interligaram trabalhar na DARPA; Massachusetts chamado 1966 Roberts a Califnia; a trabalhar na DARPA, fazendo o primeiro computador a realizar transmisso por pacotes; 1969 DARPA consegue manter quatro computadores on-line a 50 kilobits/segundos e assume o nome de ARPANET; 1970 ARPANET desenvolve o primeiro protocolo Network Control Protocol (NCP); 1972 Ray Tomlinson da BBN desenvolve o primeiro correio eletrnico para ARPANET; 1973 Vinton Cerf de Stanford e Bob Kahn da DARPA, comearam a desenvolver um substituto para NCP, passando a funcionar 1991 Universidade de Minessota interface para em 1983 como TCP/IP; internet - GOPHER; 1989 Tim Berners-Lee + grupo europeus protocolos para distribuio de informao na internet baseado em hipertextos, para ligar a outros textos. 10/29/12 assim o Criou-se

    Introdu o ao HTML
    10/29/12

    <HTML> <HEAD> <TITLE>Ttulo da Pgina</TITLE> </HEAD> <BODY> <P>Esta uma<I>home page</I>muito simples.</P> </BODY> </HTML>

    10/29/12

    Atributos de TAGs <HTML>

    TAGS HTML

    <HEAD><TITLE>Ttulo da Pgina</TITLE></HEAD> <BODY BGCOLOR=BLUE> <P><FONT COLOR=WHITE> Esta uma<I>home page</I>muito simples. </FONT></P> </BODY> </HTML>

    10/29/12

    FORMATAO BSICA
    Formatao de pargrafos Quebra de linha Formatos de ttulos Comentrios em HTML de Estilos caracteres de Formatao texto

    10/29/12

    FORMATAO BSICA
    Formatao de pargrafos Um pargrafo delimitado no incio e no fim por <P> e </P>, respectivamente, e pode ser alinhado esquerda, direita ou centralizado. A marca de fechamento desta tag pode estar presente ou no.

    10/29/12

    Quebra de linha

    FORMATAO BSICA

    O espao entre linhas em dois pargrafos diferentes maior que o espao entre linhas de um mesmo pargrafo. Se for necessrio forar uma mudana de linha, mantendo um espaamento simples entre linhas use a tag <BR>. Note que a tag <BR> no possui a tag de fechamento.

    10/29/12

    Formatos de ttulos tags H1, H2, H3, H4, H5 e H6 definem vrios nveis de As ttulos. O H1 define um ttulo de maior nvel de importncia, com o <HTML> tamanho de letra maior e maior espaamento.
    <HEAD> <TITLE>Ttulo da Pgina</TITLE> </HEAD> <BODY> <h1>Tipos de Dados</h1> <br> <h2>Converso de Strings</h2> <p>Quando existem variveis e nmeros dentro de uma string, ela calculada como sendo um nmero. A <b>String</b> ser calculada como um nmero de ponto flutuante se tiver nmeros escritos no formato de ponto flutuante, ou seja, com '. </p> <p>O valor numrico de uma string considerado somente se estiver no incio desta, ou seja, se a string comear com um valor numrico, esse valor ser usado, caso contrrio, ser 0. </p> <br> <h2>Arrays Simples</h2> <p>O PHP suporta arrays escalares e arrays associativos.</p> </BODY> </HTML> 10/29/12

    FORMATAO BSICA

    Comentrios em HTML Um comentrio uma expresso posta pelo programador para explicar um determinado trecho do programa. Isto permite que um outro programador, ao se deparar com este trecho de programa, tenha mais facilidade em entender o que o outro programador intencionou fazer. Para adicionar um comentrio num cdigo HTML basta inserir a tag <!-- -->.

    FORMATAO BSICA

    10/29/12

    Estilos de caracteresestilos mais bsicos de caracteres, como negrito ou Os itlico, podem ser alterados dentro de um pargrafo ou ttulo. Align: Alinha o texto esquerda, direita ou centralizado; Valign: Alinha o texto no topo, em baixo ou no meio; Width: Largura do componente; <b> </b> Negrita um texto; Name: nome do componente. <strong></strong> Similar ao negrito; <i></i> Itlico; <u></u> Sublinhado; <strike></strike> texto tachado; <sub></sub> texto subscrito; <sup></sup> texto sobrescrito; <tt></tt> Texto teletipo (largura fixa); <small></small> texto menor; 10/29/12 <big></big> texto maior;

    FORMATAO BSICA

    Formatao de texto dos formatos definidos pelas diferentes tags de ttulos e Alm estilos de caracteres, fontes, cores e tamanhos de caracteres tambm podem ser alterados individualmente por meio da tag FONT.
    <font size=x> tamanho da font onde x tamanho; <font face=nome da fonte> Especifica o nome da fonte, exemplo, verdana, arial etc; <font color=#000000> Atribui cor a uma fonte.

    FORMATAO BSICA

    <P> Um pargrafo com <FONT SIZE=2 FACE=ARIAL> Fonte Arial tamanho 2 </FONT> <FONT SIZE=4 FACE=VERDANA> Fonte Verdana tamanho 4 </FONT></P>

    10/29/12

    TAGS de listas <DL> </DL> Inicia / termina um ttulo de definio; <DD> </DD> Inicia / termina definio; <DT> </DT> Inicia / termina termo de definio; <OL> </OL> Inicia / termina lista ordenada; <OL compact></OL> Cria uma lista ordenada compactada; <OL TYPE=A/a/I/i/1></OL> Cria uma lista ordenada, especifica por tipo(A para letras maisculas ,a para minsculas, I para numerais romanos, i para numerais romanos pequenos e1 para nmeros padro; <LI></LI> Item de lista padro; <LI TYPE=A/a/I/i/1>></LI> controla o formato de uma lista; <UL> </UL> inicia /termina Lista no ordenada; <UL COMPACT></UL> cria lista no ordenada compactada; <UL TYPE=DISC/CIRCLE/SQUARE> Especifica o tipo do bullet. 10/29/12

    FORMATAO BSICA Formatao de texto

    Utilizando-se tabelas em HTML

    10/29/12

    TABEL AS
    Uma tabela um conjunto de clulas formadas por linhas e colunas, semelhante s tabelas criadas no Word e no Excel. Nas clulas inserimos os contedos (textos, imagens, outrosUma tabelae mesmo, outrasatabelas). elementos definida com tag TABLE e suas linhas e colunas com as tags TR e TD respectivamente.

    10/29/12

    <table></table> Inicia e finaliza uma tabela; <table border=x> define a borda de uma tabela; <table cellspacing=x> define o espaamento entre celulas; <table cellpadding=x> defeina espessura de bordas; <table width=x> define o tamanho da tabela em pixels; <table width=%> define o tamanho da tabela em porcentagem; <tr></tr> abre uma linha fecha uma linha; <td></td> abre uma celula fecha uma celula; <tr align=left/center/right valign=top/middle/bottom > define o alinhamento horizontal e vertical da linha; <TD NOWRAP> evita quebra de linha dentro de uma celula; <TD COLSPAN=x> especifica o numero de colunas; <TD ROWSPAN=x> especifica o nmero de linhas; <TD width=x> especifica o tamanho da celula ; <TH></TH> define o cabealho da tabela; 10/29/12

    TABEL AS

    <html> <head> <title> Notas do curso de PHP </title> </head> <body> <table border="1" cellpadding="0" cellspacing="0"> <tr bgcolor="#00ff99"> <td>Nome</td> <td>Nota Final</td> </tr> <tr bgcolor=#ffffcc> <td>Joana da Silva</td> <td>8.0</td> </tr> <tr> <td>Joo Pereira</td> <td><font color=#ff3333>4.0</font></td> </tr> <tr bgcolor=#ffffcc> <td>Maria Fernandes</td> <td>6.0</td> </tr> <tr> <td>Osrio Gomes</td> <td><font color=#ff3333>3.0</font></td> 10/29/12 </tr>

    TABEL AS

    Você também pode gostar