Você está na página 1de 23

Programao Web

Introduo

Arquitetura Web

Aplicaes Web
Complexos Requisitos Funcionais
Complexos Requisitos No-Funcionais
Transao, persistencia com banco de dados, threads,
acesso remoto, web services, etc.
Dificuldade de implementar cada servio
Servidor de aplicao

JEE e Container
Java Enterprise Edition
Gerida por Java Community Process
http://www.jcp.org/
Exemplos
Java Server Pages (JSP), Java Server Faces (JSF)
Enterprise JavaBeans Components (EJB), Java Persistence API (JPA)
Java Authentication and Authorization Service ( JAAS )
Java Management Extensions ( JMX ), etc.
Especifices em : Texto, PDF, html. Documentos em geral.
Servidor de Aplicao Implementa as especificaes
GlassFish, JBoss, Geronimo
Weblogic, IBM WebSphere
Usaremos : Apache Tomcat *

Web Bsica
Como exibir informaes na Web?
HTML : Principal linguagem de exibio de
contedo
Flash, XML, PDF
CSS, AJAX
W3Schools: http://www.w3schools.com ( W3C )
Firefox, Chrome, Safari e IE* seguem o padro W3C

HTML Bsico
Linguagem no compilada, somente Interpretada
Linguagem que o Browser Interpreta
Formada por tags: <tag></tag>
Estrutura Bsica
<!DOCTYPE html>
<html>
<head>
<title>Title of document goes here</title>
</head>
<body>
Visible text goes here...
</body>
</html>

HTML Bsico
Elementos Bsicos
<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>
<p>This is a paragraph.</p>
<br> (line break)
<hr> (horizontal rule) - linha
<!-- This is a comment -->

HTML Bsico
Elementos Bsicos

HTML Bsico
Imagens
<!DOCTYPE html>
<html>
<body>
<img src="smiley.gif" alt="Smiley
face" width="42" height="42">
</body>
</html>
<img src="URL" alt="Alternate Text" height="42" width="42">

HTML Bsico
Imagens

HTML Bsico
Listas no ordenadas, ordenadas e de definio
<ul>
<li>Item</li>
<li>Item</li>
</ul>
<ol>
<li>First item</li>
<li>Second item</li>
</ol>
<dl>
<dt>Item 1</dt>
<dd>Describe item 1</dd>

Listas Ordenadas

HTML Bsico
Links

HTML Bsico
Divs e Spans Containers Genricos
Em um documento, servem para:
Definir uma seo.
Agrupar elementos.
<div>
Elemento em bloco.
Define uma diviso ou seo no documento.
Usado para agrupar elementos em bloco a fim de formatlos com CSS.
<span>
Elemento em linha

HTML Bsico
Div

HTML Bsico
Table Header

HTML Bsico
Tabelas

HTML Bsico
Formulrio

HTML Bsico

Referncias e Links
Vdeos da Universidade XTI
www.w3schools.com
www.gimp.org
FREEMAN Eric & FREEMAN Elisabeth. Use a Cabea! HTML
com CSS e XHTML. Alta Books, 1 Edio, 2006.
Apostila da K19 - Desenvolvimento Web com HTML, CSS
e Javascript.
RODRIGUES, Andra. Desenvolvimento para Internet. 1
Edio, Editora do Livro Tcnico, 2010.

Exerccio
Criar um arquivo html chamado
buscadores.html com o titulo
Buscador
O html deve ter uma tabela colorida
com nome e link do buscador
O html deve ter um paragrafo
explicando a pagina

Exerccio
Baixe um tomcat: http://tomcat.apache.org/
Criao de projeto Web: Arquivo -> Novo Projeto

Exerccio
Crie a pgina em Paginas Web
Execute sua aplicao
Seu projeto deve estar configurado com o tomcat
que voce baixou.
Discuta com colegas
Sua pagina deve estar em :
http://localhost:8080/<nomeDoProjeto>/minhapagina.html

Você também pode gostar