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

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
 
(121 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
 
 
'''27/04'''
*{{pdf}}[[Mídia:web8-tabelas.pdf | Tabelas]]
**[[Mídia:extinct.jpg]]
 
 
'''25/04'''
*{{pdf}}[[Mídia:web7.pdf | Listas]]
 


= Ano Letivo 2014 =
'''20/04'''
*{{pdf}}[[Mídia:web4.pdf | Imagens]]


<br>'''Professor:''' Felippe Scheidt (felippe.scheidt@ifpr.edu.br)
<br>'''Horários:''' 4a feira/9h50-11h50 - 2 aulas/semana
<br>'''Atendimento paralelo:''' 5a feira/13h30-14h30.


= Diários de Aula =
'''13/04'''
*{{pdf}}[[Mídia:atividade.pdf | Atividade]]


==3&deg; Bimestre==
{| class="wikitable"
|-
! Data !! Conteúdo
|-
| '''13.08''' ||
<ul>
  <li>Javascript - Parte 3 (eventos)</li>
  <li>{{pdf}} [[Media:Javascript p3-eventos.pdf|Slides e exercícios]]</li>
</ul>
|-
| '''06.08''' ||
<ul>
  <li>Javascript - Parte 2</li>
  <li>{{pdf}} [[Media:Javascript p2.pdf|Slides e exercícios]]</li>
</ul>
|-
| '''30.07''' ||
<ul>
  <li>Introdução ao Javascript</li>
  <li>{{pdf}} [[Media:Javascript p1.pdf|Slides]]</li>
  <li>{{pdf}} [[Media:Lista-de-exercicios rev1.pdf|Lista exercícios]]</li>
</ul>
|}


==2&deg; Bimestre==
'''23/03'''
{| class="wikitable"
*{{pdf}}[[Mídia:web5.pdf | Links]]
|-
! Data !! Conteúdo
|-
| '''11.06''' ||
<ul>
  <li>Revisão Prova</li>
  <li>{{pdf}} [[Media:Tec-intro-web-2bi-revisao.pdf|Exercícios]]</li>
</ul>
|-
| '''04.06''' ||
<ul>
  <li>CSS Parte 4</li>
  <li>{{pdf}} [[Media:Css-p4.pdf|Slides]]</li>
</ul>
|-
| '''28.05''' ||
<ul>
  <li>Aula</li>
</ul>
|-
| '''21.05''' ||
<ul>
  <li>Feira de estágios</li>
</ul>
|-
| '''14.05''' ||
<ul>
  <li>Aplicação de CSS com tabelas</li>
  <li>{{pdf}} [[Media:Css-p3.pdf|Slides]]</li>
</ul>
|-
| '''30.04''' ||
<ul>
  <li>CSS - 2a Parte</li>
  <li>{{pdf}} [[Media:Propriedades-css.pdf|Lista de propriedades do CSS]]</li>
  <li>{{pdf}} [[Media:Css-p2.pdf|Slides]]</li>
</ul>
|-
| '''22.04''' ||
<ul>
  <li>Introdução ao CSS</li>
  <li>{{pdf}} [[Media:Css-p1.pdf|Slides]]</li>
</ul>
|}


==1&deg; Bimestre==


{| class="wikitable"
'''16/03'''
|-
*Configuração de Hospedagem
! Data !! Conteúdo
|-
| 31.03 ||
<ul>
  <li>Uso de tabelas para definição de um layout de site</li>
  <li>Revisão de conteúdos para prova '''(09.04)'''</li>
  <li>{{pdf}} [[Media:Tif introweb sem08.pdf|Slides]]</li>
</ul>
|-
| 26.03 ||
<ul>
  <li>Uso do rowspan e colspan para configuração de tabelas</li>
  <li>{{pdf}} [[Media:Tif introweb sem07.pdf|Slides]]</li>
  <li>[[Media:Certificado.png|Imagem exercicio 8]]</li>
</ul>
|-
| 19.03 ||
<ul>
  <li>Uso de formulários, inputs, select, textarea</li>
  <li>{{pdf}} [[Media:Tif introweb sem06-forms.pdf|Slides]]</li>
</ul>
|-
| 12.03 ||
<ul>
  <li>Uso de tabelas e seus atributos</li>
  <li>{{pdf}} [[Media:Tif_introweb_sem05-tabelas10.pdf|Slides]]</li>
  <li>{{zip}} [[Media:Tif_introweb_sem05-imagens.zip|Imagens]]</li>
</ul>
|-
| 25.02 ||
<ul>
  <li>Uso de imagens e seus atributos</li>
  <li>Tag <img></li>
  <li>Atributos: width, heigth, alt, title, vspace, hspace, src, border, align</li>
  <li>{{pdf}} [[Media:Tif introweb 04-imagens.pdf|Slides]]</li>
  <li>{{zip}} [[Media:Tif intro web sem04 imagens.zip|Imagens]]</li>
</ul>
|-
| 17.02 ||
<ul>
  <li>Uso de listas no HTML</li>
  <li>Tags de lista do HTML: <nowiki><ol>, <ul>, <li> </nowiki></li>
  <li>Links internos (# e id)</li>
  <li>{{pdf}} [[Media:Tif introweb 03.pdf|Slides]]</li>
</ul>
|-
| 22.04 ||
<ul>
  <li>Introdução ao HTML</li>
  <li>Tags de formatação de texto: <nowiki><b>, <i>, <u>, <font></nowiki></li>
  <li>Utilizando links no html: <nowiki><a></nowiki>, atributo href e target</li>
  <li>Utilizando imagens no html <nowiki><img></nowiki>, atributo src, width e heigth</li>
  <li>Atividade: elaborar um mini-curriculo pessoal</li>
</ul>
|}




=== Tabela de Cores seguras para Web ===
'''09/03'''
[[Arquivo:Tabela-de-cores.gif|850px]]
*{{pdf}}[[Mídia:web.pdf | Estrutura básica do HTML]]
=== Exemplo ===
*{{pdf}}[[Mídia:Web1.pdf | Conceitos Iniciais - Introdução ao HTML]]
* Exemplo básico de uma página html:
* Apresentação da Disciplina, [[Mídia:Plano_de_Ensino_-_Web_2016.pdf | Plano de Ensino]]
<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