Introdução ao Desenvolvimento Web: mudanças entre as edições

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
m (Protegeu "Introdução ao Desenvolvimento Web" ([Editar=Permitir apenas administradores] (indefinidamente) [Mover=Permitir apenas administradores] (indefinidamente)))
 
(134 revisões intermediárias por 4 usuários não estão sendo mostradas)
Linha 1: Linha 1:
==Web Design Terceiro Ano==
Pessoal, estou sem acesso a alterar a página de web design, por isso estou colocando aqui os documentos da disciplina do terceiro ano.
* [[Mídia:webdesign2016arquivos.zip | Arquivos da Disciplina de Web Design]]
==Carga Horária==
==Carga Horária==
*76 horas
76 horas
 
 
== Objetivos ==
 
Desenvolvimento de sites com tecnologia HTML e compreensão dos fundamentos da organização e estruturação de uma página web. Utilização do CSS para definição de layout e organização da disposição dos elementos de uma página de acordo com um plano de estruturação do site. Aplicação de tecnologia javascript para capacitar recursos dinâmicos numa página web.
 


== Ementa ==
== Ementa ==


* Introdução ao HTML; Folhas de estilo (CSS); Introdução ao Javascript
* Conceitos de Web
* Arquitetura Web
* Clientes Web e Servidores Web
* Introdução ao HTML;  
* Folhas de estilo (CSS);  
* Introdução ao Javascript
 
 
==Bibliografia Básica==
* RODRIGUES, A. Desenvolvimento para Internet. Curitiba: Editora LT, 2010.
* MARCONDES, C.A. HTML 4.0 Fundamental: A Base da Programação para Web. 2.ed. São Paulo: Érica, 2007.
* MORRISON, M. Use a Cabeça JavaScript. Rio de Janeiro: Alta Books, 2008.
* SILVA, M.S. JavaScript: Guia do programador. São Paulo: Novatec Editora, 2010
 
 
==Bibliografia Complementar==
* TERUEL, E.C. HTML 5: Guia Prático. São Paulo: Érica, 2011.
* FREEMAN, E; FREEMAN, E. Use a Cabeça HTML com CSS e XHTML. Rio de Janeiro: Alta Books, 2008.
* WORLD Wide Web Consortium. W3C Recommendation.Disponível na Internet em: http://www.w3.org.
 
 
==Materiais de Apoio==
 
