Aula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme

Tamanho: px

Começar a partir da página:

Download "Aula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme"

Carmem Andrade Eger
8 Há anos
Visualizações:

1 Aula 1 Desenvolvimento Web Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme

2 Plano de Aula Ementa Avaliação

3 Ementa Noções sobre Internet. HTML (XHTML)- Estrutura do documento HTML (XHTML) com padrões da W3C. Tabelas. Imagens. Links. Formulários. Metatags. CSS - Efeitos de texto, fontes, cores e fundos. Links e Cursores. Margens e bordas. Aplicação de folhas de estilo com padrões w3c. Publicação de sites. Noções de scripts client-side dinâmicos para validação de formulários e interação.

Formulários. Metatags. CSS - Efeitos de texto, fontes, cores e fundos. Links e Cursores.

4 Avaliação Listas de exercícios: 15 pontos 1ª Avaliação: 18 pontos Data: 04/09/2014 2ª Avaliação: 18 pontos Data: 16/10/2014 3ª Avaliação: 25 pontos Data: 21/11/2014 Trabalho Final: 24 pontos Data: 28/11/2014

5 Referências Bibliográficas SILVA, M. S. Construindo Sites com CSS e (X)HTML. Novatec, 2007 ROBBINNS, J. N. Aprendendo Web Design: Guia para iniciantes. 3ª ed. Porto Alegre. Bookman, DUCKETT, J. Introdução a Programação Web Com HTML, XHTML E CSS. 2. ed. Ciência Moderna, Infinidade de material na Internet

3ª ed. Porto Alegre. Bookman, 2010. DUCKETT, J.

6 Internet x Web A Internet é uma rede de computadores ligados; Nenhuma empresa possui a Internet; Esforço cooperativo em busca de padrões e regras; Compartilhamento informações: , transferência de arquivos (FTP), torrent, etc. World Wide Web (ou Web) um dos modos de compartilhamento das informações pela Internet. Web é um termo em inglês que significa teia.

e-mail, transferência de arquivos (FTP), torrent, etc.

7 Web Permite que os documentos sejam ligados uns aos outros usando conexões de hipertexto; Teia de informações; Utiliza o protocolo HTTP Será discutido melhor na próxima aula.

8 CSS e (X)HTML O conhecimento desses conceitos são indispensáveis para a criação de sites; Ex.:

9 HTML HyperText Markup Language ou Linguagem de Marcação de Hipertexto; Não é uma linguagem de Programação; Destina-se a escrever documentos que possam ser lidos por softwares chamados de agentes de usuário (Ex.: Navegadores)

Destina-se a escrever documentos que possam ser lidos

10 XHTML Mesmo conjunto de tags e atributos da HTML 4.01 Regras mais estritas

11 Exemplo 1: (X)HTML Localize e abra o Bloco de Notas Digite: <html> <head> <title> Minha primeira página</title> </head> <body> <h1> Olá mundo </h1> </body> </html>

12 Cont. Exemplo 1 Salve na área de trabalho com o nome de primeirapagina.html Cuidado com a extensão do arquivo! Abra no navegador a página

13 Cont. Exemplo 1 (Navegadores)

14 CSS CSS: Cascading Style Sheets ou Folha de Estilo em Cascata Formata a apresentação do layout e texto

15 Exemplo 2: CSS Abra o exemplo 1 (primeirapagina.html) novamente no bloco de notas; Localize o texto em vermelho: <html> <head>... </head> <body> <h1> Olá mundo </h1> </body> </html>

16 Exemplo 2 Edite-o da seguinte forma: <h1 style="color: red;"> Olá mundo </h1> Abra novamente a página no navegador ou atualize-a.

17 Javascript Não é Java É usada para acrescentar interatividade e comportamento às páginas web; Usada para manipular os elementos de uma página ou certas funções de janela do navegador/browser;

Usada para manipular os elementos de uma página

18 Exemplo 3: Javascript Abra o exemplo 1 (primeirapagina.html) novamente no bloco de notas; Localize o texto em vermelho: <html> <head>... </head> <body> <h1> Olá mundo </h1> </body> </html>

19 Exemplo 3 Edite-o da seguinte forma: <body onload="alert('bem-vindo a minha primeira página web')"> Abra novamente a página no navegador.

20 Programação server-side Sites com mais funcionalidades tais como: tratamento de formulários páginas dinamicamente geradas conexões com o banco de dados; Será tratada detalhadamente na disciplina Programação Web

páginas dinamicamente geradas conexões com o banco

21 Ferramentas Básicas Editor de texto simples Blocos de Notas Editores de HTML mais sofisticados Dreamweaver Editores HTML Livres Aptana WYSIWYG: what you see is what you get

22 Ambiente Windows Bloco de notas e navegadores (no início) Elaboração de sites: Aptana

23 Leitura Complementar Capítulo de Introdução, 1 e 2 de SILVA, M. S. Construindo Sites com CSS e (X)HTML. Novatec, 2007

24 Referências SILVA, M. S. Construindo Sites com CSS e (X)HTML. Novatec, 2007 ROBBINNS, J. N. Aprendendo Web Design: Guia para iniciantes. 3ª ed. Porto Alegre. Bookman, 2010.

25 Contato

Documentos relacionados

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de