file:///C|/curso_webpages/index.html
Desenvolvimento de Websites
1 of 1
06/09/00 11:34
Desenvolvimento de Websites
file:///C|/curso_webpages/introducao.html
1 of 1
06/09/00 11:40
Desenvolvimento de Websites
file:///C|/curso_webpages/conteudo_programatico.html
1 of 1
06/09/00 13:09
Desenvolvimento de Websites
file:///C|/curso_webpages/o_website.html
3
1 of 2 06/09/00 13:07
Desenvolvimento de Websites
file:///C|/curso_webpages/o_website.html
2 of 2
06/09/00 13:07
Desenvolvimento de Websites
file:///C|/curso_webpages/o_website_1.html
I V - Arquitetura de Design: preparar as imagens e layouts das pginas. O design deve seguir a arquitetura de informao proposta inicialmente. O front-page do website deve causar IMPACTO e persuadir o visitante. O website no pode ser desenvolvido como uma revista ou um folheto (folder) em formato eletrnico. A internet um veculo de informao muito gil e dinmico. O visitante espera uma soluo digital surpreendente, diferente, que abra caminho para interatividade. importante que o wesite responda aos interesses dos seus visitantes. V- Contedo: a informao agrupada em pequenos textos, que podem ser lidos em qualquer ordem, importante classific-los e interlig-los, para facilitar o acesso informao. Atualizar contedo - o lanamento do website um passo importante, mas lembrar sempre que o sucesso dele se d com a atualizao constante do seu contedo. Manter o foco nos assuntos contidos na arquitetura de informao. Cumprir o seu objetivo. Responder e-mail recebidos na conta webmaster de forma esclarecedora. VI- Desenvolvimento: criao dos processos de produo de contedo e aplicativos. VII - Hospedagem: Criao do ambiente de produo ou pequisa de infra-estrutura do provedor de acesso para armazenagem e atualizao.
1 of 1
06/09/00 13:07
Desenvolvimento de Websites
file:///C|/curso_webpages/perfis_de_websites.html
Alguns perfis de websites para que possa reconhec-los em sua pesquisa pela Internet. No h um nico modelo para construo dos websites, eles podem variar de acordo com a natureza e propsito do projeto. H websites que so verdadeiras "colchas de retalhos", complicados e de navegao confusa, que o visitante se perde antes de conseguir a informao desejada. Institucionais - normalmente seu escopo compe-se do seu histrico, sua repercusso no mercado, seu potencial de gerar negcios e informaes, ou seja, seu contedo possui maior teor institucional do que produtos ou servios. Produtos - vendem seus produtos apresentando suas caractersticas e benefcios. So dirigidos aos consumidor. Seu maior propsito persuadir o consumidor. Servios - vendem servios de consultoria, treinamento, etc. Seu contedo normalmente rico em informao para esclarecer o domnio e conhecimento dos servios. Promocionais - chamados de "hot sites", so breves normalmente com uma pgina apenas. Comunicam um evento, uma promoo. Comunidades Virtuais - Normalmente surgem sobre um tema em pauta, criado e mantido pela prpria dinmica de seus visitantes.
1 of 1
06/09/00 13:08
Desenvolvimento de Websites
file:///C|/curso_webpages/design_digital.html
Dicas importantes para fazer o design digital Tamanho da tela: os monitores de computadores so de tamanhos variados. Critrio na definio do formato do website (para 640x480 ou 800x600 ou 1024x768). cones: utilize cones no website se for agregar valor ao contedo ou tornar a interface mais agradvel e clara. Plug-ins: evite o uso de plug-ins ou use-o com critrio, seno pode ser um motivo a mais para o visitante ir embora, no esquea que ele quem paga a conta e, portanto, no estar disposto a esperar por um longo tempo de carregamento. Fontes: fontes inadequadas para leitura, letras capitulares no inicio do pargrafo, fundos rebuscados (ou escuros) e ttulos coloridos deixam o carregamento da pgina lento e prejudicam leitura. Peso da imagem: a soma das imagens em um front-page no deve ultrapassar 20K. Texto: cuidado com o tamanho do texto. Seja objetivo e sucinto sem comprometer a informao. Cores: explore as 216 cores seguras para o sistema web (do total de 256 cores da palheta utilizada por uma imagem GIF subtrai-se 40 cores que so diferentes entre computadores Mac e PC). Mximas da Bauhaus: "menos mais" e "a forma deve seguir a funo".
1 of 1
06/09/00 13:09
Desenvolvimento de Websites
file:///C|/curso_webpages/arquitetura_da _informacao.html
Cuide para que a internet no se torne lenta e confusa Planejar o website fundamental para no criar verdadeiros "becos sem sada", onde o acesso entre uma seo e outra a volta para a pgina principal, estruturas que foram o visitante a passar por vrias pginas at chegar ao ponto desejado. Estruturar as informaes organizando-as por relevncia e pontos em comum. Elas ficam em reas que so como sees de uma revista. Mudar de assunto dever ser to fcil quanto virar uma pgina. A pgina principal como o ndice de um livro ou a recepo de uma empresa: s uma orientao para seguir ao destino. Imagine voc estar em um determinado departamento da empresa e ter quer voltar na recepo para perguntar onde fica o banheiro mais prximo ou ter que passar pela recepo toda vez que vai mudar de departamento. Em todas as pginas do site deve-se ter uma noo clara de onde voc est e para onde pode ir (navegao visvel). Os websites na internet devem ser lineares como uma revista ou hierrquico como uma enciclopdia. No ! A comunicao digital deve ser como a conversa com um especialista assim que o assunto vai se aprofundando, vo surgindo novas opinies. Organizar a informao, desenhar a estrutura do sistema e definir os caminhos para navegar por ela. O mapa do website est pronto. No tente mostrar ao visitante tempo todo onde ele est. Isso to chato e intil quanto uma transmisso de futebol pela TV que mostre o placar durante todo o jogo. A Arquitetura do design fundamental quando seguida da Arquitetura da informao constituda de contedo claro e objetivo. Muitos designers ignoram essa parte do processo e se concentram apenas na elaborao de uma interface visualmente agradvel, deixando para um segundo plano a arquitetura de informao.
1 of 1
06/09/00 13:10
Desenvolvimento de Websites
file:///C|/curso_webpages/conceitos_do_ambiente.html
1 of 1
06/09/00 13:11
Desenvolvimento de Websites
file:///C|/curso_webpages/conceitos_do_ambiente_2.html
1 of 2
06/09/00 13:12
Desenvolvimento de Websites
file:///C|/curso_webpages/conceitos_do_ambiente_2.html
podia ver os registros em seqncia (o prximo e o anterior) ou voltar para a primeira ficha, chamada de Home. A idia era que, se voc estivesse perdido, poderia voltar para casa.
2 of 2
06/09/00 13:12
Desenvolvimento de Websites
file:///C|/curso_webpages/conceitos_do_ambiente_3.html
1 of 2
06/09/00 13:13
Desenvolvimento de Websites
file:///C|/curso_webpages/conceitos_do_ambiente_3.html
A interatividade e os recursos grficos de um endereo digital so apenas chamarizes. O que interessa, cativa e mantm um visitante conectado a possibilidade de participao. a porta de entrada para um relacionamento ntimo e pessoal entre uma empresa e seus consumidores. Empatia Analise os sites que voc conhece, que reao eles provocam no visitante? Muitos so lerdos, feios, lineares e montonos. E com pouco contedo relevante. No preciso nem dizer que o visitante que caia num desses provavelmente vai embora, mesmo que esteja interessado no assunto. Da mesma forma que ns fugimos dos chatos que se orgulham do carro, contam histrias dos filhos ou das viagens que fizeram a Cancn. Mas se o contedo e a forma do site forem bacanas, incentivarem a participao e a interferncia do visitante, eles geraro uma empatia, ou seja, uma identificao completa com o pblico, que visita, volta e conta para os amigos. Interface Ns falamos portugus, o computador fala HTML. Pra servir de intrprete, os layouts tm um nome bacana interfaces, funcionam como uma "face intermediria" entre o computador e voc. Por isso no adianta fazer s uma carinha bonitinha, cheia de cones e desenhinhos ou fotos legais. preciso estimular o visitante a reagir, participar, opinar, brincar com o site. As interfaces existem para que as pessoas esqueam que esto usando computadores. Por isso elas precisam ser naturais, divertidas e interativas.
10
2 of 2
06/09/00 13:13
Confeccao de Paginas
file:///C|/curso_webpages/linguagem_introducao.html
HTML (Hypertext Markup Language) - a linguagem na qual escrevemos as pginas do website para disponibiliz-las no WWW da Internet. Compe-se de diretivas que so interpretadas pelos browsers. Ao interpretar as diferentes diretivas temos a apresentao de uma pgina seguindo a formatao de texto, cores e imagens definida pelo autor. Pgina - um hipertexto no World Wide Web que associa diferentes tipos de mdia como textos, imagens, udio evdeo, conectados por hiperlinks. Pode ser nica ou estar ligada a outras pginas formando um sistema de informaes ou um Website. "Home Page" ou Pgina principal - A pgina de entrada ou pgina inicial. Tim Beners-Lee - um dos criadores do World Wide Web, a linguagem foi definida para ser usada por processadores de texto e os autores de pginas no deveriam conhecer as diretivas produzidas pelo processo de criao. Editores grficos - O uso dos editores permitem que o autor crie uma pgina sem conhecer os cdigos da linguagem HTML. Alm de Editores existem tambm programas Assistentes que transformam documentos gerados em MS Word, Power Point e Excel em pginas HTML..
11
1 of 1
06/09/00 11:41
file:///C|/curso_webpages/linguagem_estrutura_pagina.html
12
1 of 1
06/09/00 11:42
file:///C|/curso_webpages/linguagem_formatacao_texto.html
Cabealhos :
<H1> Tamanho H1</H1> <H2> Tamanho H2</H2> <H3> Tamanho H3</H3> <H4> Tamanho H4</H4> <H5> Tamanho H5</H5> <H6> Tamanho H6</H6>
h1,
h2, h3,
h4, h5,
h6
Outros estilos :
<B> Texto em Negrito ( Bold ) </B> -- Texto em Negrito ( Bold ) <I> Texto em Itlico </I> -- Texto em Itlico <TT> Texto com fonte monoespaada </TT> -- Texto com fonte
monoespaada
<U> Texto sublinhado </u> -- Texto sublinhado <SUP> Texto sobrescrito </SUP> -- Texto sobrecrito <SUB> Texto subscrito </SUB> -- Texto subscrito <BLINK> Texto piscando </BLINK> -- Texto piscando
1 of 2
06/09/00 11:42
file:///C|/curso_webpages/linguagem_formatacao_texto.html
13
2 of 2
06/09/00 11:42
file:///C|/curso_webpages/linguagem_acentuacao.html
Caracteres Especiais & & < < > > (c) ©
14
1 of 1
06/09/00 11:42
file:///C|/curso_webpages/linguagem_disposicao_texto.html
15
1 of 1
06/09/00 11:43
file:///C|/curso_webpages/linguagem_definicao_listas.html
Cdigo html
disk - pequeno disco slido square - quadrado preenchido circle - crculo cheio
1 of 2
06/09/00 11:44
file:///C|/curso_webpages/linguagem_definicao_listas.html
Cdigo html
<ul> <li>Primeira <ul> <li>Turma <li>Filha </ul> <li>Segunda <li>Terceira </ul>> Primeira Turma Filha Segunda Terceira
No browser
Listas de Definio <dl> marca o incio da lista <dt>indica termo a ser definido <dd>indica a definio do termo acima Exemplo: Unicamp <dl> <dt>CCUEC <dd>Centro de Computao <dt>HC <dd>Hospital das Clnicas </dl> Unicamp CCUEC Centro de Computao HC Hospital das Clnicas
Cdigo html
No browser
16
2 of 2
06/09/00 11:44
file:///C|/curso_webpages/linguagem_imagens.html
width para determinar a largura da imagem height para determinar a altura da imagem Imagem com limitao de Altura e Comprimento <IMG width=50 height=90 SRC=figura.gif>
17
1 of 1
06/09/00 11:44
file:///C|/curso_webpages/linguagem_imagens_2.html
align=top para alinhar o texto com o topo da imagem. Imagem com texto alinhado ao topo da imagem <IMG align=top SRC=figura.gif> Texto que acompanha a figura. Texto que acompanha a figura.
align=middle para alinhar o texto com o meio da imagem. Imagem com texto alinhado a meia altura da imagem <IMG align=middle SRC=figura.gif> Texto que acompanha a figura. Texto que acompanha a figura.
align=bottom para alinhar o texto com a parte inferior da imagem. Imagem com texto alinhado ao p da imagem <IMG align=bottom SRC=figura.gif> Texto que acompanha a figura. Texto que acompanha a figura. Onde encontrar cones ? Visite o IconBAAZAR (www.iconbazaar.com).
18
1 of 1
06/09/00 11:45
file:///C|/curso_webpages/linguagem_imagens_2.html
align=top para alinhar o texto com o topo da imagem. Imagem com texto alinhado ao topo da imagem <IMG align=top SRC=figura.gif> Texto que acompanha a figura. Texto que acompanha a figura.
align=middle para alinhar o texto com o meio da imagem. Imagem com texto alinhado a meia altura da imagem <IMG align=middle SRC=figura.gif> Texto que acompanha a figura. Texto que acompanha a figura.
align=bottom para alinhar o texto com a parte inferior da imagem. Imagem com texto alinhado ao p da imagem <IMG align=bottom SRC=figura.gif> Texto que acompanha a figura. Texto que acompanha a figura. Onde encontrar cones ? Visite o IconBAAZAR (www.iconbazaar.com).
18
1 of 2 06/09/00 12:25
file:///C|/curso_webpages/linguagem_imagens_2.html
2 of 2
06/09/00 12:25
file:///C|/curso_webpages/linguagem_tabelas.html
Atributos que podem ser usados na tabelas : colspan : especfica quantas colunas da tabela a clula ocupar rowspan : especfica quantas linhas da tabela a clula ocupar width : define a largura exata da clula align : alinhamento horizontal ( right, center, left ) valign : alinhamento vertical ( top, middle, bottom )
Exemplo 1: <table border=4> <th>Coluna 1</th><th>Coluna 2</th> <tr><td>linha1, coluna 1</td><td> linha 1, coluna 2</td></tr> <tr><td>linha 2, coluna 1</td><td>linha 2, coluna 2</td></tr> </table> Resultado na tela : Coluna 1 Coluna 2
linha 1, coluna 1 linha 1, coluna 2 linha 2, coluna 1 linha 2, coluna 2 Exemplo 2 : <table border=4>
1 of 2
06/09/00 11:47
file:///C|/curso_webpages/linguagem_tabelas.html
<th colspan=2>Colunas 1 e 2</th> <tr> <td>linha1, coluna 1</td><td> linha 1, coluna 2</td></tr> <tr><td>linha 2, coluna 1</td><td>linha 2, coluna 2</td></tr> <th rowspan=3>3 linhas</th> <td>uma linha</td> <tr><td>duas linhas</td></tr> <tr><td>tres linhas</td></tr> </table> Resultado na tela : Colunas 1 e 2 linha 1, coluna 1 linha 1, coluna 2 linha 2, coluna 1 linha 2, coluna 2 uma linha 3 linhas duas linhas trs linhas
19
2 of 2
06/09/00 11:47
file:///C|/curso_webpages/linguagem_links.html
News
1 of 2
06/09/00 11:48
file:///C|/curso_webpages/linguagem_links.html
20
2 of 2
06/09/00 11:48
Confeccao de Paginas
file:///C|/curso_webpages/4.html
Browsers
O acesso ao WWW possvel atravs dos "browsers", ou navegadores, programas que tm por finalidade :
transferir informaes ( textos, imagens, som, vdeo ) entre o servidor e o cliente. codificar as diretivas e apresentar no monitor. iniciar a execuo de arquivos de som e vdeo, caso existam, e se a instalao dispor dos programas necessrios. Possuem muitos recursos e funes que devem estar devidamente configuradas para permitir uma perfeita navegao.
21
1 of 1
06/09/00 11:48
file:///C|/curso_webpages/5.html
Mostraremos apenas as funes dos botes e alguns menus, por serem estes os mais importantes. Ressaltando que todas as opes disponveis nos botes aparecem nos menus tambm. Arquivo, Editar, Publish, Visualizar no Browser Impresso, Busca de palavras, Corretor Ortogrfico e HTML Fontes ( tipo, tamanho, formatao , cor ) Disposio do Texto em Listas, Centralizao e Pargrafos Menu View
22
1 of 1
06/09/00 11:52
file:///C|/curso_webpages/composer2.html
Arquivo Iniciar : comea uma nova pgina em branco, pronta para ser editada Abrir : abre um arquivo .html j existente, podendo ser alterado Salvar : salva o arquivo no diretrio escolhido com o nome que for especificado e com extenso .html Editar Assim como em qualquer aplicativo para Windows, esses botes funcionam da mesma maneira. Sempre trabalhando com a rea de Transferncia. Cut ( cortar ) : cortar texto selecionado Copy ( copiar ) : copiar texto selecionado Paste ( colar ) : colar Publish Essa uma ferramenta que possibilita alteraes em pginas HTML diretamente no servidor WWW. Desde que a pessoa tenha permisso para tal ao. Isso faz parte da configurao do seu servidor. Clicando em publish, voc precisa apenas informar em qual diretrio a pgina dever ser salva e sua senha. Visualizar no Browser Aqui podemos visualizar no browser Netscape e ter uma idia de como ficaria na tela a pgina construda ou alterada.
22.1
1 of 1
06/09/00 11:53
file:///C|/curso_webpages/composer3.html
Impresso Podemos imprimir a pgina se desejarmos, inclusive as opes so as mesmas de um outro software para Windows, precisamos indicar a impressora, podemos tirar mais de uma cpia ou escolher quais pginas devero ser impressas. Busca de Palavras H a possibilidade de localizarmos palavras dentro da pgina sem precisar olhar o arquivo inteiro linha por linha, temos a chamada busca rpida, onde voc informa a palavra a ser procurada e lhe ser mostrado o resultado, mesmo que forem encontradas mais de uma vez. Corretor Ortogrfico Para corrigir erros de ortografia basta acionar o Corretor Ortogrfico e ele indicar os erros e juntamente sugestes do que poderia ser colocado. Tags HTML Link : ligao para outra pgina ou para partes do mesmp arquivo. Target : atribui nomes pelo qual poderemos referenciar futuramente. Imagem : insere uma imagem no local onde estiver o cursor Rgua : constri uma rgua horizontal, onde podemos definir a espessura e comprimento Tabela : cria tabelas, na qual podemos mudar borda, linhas e colunas ...
22.2
1 of 1
06/09/00 11:55
file:///C|/curso_webpages/composer4.html
Font Podemos escolher uma fonte diferente, para isso basta t-las instaladas no microcomputador, porm para que todos que acessem sua pgina vejam preciso que tenham as fontes em seus micros tambem.
22.3
1 of 1
06/09/00 11:56
file:///C|/curso_webpages/composer5.html
Size Permite mudar o tamanho da fonte ( letras ) utilizada. Basta marcar o texto a ser mudado e escolher um nmero. Ou ento definir antes de iniciar a digitao.
Formatao Podemos deixar uma palavra, texto ou pargrafo em negrito, itlico, sublinhado ou normal, sem nenhum desses efeitos. Basta selecionar e clicar no boto desejado.
Color Ao mesmo tempo que podemos mudar o tamanho da fonte, tambm mudamos a cor. A paleta de cores varia de acordo com a configurao do seu computador
22.4
1 of 1
06/09/00 11:57
file:///C|/curso_webpages/composer6.html
RECUO / AVANO Pargrafos so pequenos espaos deixados partir da margem, podem ou no existir conforme os botes que estiverem selecionados. Temos o recuo e o avano. Funciona nas listas tambm, para colocar em sub-nveis.
22.5
1 of 1
06/09/00 11:59
file:///C|/curso_webpages/composer7.html
No menu visualizar ( VIEW ) temos uma opo importante para quem estiver interessado em visualizar o cdigo HTML, a Page Source, que mostrar o fonte da pgina que estiver carregada com todas as diretivas. Page Info apresenta informaes sobre a pgina tais como estrutura e imagens relacionadas , alm de informaes sobre o arquivo ( ltima modificao , etc ) .
22.6
1 of 1
06/09/00 11:59
file:///C|/curso_webpages/6.html
Autoria - definir o autor da pgina pelo prprio Netscape Composer e tambm indicar os autores e responsveis pelo site. Finalidade - deixar claro qual a finalidade principal de seu j nas primeiras pginas de apresentao Interativatividade - utilizar os recursos da rede de modo a permitir uma maior integrao com os visitantes. Navegabilidade - definir links entre as diversas pginas do site unindo-as logicamente; a utilizao de frames pode um recurso bastante til; evite excesso de links desnecessrios; prefira abrir links externos como outra sesso. Recursos multimdia - utilizar recursos de multimdia possveis em uma pgina caso quando necessrios. Visualizao - indicar qual a melhor configurao para a visualizao de sua pgina, 640x460 ou 800x600. Verificar como fica a visualizao em diferentes browsers.
23
1 of 1
06/09/00 12:00
file:///C|/curso_webpages/7.html
The Java Boutique (http://www.j-g.com/) Demicron ( http://www.demicron.se) Inova Rapid Site ( http://www.inova.net/algomais/) Javapowered.com (http://www.javapowered.com/)
Javascripts Analogamente aos Applets na linguagem Java, podemos definir algumas funes ou scripts que podem ser escritas na linguagem Javascript e includas numa pgina HTML aps a diretiva <SCRIPT> . Veja um exemplo de aplicao de Javascripts bastante simples onde poderemos trocar uma imagem por outra ao passarmos o mouse sobre a figura. CCUEC ( http://www.ccuec.unicamp.br)
1 of 2
06/09/00 12:02
file:///C|/curso_webpages/7.html
24
2 of 2
06/09/00 12:02
file:///C|/curso_webpages/8.html
25
1 of 1
06/09/00 12:02
file:///C|/curso_webpages/81.html
25.1
1 of 1
06/09/00 12:03
file:///C|/curso_webpages/9.html
Alterao da estrutura : Os navegadores permitem que o visitante altere a posio dos frames. Para tanto o atributo noresize inibe esta possibilidade e torna os frames fixos conforme definido. < FRAMESET src = ... NORESIZE> Bordas : Podemos definir se nossa estrutura de quadros ser apresentada ressaltando-se as bordas entre ou frames ou no usando os atributos frameborder e border. Eliminao das bordas dos frames: < FRAMESET src = ... FRAMEBORDER="NO" > Eliminao do espao entre os frames : < FRAMESET src = .... FRAMEBORDER="NO" BORDER="0" >
Direcionamento : O atributo target (alvo) o que indica onde uma pgina dever ser apresenta assim que o visitante clica em um link . Por definio uma nova pgina ser apresentada na mesma rea onde est link. Para redirecionar a pgina para outra rea temos as possibilidades a seguir que devem ser constar na definio no link ( <a href=pagina.html target= ... > ) : target="nome da rea " : carrega a pgina na rea especificada.
1 of 2
06/09/00 12:03
file:///C|/curso_webpages/9.html
target=_top : limpa a tela e abre a nova pgina ocupando toda a tela. target=_blank : abre uma nova janela para exibir a pgina. target=_self : carrega a pgina na mesma rea do link. Opo default. No Frame : Alguns browsers no suportam frames e a opo noframe permite que seja apresentada outra pgina como alternativa. <noframe> .... definio da pgina alternativa ... <body> ... contedo da pgina ... ... </noframe>
<img src=fig.jpg>
.... etc
25.2
2 of 2
06/09/00 12:03
file:///C|/curso_webpages/10.html
Diretivas
Definio do Formulrio Campos Tipo Texto Campos de Escolha Botes de Ao Botes de Seleo rea de Texto Alm da definio do formulrio e necessrio definir o programa que executar a transmisso do formulrio . Este programa deve estar gravado em um diretorio cgi-bin. Alguns endereos: FormMail, Matt's Scripts, worldwidemart.com/scripts/formmail.shtml Site contendo muitos scripts disponiveis para download e possveis de serem customizados.
26
1 of 1
06/09/00 12:04
file:///C|/curso_webpages/101.html
26.1
1 of 1
06/09/00 12:04
file:///C|/curso_webpages/102.html
Nome: Senha:
Alguns Atributos :
Value : Inicializa um campo texto com o valor definido Ex.: Nome: <INPUT TYPE=TEXT NAME="Nome" VALUE="Oswald de Andrade"> Nome:
26.2
1 of 1
06/09/00 12:05
file:///C|/curso_webpages/103.html
O atributo CHECKED serve para inicializar um item como j escolhido. Campos Tipo Escolha nica <FORM> Estado Civil : <INPUT TYPE=RADIO NAME="estciv" Estado Civil : VALUE="Solteiro">Solteiro <INPUT TYPE=RADIO NAME="estciv" Solteiro VALUE="Casado">Casado Casado <INPUT TYPE=RADIO NAME="estciv" VALUE="Viuvo">Viuvo Viuvo <INPUT TYPE=RADIO NAME="estciv" Divorciado VALUE="Divorciado">Divorciado Outros <INPUT TYPE=RADIO NAME="estciv" VALUE="Outros">Outros </FORM>
26.3
1 of 1
06/09/00 12:06
file:///C|/curso_webpages/104.html
26.4
1 of 1
06/09/00 12:06
file:///C|/curso_webpages/105.html
PC
Pode-se definir um valor como default usando o atributo SELECTED. Exemplo: <OPTION SELECTED>valor O atributo SIZE utilizado para se apresentar mais de um valor na pgina: <SELECT NAME="plataforma" SIZE=3> <OPTION>PC <OPTION>Workstation <OPTION>Alpha <OPTION>Mainframe IBM </SELECT> PC Workstation Alpha
26.5
1 of 1
06/09/00 12:07
file:///C|/curso_webpages/105.html
PC
Pode-se definir um valor como default usando o atributo SELECTED. Exemplo: <OPTION SELECTED>valor O atributo SIZE utilizado para se apresentar mais de um valor na pgina: <SELECT NAME="plataforma" SIZE=3> <OPTION>PC <OPTION>Workstation <OPTION>Alpha <OPTION>Mainframe IBM </SELECT> PC Workstation Alpha
26.5
1 of 1
06/09/00 12:09
file:///C|/curso_webpages/106.html
Exemplo
<TEXTAREA COLS=60 ROWS=10 NAME="texto">rea para entrada de texto </TEXTAREA>
26.
1 of 1
06/09/00 12:09
Desenvolvimento de Websites
file:///C|/curso_webpages/11.html
27
1 of 1
06/09/00 12:12
Desenvolvimento de Websites
file:///C|/curso_webpages/111.htm
Mapas Clicveis
Voc clicou em treinamentos .
27.1
1 of 1
06/09/00 12:28
Desenvolvimento de Websites
file:///C|/curso_webpages/112.htm
Mapas Clicveis
Voc clicou em Atendimento e Consultoria .
27.2
1 of 1
06/09/00 12:29
file:///C|/curso_webpages/113.htm
Mapas Clicveis
Voc clicou em FAQs .
27.3
1 of 1
06/09/00 12:29
Desenvolvimento de Websites
file:///C|/curso_webpages/114.htm
Mapas Clicveis
Voc clicou em Software .
27.4
1 of 1
06/09/00 12:30
Desenvolvimento de Websites
file:///C|/curso_webpages/115.htm
Mapas Clicveis
Voc clicou em Search .
27.5
1 of 1
06/09/00 12:30
Desenvolvimento de Websites
file:///C|/curso_webpages/116.htm
Mapas Clicveis
Voc clicou em ndice de pginas .
27.6
1 of 1
06/09/00 12:31
Desenvolvimento de Websites
file:///C|/curso_webpages/117.htm
Mapas Clicveis
Voc clicou em Sobre a Gacli.
27.7
1 of 1
06/09/00 12:31
Desenvolvimento de Websites
file:///C|/curso_webpages/12.html
"Let our robots tune your Web site. Free! Our robots will search your site to find broken link spot bad HTML tags, and rate your server's response time." Ocorrncias na verificao de links e do cdigo HTML
Website Garage
1 of 1
06/09/00 12:13
Desenvolvimento de Websites
file:///C|/curso_webpages/13.html
29
1 of 1
06/09/00 12:14
Desenvolvimento de Websites
file:///C|/curso_webpages/14.html
30
1 of 1
06/09/00 12:15
Desenvolvimento de Websites
file:///C|/curso_webpages/15.html
1 of 1
06/09/00 12:15