* [http://www.w3schools.com http://www.w3schools.com]
* [[Mídia:tabela.zip | Tabela de Exemplo]]
* [http://www.instantshift.com/2015/10/16/free-html5-css3-pricing-tables/ Site com CSS pronto]
 
= Semestre 2015-1 =
 
<br>'''Professora:''' Juliana Hoffmann Quinonez Benacchio (juliana.benacchio@ifpr.edu.br)
<br>'''Aulas:''' Sexta 13:20 - 15:20
<br>'''Atendimento paralelo:''' Quinta 14:30 - 15:30
 
 
== Diários de Aula ==
 
 
'''23/11'''
*JavaScript externo
<head>
<script src="myScript.js"></script>
</head>
 
 
'''16/11'''
*{{pdf}}[[Mídia:javascript1.pdf | Introdução a JavaScript]]
*[[Mídia:lista-de-exercicios-javascript.odt]]
 
 
'''26/10'''
*{{pdf}}[[Mídia:web9.pdf | Formulários]]
 
 
'''14/09'''
*Trabalho Bimestral
*Modelo: [[Mídia:Trabalho-Layouts.zip]]
*Definição: [[Mídia:TrabalhoWeb.txt]]
*Entrega: Quarta-feira 05/10
 
 
'''24/08'''
*{{pdf}}[[Mídia:css5.pdf | CSS 5 - Propriedades de Layout]]
*[[Mídia:Exercícios-layout.zip]]
 
 
'''17/08'''
*Atividade de Fixação
**{{pdf}}[[Mídia:Exercício CSS.pdf | Exercício]]
**[[Mídia:galaxy-s-3-4.jpg]]
**[[Mídia:galaxy-texto.txt]]
 
 
'''03/08'''
*[http://www.w3schools.com/css/css_border.asp Propriedade Border]
*{{pdf}}[[Mídia:exercicio-css-noticias1.pdf | Exercício CSS 1]]
*{{pdf}}[[Mídia:exercicio-css-noticias2.pdf | Exercício CSS 2]]
*[[Mídia:imagens.zip]]
*[[Mídia:textos.zip]]
 
 
'''01/08'''
*{{pdf}}[[Mídia:RevisãoCSS.pdf | Revisão CSS]]
 
 
'''29/06'''
*CSS externo
*{{pdf}}[[Mídia:css4.pdf | CSS 4 - Propriedade Background]]
*[[Mídia:backgrounds.zip]]
 
 
'''22/06'''
*{{pdf}}[[Mídia:web3.pdf | Utilização de cores no HTML]]
*{{pdf}}[[Mídia:css3.pdf | CSS 3 - Manipulação de links]]
*{{pdf}}[[Mídia:Exercicio-links-css.pdf | Exercício]]
 
 
'''08/06'''
*{{pdf}}[[Mídia:css1.pdf | CSS 1]]
*{{pdf}}[[Mídia:css2.pdf | CSS 2]]
 
 
'''25/05'''
* Exercício
**{{pdf}}[[Mídia:ex-tabela.pdf]]
**[[Mídia:ex-tabelas.zip]]
 
 
'''18/05'''
*{{pdf}}[[Mídia:estilos.pdf | Estilos]]
 
 
'''11/05'''
*Recuperação
 
 
'''04/05'''
*Avaliação


= Ano Letivo 2014 =


<br>'''Professor:''' Felippe Scheidt (felippe.scheidt@ifpr.edu.br)
'''27/04'''
<br>'''Horários:''' 4a feira/9h50-11h50 - 2 aulas/semana
*{{pdf}}[[Mídia:web8-tabelas.pdf | Tabelas]]
<br>'''Atendimento paralelo:''' 5a feira/13h30-14h30.
**[[Mídia:extinct.jpg]]


= Diários de Aula =


* CONFERIR: [[Media:Trabalhos-1bi.pdf|Lista de trabalhos recebidos]]
'''25/04'''
*{{pdf}}[[Mídia:web7.pdf | Listas]]


==30/abr==
* {{pdf}} [[Media:Propriedades-css.pdf|Lista de propriedades do CSS]]
* {{pdf}} [[Media:Css-p2.pdf|Slides - 2a Parte CSS]]


== 22/abr: Introdução ao CSS==
'''20/04'''
* Introdução ao CSS
*{{pdf}}[[Mídia:web4.pdf | Imagens]]
* {{pdf}} [[Media:Css-p1.pdf|Slides]]


== 31/mar: Revisão e tabelas==
* Uso de tabelas para definição de um layout de site
* Revisão de conteúdos para prova '''(09.04)'''
* {{pdf}} [[Media:Tif introweb sem08.pdf|Slides]]


== 26/mar: Rowspan e colspan==
'''13/04'''
* Uso do rowspan e colspan para configuração de tabelas
*{{pdf}}[[Mídia:atividade.pdf | Atividade]]
* {{pdf}} [[Media:Tif introweb sem07.pdf|Slides]]
* [[Media:Certificado.png|Imagem exercicio 8]]


== 19/mar: Formulários==
* Uso de formulários, inputs, select, textarea
* {{pdf}} [[Media:Tif introweb sem06-forms.pdf|Slides]]


== 12/mar: Tabelas==
'''23/03'''
* Uso de tabelas e seus atributos
*{{pdf}}[[Mídia:web5.pdf | Links]]
* {{pdf}} [[Media:Tif_introweb_sem05-tabelas10.pdf|Slides]]
* {{zip}} [[Media:Tif_introweb_sem05-imagens.zip|Imagens]]


== 25/fev: Imagens==
* Uso de imagens e seus atributos
* Tag <img>
* Atributos: width, heigth, alt, title, vspace, hspace, src, border, align
* {{pdf}} [[Media:Tif introweb 04-imagens.pdf|Slides]]
* {{zip}} [[Media:Tif intro web sem04 imagens.zip|Imagens]]


== 17/fev: Uso de listas no HTML==
'''16/03'''
* Tags de lista do HTML: <nowiki><ol>, <ul>, <li> </nowiki>
*Configuração de Hospedagem
* Links internos (# e id)
* {{pdf}} [[Media:Tif introweb 03.pdf|Slides]]
* {{tarefa}} Lista de exercícios para entregar (1 ao 6) (até 17.02)


== 12/fev: Introdução ao HTML ==
* Tags de formatação de texto: <nowiki><b>, <i>, <u>, <font></nowiki>
* Utilizando links no html: <nowiki><a></nowiki>, atributo href e target
* Utilizando imagens no html <nowiki><img></nowiki>, atributo src, width e heigth
* Atividade: elaborar um mini-curriculo pessoal
=== Tabela de Cores seguras para Web ===
[[Arquivo:Tabela-de-cores.gif|850px]]


== 05/fev: Introdução ao HTML ==
'''09/03'''
* Introdução a Disciplina
*{{pdf}}[[Mídia:web.pdf | Estrutura básica do HTML]]
* Apresentação da estrutura do HTML
*{{pdf}}[[Mídia:Web1.pdf | Conceitos Iniciais - Introdução ao HTML]]
* apresentação das tags: <nowiki><p>, <h1> - <h6> <html>, <head>, <title>, <body>, <br>, <hr></nowiki>
* Apresentação da Disciplina, [[Mídia:Plano_de_Ensino_-_Web_2016.pdf | Plano de Ensino]]
* {{pdf}} [[Media:Tif introweb 01.pdf|Slides]]
* Exemplo básico de uma página html:
<syntaxhighlight lang="html4strict">
<!DOCTYPE HTML>
<html>
  <head>
      <meta charset="utf-8"/>
      <title>Primeiro Exemplo de HTML</title>
  </head>
  <body>
      <h1>Olá Mundo</h1>
  </body>
</html>
</syntaxhighlight>




----
[[Categoria:Técnico em Informática]]
[[Categoria:Técnico em Informática]]

Edição atual tal como às 15h40min de 23 de novembro de 2016

Web Design Terceiro Ano

Pessoal, estou sem acesso a alterar a página de web design, por isso estou colocando aqui os documentos da disciplina do terceiro ano.


Carga Horária

76 horas


Objetivos

Desenvolvimento de sites com tecnologia HTML e compreensão dos fundamentos da organização e estruturação de uma página web. Utilização do CSS para definição de layout e organização da disposição dos elementos de uma página de acordo com um plano de estruturação do site. Aplicação de tecnologia javascript para capacitar recursos dinâmicos numa página web.


Ementa

  • Conceitos de Web
  • Arquitetura Web
  • Clientes Web e Servidores Web
  • Introdução ao HTML;
  • Folhas de estilo (CSS);
  • Introdução ao Javascript


Bibliografia Básica

  • RODRIGUES, A. Desenvolvimento para Internet. Curitiba: Editora LT, 2010.
  • MARCONDES, C.A. HTML 4.0 Fundamental: A Base da Programação para Web. 2.ed. São Paulo: Érica, 2007.
  • MORRISON, M. Use a Cabeça JavaScript. Rio de Janeiro: Alta Books, 2008.
  • SILVA, M.S. JavaScript: Guia do programador. São Paulo: Novatec Editora, 2010


Bibliografia Complementar

  • TERUEL, E.C. HTML 5: Guia Prático. São Paulo: Érica, 2011.
  • FREEMAN, E; FREEMAN, E. Use a Cabeça HTML com CSS e XHTML. Rio de Janeiro: Alta Books, 2008.
  • WORLD Wide Web Consortium. W3C Recommendation.Disponível na Internet em: http://www.w3.org.


Materiais de Apoio

Semestre 2015-1


Professora: Juliana Hoffmann Quinonez Benacchio (juliana.benacchio@ifpr.edu.br)
Aulas: Sexta 13:20 - 15:20
Atendimento paralelo: Quinta 14:30 - 15:30


Diários de Aula

23/11

  • JavaScript externo

<head> <script src="myScript.js"></script> </head>


16/11


26/10


14/09


24/08


17/08


03/08


01/08


29/06


22/06


08/06


25/05


18/05


11/05

  • Recuperação


04/05

  • Avaliação


27/04


25/04


20/04


13/04


23/03


16/03

  • Configuração de Hospedagem


09/03


Disponível em “http://wiki.foz.ifpr.edu.br/wiki/index.php?title=Introdução_ao_Desenvolvimento_Web&oldid=14984”