Slide de Introdução Java Web

Linguagem de Programao Orientada
a Objetos para Web

Profa.: Alessandra Gomes
E-mail: alegomesbr@gmail.com
IFB Tcnico em Informtica 3 Mdulo [2 semestre - 2014]
Agenda [Aula 1]
Introduo: Web
Introduo: Programao para Web
Programao HTML/CSS
Introduo: Web
Internet e Web
Histria da Internet e Web
Arquitetura Bsica
Internet e Web
Internet:
Infraestrutura
Web:
World Wide Web (WWW)
Acesso a informao via Internet
Protocolo HTTP e software Navegador (Web

Browser) para acessar informao em documentos
(sites)
Sites interligados por hyperlinks (links)
Introduo: Web
Histria da Internet e Web
Introduo: Web
Histria da Internet e da Web
ARPANet: primeira rede

Instituies que trabalhavam com defesa puderam
se conectar a ARPANet
Introduo: Web
Rede foi liberada para uso comercial
ARPANet se dividiu:
MILNET -- para assuntos militares

Internet
Introduo: Web
(1990) Tim Berners-Lee: Primeira comunicao

cliente/servidor bem-sucedida
Introduo: Web
Primeiro navegador Web: WorldWideWeb

(rebatizado para Nexus)
Primeiro servidor Web: CERN httpd (HyperText
Transfer Protocol daemon)
Introduo: Web
(1992) Tim Berners-Lee cria a World Wide Web
Introduo: Web
(1993) Marc Andreesen criou o Mosaic (depois o

Netscape)
Introduo: Web
(1994) Tim Berners-Lee fundou o World Wide Web

Consortium (W3C)
(1995) Microsoft lanou o Internet Explorer
Introduo: Web
(1996) A Opera Software lana o Opera
(1998) O projeto Mozilla foi criado
Introduo: Web
(2002) Mozilla lana o Firefox
(2003) Apple lana o Safari
(2008) Google lana o Chrome
Arquitetura Web
Linguagens Cliente e Servidor
Programao Front-End e Back-End
Arquitetura Web
Arquitetura Web
Linguagens Back-End (servidor)
Linguagens Front-End (cliente)

Programao HTML
(1990) HTML HyperText Markup Language
Tim Berners-Lee
Baseada em Tags
Surgimento dos links
Verses:
HTML 1.0, HTML 2.0, HTML 3.2

HTML 4.0, HTML 4.1, HTML 5

Programao HTML Principais Tags
<HTML>
<HEAD>
(...)
</HEAD>
<BODY>
(...)
</BODY>
</HTML>

<HTML>
<HEAD>
<TITLE> Informtica-IFB </TITLE>
</HEAD>
<BODY>
(...)
</BODY>
</HTML>

<HTML>
<HEAD>
<TITLE> Informtica-IFB </TITLE>
</HEAD>
<BODY>
<P> Disciplina: Java Web </P>
</BODY>
</HTML>

<HTML>
(...)
<BODY>
<A HREF=#> Clique Aqui </A>
</BODY>
</HTML>

(...)
<BODY>
<TABLE>
<TR>
<TD> COLUNA 1 </TD>
<TD> COLUNA 2 </TD>
</TR>
</TABLE>
</BODY>

<BODY>
<FORM METHOD=POST ACTION=>
(...)
</FORM>
</BODY>
--------------------------------------<BODY>
<FORM METHOD=GET ACTION=>
(...)
</FORM>
</BODY>

<input type=text name=txNome>
<input type=password name=txSenha>
<input type=submit value=Enviar>
<input type=reset value=Cancelar>
<input type=submit value=OK>
</FORM>

<input type=checkbox name=ckOpcao>
<input type=radio name=rbOpcao>
<textarea rows=10 cols=60> contedo
</textarea>
</FORM>

<select name=slLinguagens>
<option>Java</option>
<option>PHP</option>
</select>
</FORM>

<select name=slLinguagens multiple>
<option>PHP</option>
</select>
</FORM>

CSS
CSS: Cascading Style Sheets

Adicionar estilo (fontes, cor, espaamento,...) em
pginas Web
(1996) Produzido pela W3C
Padres de estilo
Verses:
CSS 1.0, CSS 2.0, CSS 3.0

Programao HTML/CSS Principais cdigos
<HEAD>
<style>
.titulo{ font-size:20pt; }
</style>
</HEAD>
<BODY>
<p class=titulo> IFB </p>
</BODY>

Programao HTML/CSS Principais cdigos
<style>
.titulo{
font-size: 20pt;
font-weight: bold;
color: white;
background-color: black;
text-align: center;
border: 4px solid green;
}
</style>

CSS Criar arquivo estilo.css
.titulo{
font-size: 20pt;
font-weight: bold;
color: white;
background-color: black;
text-align: center;
border: 4px solid green;
}
CSS Linkar no HTML

<head>
<link rel=stylesheet href=estilo.css>
</head>
Dvidas?

Slide de Introdução Java Web

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Slide de Introdução Java Web

Загружено:

Авторское право:

Доступные форматы

Linguagem de Programao Orientada

a Objetos para Web

IFB Tcnico em Informtica 3 Mdulo [2 semestre - 2014]

Introduo: Programao para Web

Histria da Internet e Web

World Wide Web (WWW)

Acesso a informao via Internet

Protocolo HTTP e software Navegador (Web

Histria da Internet e Web

Histria da Internet e da Web

ARPANet: primeira rede

Histria da Internet e da Web

Rede foi liberada para uso comercial

MILNET -- para assuntos militares

Histria da Internet e da Web

(1990) Tim Berners-Lee: Primeira comunicao

Histria da Internet e da Web

Primeiro navegador Web: WorldWideWeb

Histria da Internet e da Web

(1992) Tim Berners-Lee cria a World Wide Web

Histria da Internet e da Web

(1993) Marc Andreesen criou o Mosaic (depois o

Histria da Internet e da Web

(1994) Tim Berners-Lee fundou o World Wide Web

Histria da Internet e da Web

(1996) A Opera Software lana o Opera

(1998) O projeto Mozilla foi criado

Histria da Internet e da Web

(2002) Mozilla lana o Firefox

(2003) Apple lana o Safari

(2008) Google lana o Chrome

Introduo: Programao para Web

Linguagens Cliente e Servidor

Programao Front-End e Back-End

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Linguagens Back-End (servidor)

Introduo: Programao para Web

Linguagens Front-End (cliente)

Introduo: Programao para Web

(1990) HTML HyperText Markup Language

Surgimento dos links

HTML 1.0, HTML 2.0, HTML 3.2

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

CSS: Cascading Style Sheets

(1996) Produzido pela W3C

CSS 1.0, CSS 2.0, CSS 3.0

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

Introduo: Programao para Web

CSS Linkar no HTML

Вам также может понравиться