Ferramentas de Construção de Websites

Izequiel Pereira de Norões

Módulo 1 – Introdução

Izequiel Pereira de Norões - 2006

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

INTERNET

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

Usuário em casa

Servidores de aplicação

Celulares e PDAs

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ãoendereç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ãoendereç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