Ferramentas de Construção de Websites

Izequiel Pereira de Norões

Módulo 1 – Introdução
Apresentação
• Professor:
– Izequiel Pereira de Norões
– Bacharel em Informática (Unifor)
– Pós em Gerência Estratégica da Informação (Unifor)
– Pós em Tecnologias da Informação – Ênfase Web (UFC)

Contato: izequiel@gmail.com

Material da disciplina:
http://fatene.ipn.eti.br

Izequiel Pereira de Norões - 2006

A disciplina
• Objetivos:
– Apresentar os fundamentos básicos de criação,
divulgação e publicação de websites;
– Apresentar uma visão geral das técnicas, ferramentas e
tecnologias existentes no mercado voltadas
– Dominar meios de criação de páginas estáticas e
dinâmicas;
– Conhecer as linguagens de desenvolvimento web: HTML,
DHTML, ASP, JavaScript, VBScript, PHP.
– Conhecer quais os principais problemas de
desenvolvimento de páginas da Internet;
– Conhecer técnicas de animação e recursos em websites;
– Conhecer técnicas avançadas em desenvolvimento de
sites.

Izequiel Pereira de Norões - 2006

 Plano do Conteúdo

• Módulo 1: Introdução;
• Módulo 2: HTML/DHTML;
• Módulo 3: CSS e DOM;
• Módulo 4: Projetando Websites;
• Módulo 5: Ferramentas de construção;
• Módulo 6: ASP/PHP ;
• Módulo 7: Métodos avançados de
desenvolvimento;
• Módulo 8: Tópicos de Segurança;
• Módulo 9: Novas tecnologias.

Izequiel Pereira de Norões - 2006

Sugestões bibliográficas
• Nielsen, J. Projetando Websites: A Prática da Simplicidade.
Ed. Campus, 2000.
• Criando Web Sites Arrasadores III - David Siegel - Market
Books Brasil - 1999.
• HTML Sourcebook - A complete guide to HTML- Ian Graham
- John Wiley and Sons - 1995.
• Dynamic HTML- Danny Goodman - O'Reilly - 1998.
• Comércio e Segurança na Web - Garfinkel & Spafford -
Market Books Brasil
• REBITTE, Leonardo e VINICIUS, Marcus – Dominando
tableless – Rio de Janeiro: Alta Books, 2006.
• SOMERA, Guilherme – Treinamento prático em CSS – São
Paulo: Digeratti, 2006
• WILLIAMS, Robin; TOLLETT, John.WEB DESIGN PARA NÃO
DESIGNERS. Rio de janeiro:Ciência Moderna, 2001.
• DAMASCENO, Anielle. WEBDESIGN: Teoria e prática.
Florianópolis: Visual Books, 2003.

Izequiel Pereira de Norões - 2006

Metodologia de Avaliação
• Trabalhos individuais.
• 1 prova.
• ------------------------- 1ª Nota
• 1 Trabalho em equipe + apresentação.
(Prova) ---- 2 alunos por equipe.
• ------------------------- 2ª Nota

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• World Wide Web (Web) – Ampla rede mundial de recursos
de informação e serviços Aplicação do modelo de hipertexto
na Internet
• Web Site – Um conjunto de informações e serviços
computacionais com um propósito específico, localizado em
um ponto (site) específico da Internet
• Página – Uma unidade com informações num Web Site. Um
Web Site é estruturado em páginas.
• Navegação – Interação com as páginas de um hipertexto
através dos elos, também conhecido como folhear
(browsing), surfar, ...

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• O World Wide Web Consortium (W3C)
– é um consórcio de empresas de tecnologia, atualmente
com cerca de 500 membros.
– Fundado por Tim Berners-Lee em 1994 para levar a Web
ao seu potencial máximo, por meio do desenvolvimento de
protocolos comuns e fóruns abertos que promovem sua
evolução e asseguram a sua interoperabilidade.
– Desenvolve tecnologias denominadas padrões da web para
a criação e a interpretação dos conteúdos para a Web.
– Sites desenvolvidos segundo esses padrões podem ser
acessados e visualizados por qualquer pessoa ou
tecnologia, independente de hardware ou software
utilizados, como celulares, PDAs, eletrodomésticos, de
maneira rápida e compatível com os novos padrões e
tecnologias que possam surgir com a evolução da internet.
Izequiel Pereira de Norões - 2006
Conceitos Básicos
• Visão geral da internet
Usuário em casa

Página em:http://www.ipn.eti.br

INTERNET

Celulares e PDAs

Servidores de aplicação
Izequiel Pereira de Norões - 2006
Conceitos Básicos
• Sistema WEB
– Sistema computacional implementado na
plataforma Web.
– Conjunto de software e hardware necessários
para o funcionamento de um Web Site
– Do ponto de vista do usuário é o Web Site.

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• Principais recursos / tecnologias
– Arquitetura Cliente-Servidor;
– Hipertexto;
– Protocolo HTTP;
– Linguagem HTML;
– Endereçamento através da URI.

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• O modelo cliente servidor

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• O Hipertexto
– Modelo para estruturar documentos de maneira
não linear usando os conceitos de nós, elos e
âncoras.
– Nó  Uma unidade de conteúdo do documento:
uma página, um parágrafo, etc.
– Elo  Ligação entre dois nós. Pode ser uni ou
bidirecional.
– Âncora  Ponto do documento onde inicia-se
(âncora origem) ou termina (âncora destino) um
elo.

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• O Hipertexto

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• O Hipertexto

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• Tecnologias do Hipertexto
– HyperText Markup Language (HTML)
Linguagem que permite definir a estrutura de
um documento a ser exibido por um browser
– Uniform Resource Identifiers (URI)
Esquema pelo qual os recursos da internet são
endereçados
– HyperText Transfer Protocol (HTTP)
Protocolo que define a interação entre um
browser (cliente) e um servidor de documentos
hipertextuais.

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• Transação Cliente x Servidor

Izequiel Pereira de Norões - 2006

Conceitos Básicos
• Tecnologias do Hipertexto
– HyperText Markup Language (HTML)
Linguagem que permite definir a estrutura de
um documento a ser exibido por um browser
– Uniform Resource Identifiers (URI)
Esquema pelo qual os recursos da internet são
endereçados
– HyperText Transfer Protocol (HTTP)
Protocolo que define a interação entre um
browser (cliente) e um servidor de documentos
hipertextuais.

Izequiel Pereira de Norões - 2006

Próximo módulo...
• A internet

Izequiel Pereira de Norões - 2006